From b2ac193c91c2a1f8a0145f74a99495d897906bdb Mon Sep 17 00:00:00 2001
From: Stevan Freeborn <65925598+StevanFreeborn@users.noreply.github.com>
Date: Fri, 21 Apr 2023 09:40:29 -0500
Subject: [PATCH] fix: invert toggle logic and add styling

---
 src/app/components/SideBar.module.css | 4 ++--
 src/app/components/SideBar.tsx        | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/components/SideBar.module.css b/src/app/components/SideBar.module.css
index b2107f2..00eb9c9 100644
--- a/src/app/components/SideBar.module.css
+++ b/src/app/components/SideBar.module.css
@@ -133,11 +133,11 @@
 }
 
 input:checked+.slider {
-  background-color: #05254a;
+  background-color: #64adac;
 }
 
 input:focus+.slider {
-  box-shadow: 0 0 1px #05254a;
+  box-shadow: 0 0 1px #64adac;
 }
 
 input:checked+.slider:before {
diff --git a/src/app/components/SideBar.tsx b/src/app/components/SideBar.tsx
index 215636c..3b3994d 100644
--- a/src/app/components/SideBar.tsx
+++ b/src/app/components/SideBar.tsx
@@ -113,6 +113,7 @@ export default function SideBar({
               setTheme(theme === 'light' ? 'dark' : 'light')
             }
             type="checkbox"
+            checked={theme === 'dark'}
           />
           <span
             className={`${styles.slider} ${styles.round}`}