From 3d0a796a8df0c5c68e62fbcba7ec8bff4fe9cb6c Mon Sep 17 00:00:00 2001 From: Timothy DeHerrera Date: Tue, 1 Nov 2022 17:27:11 -0600 Subject: [PATCH] fix: dark mode text --- src/components/BaseLayout.astro | 4 ++-- src/components/ModeSwitcher.svelte | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/BaseLayout.astro b/src/components/BaseLayout.astro index 1c3ff70..5e5f69b 100644 --- a/src/components/BaseLayout.astro +++ b/src/components/BaseLayout.astro @@ -1,5 +1,5 @@ - -
+ +
diff --git a/src/components/ModeSwitcher.svelte b/src/components/ModeSwitcher.svelte index 7194fe2..b58a0ce 100644 --- a/src/components/ModeSwitcher.svelte +++ b/src/components/ModeSwitcher.svelte @@ -10,7 +10,7 @@ function toggleTheme() { - window.document.documentElement.classList.toggle(THEME_DARK) + window.document.body.classList.toggle(THEME_DARK) currTheme = localStorage.getItem('theme') === THEME_DARK ? THEME_LIGHT : THEME_DARK // Update Storage localStorage.setItem('theme', currTheme) @@ -20,10 +20,10 @@ onMount(() => { if (localStorage.getItem('theme') === THEME_DARK || (!('theme' in localStorage) && window.matchMedia(`(prefers-color-scheme: ${THEME_DARK})`).matches)) { - window.document.documentElement.classList.add(THEME_DARK) + window.document.body.classList.add(THEME_DARK) currTheme = THEME_DARK } else { - window.document.documentElement.classList.remove(THEME_DARK) + window.document.body.classList.remove(THEME_DARK) currTheme = THEME_LIGHT } // Update Store