wip: design

crates/ui/src/switch.rs

@@ -1,4 +1,8 @@
-use crate::{h_flex, theme::ActiveTheme, Disableable, Side, Sizable, Size};
+use crate::{
+    h_flex,
+    theme::{scale::ColorScaleStep, ActiveTheme},
+    Disableable, Side, Sizable, Size,
+};
 use gpui::{
     div, prelude::FluentBuilder as _, px, Animation, AnimationExt as _, AnyElement, Element,
     ElementId, GlobalElementId, InteractiveElement, IntoElement, LayoutId, ParentElement as _,
@@ -105,8 +109,11 @@ impl Element for Switch {
             let on_click = self.on_click.clone();
 
             let (bg, toggle_bg) = match self.checked {
-                true => (theme.colors.primary, theme.background),
-                false => (theme.input, theme.background),
+                true => (
+                    theme.accent.step(cx, ColorScaleStep::NINE),
+                    theme.background,
+                ),
+                false => (theme.base.step(cx, ColorScaleStep::FOUR), theme.background),
             };
 
             let (bg, toggle_bg) = match self.disabled {