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(-) 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