From e6703b5d7e29539c403fa5a63261fa0bf0f8c940 Mon Sep 17 00:00:00 2001
From: Ewa Gasperowicz <devnook@gmail.com>
Date: Tue, 2 Nov 2021 11:34:01 +0100
Subject: [PATCH] disable dark theme in lighthouse-viewer

---
 src/lib/components/LighthouseViewer/index.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/components/LighthouseViewer/index.js b/src/lib/components/LighthouseViewer/index.js
index cc93cd69745..535097b1566 100644
--- a/src/lib/components/LighthouseViewer/index.js
+++ b/src/lib/components/LighthouseViewer/index.js
@@ -50,6 +50,8 @@ class LighthouseViewer extends BaseStateElement {
     renderer.renderReport(lighthouseReport, container);
     const features = new ReportUIFeatures(dom);
     features.initFeatures(lighthouseReport);
+    // Force remove dark theme support untill whole of web.dev supports it.
+    this.varsEl.classList.remove('dark');
   };
 
   onStateChanged() {
@@ -63,6 +65,7 @@ class LighthouseViewer extends BaseStateElement {
 
   firstUpdated() {
     this.container = this.querySelector('.lighthouse-viewer');
+    this.varsEl = this.querySelector('.lh-vars');
   }
 }