From a350d0a3da45a44ac6129e2052eedf99dcbd8624 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 4 Dec 2022 09:55:33 -0800
Subject: [PATCH] Fix ToggleSwitch colors

---
 components/ToggleSwitch/index.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/ToggleSwitch/index.scss b/components/ToggleSwitch/index.scss
index ba078b3f..bf925d6a 100644
--- a/components/ToggleSwitch/index.scss
+++ b/components/ToggleSwitch/index.scss
@@ -1,5 +1,5 @@
 .toggle-switch {
-  background: #fff;
+  background: var(--card-bg);
   border-radius: 18px;
   display: inline-block;
   position: relative;
@@ -30,7 +30,7 @@
   }
 
   &-switch {
-    background: #e4e4e4;
+    background: var(--switch-nub); // #e4e4e4;
     display: block;
     width: 24px;
     margin: 5px;
@@ -40,6 +40,10 @@
     right: 24px;
     border-radius: 17px;
     transition: all 0.18s ease-in 0s;
+
+    &:hover {
+      background: var(--background);
+    }
   }
 
   &-checkbox:checked + &-label {