chore(toggle): tweak colors

framework7io · Sep 30, 2022 · 85394ca · 85394ca
1 parent 5ca6a50
commit 85394ca
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/src/core/components/toggle/toggle-md.less b/src/core/components/toggle/toggle-md.less
@@ -10,7 +10,7 @@
         .rtl({
           transform: translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height)))) scale(1);
         });
-        background: var(--f7-toggle-active-knob-bg-color, #fff);
+        background: var(--f7-toggle-active-knob-bg-color, var(--f7-md-on-primary));
       }
     }
     &.active-state input[type='checkbox']:checked + .toggle-icon {

diff --git a/src/core/components/toggle/toggle-vars.less b/src/core/components/toggle/toggle-vars.less
@@ -23,9 +23,7 @@
   --f7-toggle-inactive-bg-color: var(--f7-md-surface-variant);
   --f7-toggle-active-bg-color: var(--f7-theme-color);
   --f7-toggle-inactive-knob-bg-color: var(--f7-md-outline);
-  */
-  --f7-toggle-active-knob-bg-color: #fff;
-  /*
+  --f7-toggle-active-knob-bg-color: var(--f7-md-on-primary);
   --f7-toggle-inactive-border-color: var(--f7-md-outline);
   --f7-toggle-active-border-color: var(--f7-theme-color);
   */