From be9f98490c258f64694226c746de1f0e35c00672 Mon Sep 17 00:00:00 2001
From: adam <56338480+adastx@users.noreply.github.com>
Date: Sun, 18 Sep 2022 13:22:55 +0200
Subject: Better support for dark mode extensions

---
 src/scripts/darktheme.js | 4 ++--
 src/styles/style.css     | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/scripts/darktheme.js b/src/scripts/darktheme.js
index b44db9a..0c577b6 100644
--- a/src/scripts/darktheme.js
+++ b/src/scripts/darktheme.js
@@ -11,11 +11,11 @@ if (theme) {
 
 function setTheme(dark) {
     if (dark) {
-        document.body.classList.add("dark-mode");
+        document.documentElement.classList.add("dark-mode");
         themeButton.className = "fa fa-sun-o";
         localStorage.setItem("theme", "dark");
     } else {
-        document.body.classList.remove("dark-mode");
+        document.documentElement.classList.remove("dark-mode");
         themeButton.className = "fa fa-moon-o";
         localStorage.setItem("theme", "light");
     }
diff --git a/src/styles/style.css b/src/styles/style.css
index e0bac34..c65adc5 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -20,9 +20,12 @@
   --theme-toggle: #f9e2af;
 }
 
-body {
+html {
     background-color: var(--bg);
     color: var(--fg);
+}
+
+body {
     font: 1em/1.8 'Open Sans', sans-serif;
     margin: 0 auto;
     max-width: 50em;
-- 
cgit v1.2.3-70-g09d2