chore: revamp theme

crates/ui/src/resizable/resize_handle.rs

@@ -1,12 +1,11 @@
-use crate::{
-    theme::{scale::ColorScaleStep, ActiveTheme as _},
-    AxisExt as _,
-};
 use gpui::{
     div, prelude::FluentBuilder as _, px, App, Axis, Div, ElementId, InteractiveElement,
     IntoElement, ParentElement as _, Pixels, RenderOnce, Stateful, StatefulInteractiveElement,
     Styled as _, Window,
 };
+use theme::ActiveTheme;
+
+use crate::AxisExt as _;
 
 pub(crate) const HANDLE_PADDING: Pixels = px(8.);
 pub(crate) const HANDLE_SIZE: Pixels = px(2.);
@@ -65,7 +64,7 @@ impl RenderOnce for ResizeHandle {
             .child(
                 div()
                     .rounded_full()
-                    .hover(|this| this.bg(cx.theme().base.step(cx, ColorScaleStep::SIX)))
+                    .hover(|this| this.bg(cx.theme().border_variant))
                     .when(self.axis.is_horizontal(), |this| {
                         this.h_full().w(HANDLE_SIZE)
                     })