sophie/chat.sad.ovh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mode-watcher

Browse source
This commit is contained in:
Soph :3 2026-01-02 15:10:20 +02:00
parent 4e3aceed6a
commit f4b092e15e
5 changed files with 38 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/lib/components/extra/DarkMode.svelte Normal file
View file

@ -0,0 +1,17 @@
<script lang="ts">
import SunIcon from "@lucide/svelte/icons/sun";
import MoonIcon from "@lucide/svelte/icons/moon";
import { toggleMode } from "mode-watcher";
import { Button } from "$lib/components/ui/button/index.js";
</script>
<Button onclick={toggleMode} variant="outline" size="icon">
<SunIcon
class="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 !transition-all dark:scale-0 dark:-rotate-90"
/>
<MoonIcon
class="absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 !transition-all dark:scale-100 dark:rotate-0"
/>
<span class="sr-only">Toggle theme</span>
</Button>