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