arithefirst/svchat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Switch button variant

Browse Source
This commit is contained in:
April Hall 2025-02-05 19:16:25 -05:00
parent da933c04d7
commit 0032c6c611
Signed by: arithefirst
GPG Key ID: 4508A15C4DB91C5B
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.css
View File

@ -12,7 +12,7 @@
--popover-foreground: 240 10% 3.9%; --popover-foreground: 240 10% 3.9%;
--primary: 142.1 76.2% 36.3%; --primary: 142.1 76.2% 36.3%;
--primary-foreground: 355.7 100% 97.3%; --primary-foreground: 355.7 100% 97.3%;
--secondary: 240 4.8% 95.9%; --secondary: 20 6% 90%;
--secondary-foreground: 240 5.9% 10%; --secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%; --muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%; --muted-foreground: 240 3.8% 46.1%;

2
src/lib/components/modeSwitcher.svelte
View File

@ -5,7 +5,7 @@
import { Button } from '$lib/components/ui/button/index'; import { Button } from '$lib/components/ui/button/index';
</script> </script>
<Button on:click={toggleMode} variant="outline" size="icon" class="ml-auto"> <Button on:click={toggleMode} variant="secondary" size="icon" class="ml-auto">
<Sun class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" /> <Sun class="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
<Moon class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" /> <Moon class="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
<span class="sr-only">Toggle theme</span> <span class="sr-only">Toggle theme</span>