[network] Update status bar colors when switching themes.
Fixed: chromium:1450053
Change-Id: I4a4d7f7180375f0a065240f3f687060a251aeac1
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/4577780
Commit-Queue: Benedikt Meurer <[email protected]>
Commit-Queue: Simon Zünd <[email protected]>
Auto-Submit: Benedikt Meurer <[email protected]>
Reviewed-by: Simon Zünd <[email protected]>
diff --git a/front_end/panels/network/NetworkLogView.ts b/front_end/panels/network/NetworkLogView.ts
index 5e7397c..6902a35 100644
--- a/front_end/panels/network/NetworkLogView.ts
+++ b/front_end/panels/network/NetworkLogView.ts
@@ -52,7 +52,6 @@
import * as PerfUI from '../../ui/legacy/components/perf_ui/perf_ui.js';
import * as Components from '../../ui/legacy/components/utils/utils.js';
import * as UI from '../../ui/legacy/legacy.js';
-import * as ThemeSupport from '../../ui/legacy/theme_support/theme_support.js';
import networkLogViewStyles from './networkLogView.css.js';
@@ -1139,13 +1138,13 @@
const domContentLoadedText = i18nString(
UIStrings.domcontentloadedS,
{PH1: i18n.TimeUtilities.secondsToString(this.mainRequestDOMContentLoadedTime - baseTime)});
- appendChunk(domContentLoadedText).style.color = NetworkLogView.getDCLEventColor();
+ appendChunk(domContentLoadedText).style.color = `var(${NetworkLogView.getDCLEventColor()})`;
}
if (this.mainRequestLoadTime !== -1) {
this.summaryToolbarInternal.appendSeparator();
const loadText =
i18nString(UIStrings.loadS, {PH1: i18n.TimeUtilities.secondsToString(this.mainRequestLoadTime - baseTime)});
- appendChunk(loadText).style.color = NetworkLogView.getLoadEventColor();
+ appendChunk(loadText).style.color = `var(${NetworkLogView.getLoadEventColor()})`;
}
}
}
@@ -2334,11 +2333,11 @@
}
static getDCLEventColor(): string {
- return ThemeSupport.ThemeSupport.instance().getComputedValue('--color-syntax-3');
+ return '--color-syntax-3';
}
static getLoadEventColor(): string {
- return ThemeSupport.ThemeSupport.instance().getComputedValue('--color-syntax-1');
+ return '--color-syntax-1';
}
}
