Merge pull request #81 from JorgeRojo/develop

v1.1.99
JR-NodePI · Aug 12, 2023 · 3127b35 · 3127b35
2 parents e2dfea3 + d3fa2b6
commit 3127b35
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fratch-ui",
-  "version": "1.1.98",
+  "version": "1.1.99",
   "repository": {
     "type": "git",
     "url": "https://github.com/JorgeRojo/fratch-ui.git"

diff --git a/src/components/ColorScheme/ColorSchemeSwitcher.tsx b/src/components/ColorScheme/ColorSchemeSwitcher.tsx
@@ -24,7 +24,7 @@ export default function ColorSchemeSwitcher({
     <Switcher
       className={c(className)}
       title={title}
-      labelLeft="Color scheme"
+      labelLeft="color scheme"
       IconOff={IconLight}
       IconOn={IconDark}
       defaultSwitchOn={defaultSwitchOn}

diff --git a/src/components/Form/Switcher/Switcher.module.css b/src/components/Form/Switcher/Switcher.module.css
@@ -3,7 +3,7 @@
   align-items: center;
   gap: 8px;
 
-  --ft-switcher-width: 60px;
+  --ft-switcher-width: 48px;
   --ft-switcher-height: calc(var(--ft-switcher-width) / 2 + 2px);
 }
 .switcher.disabled {
@@ -12,7 +12,6 @@
   filter: saturate(0.2) brightness(130%) contrast(70%);
 }
 .switcher .switcher_button {
-  border: none;
   width: var(--ft-switcher-width);
   min-width: var(--ft-switcher-width);
   height: var(--ft-switcher-height);
@@ -21,6 +20,7 @@
   box-shadow: var(--ft-box-shadow-1);
   border: var(--ft-form-item-border);
   box-sizing: border-box;
+  background-color: var(--ft-color-grey-4);
 }
 .switcher .switcher_button .switcher_button_dot {
   top: 2px;
@@ -44,15 +44,15 @@
   pointer-events: none;
 }
 .switcher.on .switcher_button .switcher_button_dot {
-  background-color: var(--ft-brand-color);
+  background-color: var(--ft-color-link);
   left: calc(var(--ft-switcher-width) / 2);
 }
 .switcher.on .switcher_button .switcher_button_icon {
-  color: var(--ft-color-white);
+  color: var(--ft-color-item-hover);
 }
 .switcher.off .switcher_button .switcher_button_dot {
-  background-color: var(--ft-color-grey-2);
+  background-color: var(--ft-color-item-hover);
 }
 .switcher.off .switcher_button .switcher_button_icon {
-  color: var(--ft-color-text);
+  color: var(--ft-color-link);
 }