diff --git a/web/src/components/misc/Toggle.svelte b/web/src/components/misc/Toggle.svelte
index bdb2d4d6..fcb0aa92 100644
--- a/web/src/components/misc/Toggle.svelte
+++ b/web/src/components/misc/Toggle.svelte
@@ -33,7 +33,7 @@
     }
 
     .toggle.enabled {
-        background: var(--green);
+        background: var(--toggle-bg-enabled);
     }
 
     .toggle.enabled .toggle-switcher {
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 5263ffa2..5b068133 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -196,7 +196,7 @@
         --input-border: #383838;
 
         --toggle-bg: var(--input-border);
-        --toggle-bg-enabled: #777777;
+        --toggle-bg-enabled: var(--green);
 
         --sidebar-mobile-gradient: linear-gradient(
             90deg,