Web Inspector: Dark Mode: Fix colors in network table waterfall container
https://bugs.webkit.org/show_bug.cgi?id=197955

Patch by Jamal Nasser <jamaln@mail.com> on 2019-05-17
Reviewed by Devin Rousso.

* UserInterface/Views/NetworkTableContentView.css:
(.network-table :not(.header) .cell.waterfall .waterfall-container > .dom-event):
(.network-table :not(.header) .cell.waterfall .waterfall-container > .dom-activity):
(.network-table :not(.header) .cell.waterfall .waterfall-container > .area.dom-fullscreen):

git-svn-id: http://svn.webkit.org/repository/webkit/trunk@245484 268f45cc-cd09-0410-ab3c-d52691b4dbfc
diff --git a/Source/WebInspectorUI/ChangeLog b/Source/WebInspectorUI/ChangeLog
index eafa215..0afdf84 100644
--- a/Source/WebInspectorUI/ChangeLog
+++ b/Source/WebInspectorUI/ChangeLog
@@ -1,3 +1,15 @@
+2019-05-17  Jamal Nasser  <jamaln@mail.com>
+
+        Web Inspector: Dark Mode: Fix colors in network table waterfall container
+        https://bugs.webkit.org/show_bug.cgi?id=197955
+
+        Reviewed by Devin Rousso.
+
+        * UserInterface/Views/NetworkTableContentView.css:
+        (.network-table :not(.header) .cell.waterfall .waterfall-container > .dom-event):
+        (.network-table :not(.header) .cell.waterfall .waterfall-container > .dom-activity):
+        (.network-table :not(.header) .cell.waterfall .waterfall-container > .area.dom-fullscreen):
+
 2019-05-09  Devin Rousso  <drousso@apple.com>
 
         Web Inspector: Uncaught Exception: null is not an object (evaluating 'resource.parentFrame.securityOrigin')
diff --git a/Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css b/Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css
index 09a002c..880848e 100644
--- a/Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css
+++ b/Source/WebInspectorUI/UserInterface/Views/NetworkTableContentView.css
@@ -184,14 +184,14 @@
     top: calc(50% - (var(--node-waterfall-dom-event-size) / 2));
     min-width: var(--node-waterfall-dom-event-size);
     height: var(--node-waterfall-dom-event-size);
-    background-color: var(--selected-background-color);
+    background-color: var(--selected-background-color-active);
     border-radius: calc(var(--node-waterfall-dom-event-size) / 2);
 }
 
 .network-table :not(.header) .cell.waterfall .waterfall-container > .dom-activity {
     position: absolute;
     top: calc(50% - 0.5px);
-    border-top: 1px dashed var(--selected-background-color);
+    border-top: 1px dashed var(--selected-background-color-active);
 }
 
 .network-table :not(.header) .cell.waterfall .waterfall-container > .dom-activity.playing {
@@ -208,7 +208,7 @@
 }
 
 .network-table :not(.header) .cell.waterfall .waterfall-container > .area.dom-fullscreen {
-    background-color: hsla(0, 0%, 75%, 0.75);
+    background-color: hsl(0, 0%, 40%);
 }
 
 .network-table :not(.header) .cell.waterfall .waterfall-container > .area.power-efficient-playback {