From 0032c6c6116a18c12fed55f691c70944d68b0d1b Mon Sep 17 00:00:00 2001
From: April Hall <ari@arithefirst.com>
Date: Wed, 5 Feb 2025 19:16:25 -0500
Subject: [PATCH] fix: Switch button variant

---
 src/app.css                            | 2 +-
 src/lib/components/modeSwitcher.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index 6746b56..7124280 100644
--- a/src/app.css
+++ b/src/app.css
@@ -12,7 +12,7 @@
     --popover-foreground: 240 10% 3.9%;
     --primary: 142.1 76.2% 36.3%;
     --primary-foreground: 355.7 100% 97.3%;
-    --secondary: 240 4.8% 95.9%;
+    --secondary: 20 6% 90%;
     --secondary-foreground: 240 5.9% 10%;
     --muted: 240 4.8% 95.9%;
     --muted-foreground: 240 3.8% 46.1%;
diff --git a/src/lib/components/modeSwitcher.svelte b/src/lib/components/modeSwitcher.svelte
index 256a573..6ddc4c3 100644
--- a/src/lib/components/modeSwitcher.svelte
+++ b/src/lib/components/modeSwitcher.svelte
@@ -5,7 +5,7 @@
   import { Button } from '$lib/components/ui/button/index';
 </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" />
   <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>