servius/sukr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: dark mode text

Browse Source
This commit is contained in:
Timothy DeHerrera
2022-11-01 17:27:11 -06:00
parent 3d237e7099
commit 3d0a796a8d
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/BaseLayout.astro
View File

@@ -1,5 +1,5 @@
<body class="font-sans antialiased min-h-screen bg-gray-100 dark:bg-gray-800"> <body class="font-sans antialiased min-h-screen">
<div class="transition-colors"> <div class="bg-gray-100 dark:bg-gray-800 transition-colors">
<main class="mx-auto max-w-4xl px-4 md:px-0"> <main class="mx-auto max-w-4xl px-4 md:px-0">
<slot /> <slot />
</main> </main>

6
src/components/ModeSwitcher.svelte
View File

@@ -10,7 +10,7 @@
function toggleTheme() { 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 currTheme = localStorage.getItem('theme') === THEME_DARK ? THEME_LIGHT : THEME_DARK
// Update Storage // Update Storage
localStorage.setItem('theme', currTheme) localStorage.setItem('theme', currTheme)
@@ -20,10 +20,10 @@
onMount(() => { onMount(() => {
if (localStorage.getItem('theme') === THEME_DARK || (!('theme' in localStorage) && window.matchMedia(`(prefers-color-scheme: ${THEME_DARK})`).matches)) { 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 currTheme = THEME_DARK
} else { } else {
window.document.documentElement.classList.remove(THEME_DARK) window.document.body.classList.remove(THEME_DARK)
currTheme = THEME_LIGHT currTheme = THEME_LIGHT
} }
// Update Store // Update Store