wip: design

crates/ui/src/modal.rs

@@ -1,3 +1,9 @@
+use crate::{
+    animation::cubic_bezier,
+    button::{Button, ButtonVariants as _},
+    theme::{scale::ColorScaleStep, ActiveTheme as _},
+    v_flex, ContextModal, IconName, Sizable as _,
+};
 use gpui::{
     actions, anchored, div, hsla, point, prelude::FluentBuilder, px, relative, Animation,
     AnimationExt as _, AnyElement, AppContext, Bounds, ClickEvent, Div, FocusHandle, Hsla,
@@ -6,13 +12,6 @@ use gpui::{
 };
 use std::{rc::Rc, time::Duration};
 
-use crate::{
-    animation::cubic_bezier,
-    button::{Button, ButtonVariants as _},
-    theme::ActiveTheme as _,
-    v_flex, ContextModal, IconName, Sizable as _,
-};
-
 actions!(modal, [Escape]);
 
 const CONTEXT: &str = "Modal";
@@ -59,7 +58,7 @@ impl Modal {
         let base = v_flex()
             .bg(cx.theme().background)
             .border_1()
-            .border_color(cx.theme().border)
+            .border_color(cx.theme().base.step(cx, ColorScaleStep::THREE))
             .rounded_lg()
             .shadow_xl()
             .min_h_48()