clients(devtools): ignore dark mode media query (#9082)

GoogleChrome · May 30, 2019 · 9a011a5 · 9a011a5
1 parent a11dec4
commit 9a011a5
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/lighthouse-core/report/html/renderer/report-ui-features.js b/lighthouse-core/report/html/renderer/report-ui-features.js
@@ -92,7 +92,9 @@ class ReportUIFeatures {
     topbarLogo.addEventListener('click', () => this._toggleDarkTheme());
 
     let turnOffTheLights = false;
-    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+    // Do not query the system preferences for DevTools - DevTools should only apply dark theme
+    // if dark is selected in the settings panel.
+    if (!this._dom.isDevTools() && window.matchMedia('(prefers-color-scheme: dark)').matches) {
       turnOffTheLights = true;
     }