diff options
| author | Adam Soltys <[email protected]> | 2024-11-06 14:45:20 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-06 14:46:25 -0800 |
| commit | 9a3ad4f9a0da4a1c33df92743cb3ca94ac79037d (patch) | |
| tree | caa6f91b6d4a0a9be69b77d6837ce0d53bc91558 /src/components/DarkToggle.svelte | |
| parent | 18bd43159ac2c9b10a3ced100ff097e5d50d6e61 (diff) | |
| download | coinos-ui-9a3ad4f9a0da4a1c33df92743cb3ca94ac79037d.tar.gz coinos-ui-9a3ad4f9a0da4a1c33df92743cb3ca94ac79037d.zip | |
landing nav
Diffstat (limited to 'src/components/DarkToggle.svelte')
| -rw-r--r-- | src/components/DarkToggle.svelte | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/src/components/DarkToggle.svelte b/src/components/DarkToggle.svelte new file mode 100644 index 00000000..7ed2ba1c --- /dev/null +++ b/src/components/DarkToggle.svelte @@ -0,0 +1,17 @@ +<script> + import { t } from "$lib/translations"; + import { theme } from "$lib/store"; + let dark = () => ($theme = $theme === "dark" ? "light" : "dark"); +</script> + +<button + class="flex justify-center items-center hover:opacity-80 gap-2 font-bold" + on:click={dark} +> + <iconify-icon + icon={$theme === "dark" ? "ph:sun-bold" : "ph:moon-stars-bold"} + width="30" + /> + + {$t(`nav.${$theme === "dark" ? "light" : "dark"}`)} +</button> |