diff options
| author | Furkan Sahin <furkan-dev@proton.me> | 2022-06-03 14:45:00 -0500 |
|---|---|---|
| committer | Furkan Sahin <furkan-dev@proton.me> | 2022-06-03 14:45:00 -0500 |
| commit | 24d29149373fd63b8f85257868832965c152cadb (patch) | |
| tree | e9c91337eda62534cd4c438c5036b79bca0b06fe /src | |
| parent | 4e4166a35600f7d5fee7476041bf841921de3042 (diff) | |
convert if/else to function for conciseness
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/DarkModeSwitch.svelte | 9 |
1 files changed, 3 insertions, 6 deletions
diff --git a/src/components/DarkModeSwitch.svelte b/src/components/DarkModeSwitch.svelte index b119ad1..709b717 100644 --- a/src/components/DarkModeSwitch.svelte +++ b/src/components/DarkModeSwitch.svelte @@ -15,18 +15,15 @@ } function isDarkMode() { - return localStorage.theme == "dark"; + if (localStorage.theme == "dark") return ""; + return "checked" } </script> <label class="swap swap-rotate"> <!-- this hidden checkbox controls the state --> <!-- Make Moon/Sun icon based on current theme --> - {#if isDarkMode()} - <input type="checkbox" on:click={toggleDarkMode} /> - {:else} - <input type="checkbox" checked="checked" on:click={toggleDarkMode} /> - {/if} + <input type="checkbox" checked={isDarkMode()} on:click={toggleDarkMode} /> <!-- sun icon --> <svg |
