Fixes ToggleModeButton.svelte

This commit is contained in:
freearhey 2023-10-10 10:21:46 +03:00
parent 938be993f5
commit 48bb117276
2 changed files with 10 additions and 10 deletions

View file

@ -1,4 +1,5 @@
<script>
import { onMount } from 'svelte'
import SquareButton from './SquareButton.svelte'
let dark = false
@ -14,6 +15,15 @@
localStorage.theme = 'dark'
}
}
onMount(() => {
let mode = localStorage.theme || 'light'
if (mode === 'dark' || window.matchMedia('(prefers-color-scheme: dark)').matches) {
dark = true
} else {
dark = false
}
})
</script>
<SquareButton on:click={toggleDarkMode} aria-label="Toggle Dark Mode">