make switch input lighter by default and longer (#1059)

chillenberger · web-flow · commit 3d9800c03bc4 · 2023-10-09T17:55:20.000-06:00
diff --git a/pgml-dashboard/static/css/scss/components/_forms.scss b/pgml-dashboard/static/css/scss/components/_forms.scss
@@ -30,6 +30,7 @@
     &[type=checkbox] {
         background-color: var(--form-switch-default);
         border-color: var(--form-switch-default);
+        width: 2.5em !important;
     
         &:hover {
             border-color: var(--form-switch-hover);
diff --git a/pgml-dashboard/static/css/scss/themes/dark.scss b/pgml-dashboard/static/css/scss/themes/dark.scss
@@ -32,8 +32,8 @@
     --form-check-disable-color: #{$gray-200}; 
     --form-radio-checked-bg: #{$gray-100};
 
-    --form-switch-default: #{$neon-tint-400};
-    --form-switch-hover: #{$neon-tint-300};
+    --form-switch-default: #{$neon-tint-600};
+    --form-switch-hover: #{$neon-tint-500};
     --form-switch-active: #{$neon-tint-100};
 
     .form-label {
