wip: design

crates/ui/src/skeleton.rs

@@ -1,4 +1,4 @@
-use crate::theme::ActiveTheme;
+use crate::theme::{scale::ColorScaleStep, ActiveTheme};
 use gpui::{
     bounce, div, ease_in_out, Animation, AnimationExt, Div, IntoElement, ParentElement as _,
     RenderOnce, Styled,
@@ -33,16 +33,18 @@ impl Styled for Skeleton {
 impl RenderOnce for Skeleton {
     fn render(self, cx: &mut gpui::WindowContext) -> impl IntoElement {
         div().child(
-            self.base.bg(cx.theme().skeleton).with_animation(
-                "skeleton",
-                Animation::new(Duration::from_secs(2))
-                    .repeat()
-                    .with_easing(bounce(ease_in_out)),
-                move |this, delta| {
-                    let v = 1.0 - delta * 0.5;
-                    this.opacity(v)
-                },
-            ),
+            self.base
+                .bg(cx.theme().base.step(cx, ColorScaleStep::THREE))
+                .with_animation(
+                    "skeleton",
+                    Animation::new(Duration::from_secs(2))
+                        .repeat()
+                        .with_easing(bounce(ease_in_out)),
+                    move |this, delta| {
+                        let v = 1.0 - delta * 0.5;
+                        this.opacity(v)
+                    },
+                ),
         )
     }
 }