From c0c2168d2b09894122dadca796caae11a96b5786 Mon Sep 17 00:00:00 2001
From: wijtse <wijtse@rekkerit.nl>
Date: Thu, 29 Oct 2020 16:38:02 +0100
Subject: [PATCH] feat(report): Change theme together with
 mutation-test-report-app

---
 packages/core/package.json                            | 2 +-
 packages/core/src/reporters/html/templates/index.html | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/core/package.json b/packages/core/package.json
index a52cdb0711..f6e3a9cc42 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -71,7 +71,7 @@
     "log4js": "~6.2.1",
     "minimatch": "~3.0.4",
     "mkdirp": "~1.0.3",
-    "mutation-testing-elements": "~1.4.0",
+    "mutation-testing-elements": "~1.4.1",
     "mutation-testing-metrics": "~1.4.0",
     "npm-run-path": "~4.0.1",
     "progress": "~2.0.0",
diff --git a/packages/core/src/reporters/html/templates/index.html b/packages/core/src/reporters/html/templates/index.html
index 8a929648fb..81de3fa283 100644
--- a/packages/core/src/reporters/html/templates/index.html
+++ b/packages/core/src/reporters/html/templates/index.html
@@ -13,6 +13,14 @@
         Your browser doesn't support <a href="https://caniuse.com/#search=custom%20elements">custom elements</a>.
         Please use a latest version of an evergreen browser (Firefox, Chrome, Safari, Opera, etc).
     </mutation-test-report-app>
+    <script>
+        const app = document.getElementsByTagName('mutation-test-report-app').item(0)
+        function updateTheme() {
+            document.body.style.backgroundColor = app.theme === 'dark' ? '#222' : '#fff';
+        }
+        app.addEventListener('theme-changed', updateTheme);
+        updateTheme();
+    </script>
     <script src="bind-mutation-test-report.js"></script>
 </body>