Summary: Consistent coloring in Dark Mode

Changed the getDCLEventColor() and getLoadEventColor() methods
to have the colors of the "DOMContentLoaded" text and
"Load" text in the Log view of the network tab match the
colors of the vertical lines in the waterfall section when using
dark mode.

Bug: 378335071
Change-Id: Idfe9b2c1e959766493e6e49e7070fc12bc6dc07b
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6097042
Reviewed-by: Wolfgang Beyer <[email protected]>
Commit-Queue: Wolfgang Beyer <[email protected]>
Commit-Queue: Kim-Anh Tran <[email protected]>
Reviewed-by: Kim-Anh Tran <[email protected]>

Author: Saiv-kodes

AUTHORS

@@ -72,6 +72,7 @@ Rajasekar Murugan <[email protected]>
 Ross Wollman <[email protected]>
 Royi Hagigi <[email protected]>
 Ryan Puhalovich <[email protected]>
+Satvic Dhawan <[email protected]>
 Sebastian Markbåge <[email protected]>
 Serg Kryvonos <[email protected]>
 Sergio Avalos <[email protected]>

front_end/panels/network/NetworkLogView.ts

@@ -2589,11 +2589,11 @@ export class NetworkLogView extends Common.ObjectWrapper.eventMixin<EventTypes,
   }
 
   static getDCLEventColor(): string {
-    return '--sys-color-token-attribute-value';
+    return '--sys-color-blue';
   }
 
   static getLoadEventColor(): string {
-    return '--sys-color-token-property-special';
+    return '--sys-color-error';
   }
 }
 

front_end/panels/network/NetworkLogViewColumns.ts

@@ -847,10 +847,10 @@ export class NetworkLogViewColumns {
     let color = 'transparent';
     switch (className) {
       case 'network-dcl-divider':
-        color = '#0867CB';
+        color = ThemeSupport.ThemeSupport.instance().getComputedValue('--sys-color-blue');
         break;
       case 'network-load-divider':
-        color = '#B31412';
+        color = ThemeSupport.ThemeSupport.instance().getComputedValue('--sys-color-error');
         break;
       default:
         return;