chore: make the ui consistent #19
@@ -997,11 +997,11 @@ impl ChatPanel {
|
|||||||
fn render_message_reports(&self, id: &EventId, cx: &Context<Self>) -> impl IntoElement {
|
fn render_message_reports(&self, id: &EventId, cx: &Context<Self>) -> impl IntoElement {
|
||||||
h_flex()
|
h_flex()
|
||||||
.id(SharedString::from(id.to_hex()))
|
.id(SharedString::from(id.to_hex()))
|
||||||
.gap_0p5()
|
.gap_1()
|
||||||
.text_color(cx.theme().danger_active)
|
.text_color(cx.theme().text_danger)
|
||||||
.text_xs()
|
.text_xs()
|
||||||
.italic()
|
.italic()
|
||||||
.child(Icon::new(IconName::Info).xsmall())
|
.child(Icon::new(IconName::Info).small())
|
||||||
.child(SharedString::from(
|
.child(SharedString::from(
|
||||||
"Failed to send message. Click to see details.",
|
"Failed to send message. Click to see details.",
|
||||||
))
|
))
|
||||||
|
|||||||
@@ -162,7 +162,7 @@ impl Render for AccountSelector {
|
|||||||
.italic()
|
.italic()
|
||||||
.text_xs()
|
.text_xs()
|
||||||
.text_center()
|
.text_center()
|
||||||
.text_color(cx.theme().danger_active)
|
.text_color(cx.theme().text_danger)
|
||||||
.child(error.clone()),
|
.child(error.clone()),
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -101,7 +101,7 @@ impl Render for ConnectSigner {
|
|||||||
div()
|
div()
|
||||||
.text_xs()
|
.text_xs()
|
||||||
.text_center()
|
.text_center()
|
||||||
.text_color(cx.theme().danger_active)
|
.text_color(cx.theme().text_danger)
|
||||||
.child(error.clone()),
|
.child(error.clone()),
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -293,7 +293,7 @@ impl Render for ImportKey {
|
|||||||
div()
|
div()
|
||||||
.text_xs()
|
.text_xs()
|
||||||
.text_center()
|
.text_center()
|
||||||
.text_color(cx.theme().danger_active)
|
.text_color(cx.theme().text_danger)
|
||||||
.child(error.clone()),
|
.child(error.clone()),
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -322,7 +322,7 @@ impl Render for ContactListPanel {
|
|||||||
div()
|
div()
|
||||||
.italic()
|
.italic()
|
||||||
.text_xs()
|
.text_xs()
|
||||||
.text_color(cx.theme().danger_active)
|
.text_color(cx.theme().text_danger)
|
||||||
.child(error.clone()),
|
.child(error.clone()),
|
||||||
)
|
)
|
||||||
}),
|
}),
|
||||||
|
|||||||
@@ -338,7 +338,7 @@ impl Render for MessagingRelayPanel {
|
|||||||
div()
|
div()
|
||||||
.italic()
|
.italic()
|
||||||
.text_xs()
|
.text_xs()
|
||||||
.text_color(cx.theme().danger_active)
|
.text_color(cx.theme().text_danger)
|
||||||
.child(error.clone()),
|
.child(error.clone()),
|
||||||
)
|
)
|
||||||
}),
|
}),
|
||||||
|
|||||||
@@ -408,7 +408,7 @@ impl Render for RelayListPanel {
|
|||||||
div()
|
div()
|
||||||
.italic()
|
.italic()
|
||||||
.text_xs()
|
.text_xs()
|
||||||
.text_color(cx.theme().danger_active)
|
.text_color(cx.theme().text_danger)
|
||||||
.child(error.clone()),
|
.child(error.clone()),
|
||||||
)
|
)
|
||||||
}),
|
}),
|
||||||
|
|||||||
@@ -129,7 +129,7 @@ impl ThemeColors {
|
|||||||
text_placeholder: neutral().light().step_10(),
|
text_placeholder: neutral().light().step_10(),
|
||||||
text_accent: brand().light().step_9(),
|
text_accent: brand().light().step_9(),
|
||||||
text_danger: danger().light().step_9(),
|
text_danger: danger().light().step_9(),
|
||||||
text_warning: warning().light().step_10(),
|
text_warning: warning().light().step_9(),
|
||||||
|
|
||||||
icon: neutral().light().step_11(),
|
icon: neutral().light().step_11(),
|
||||||
icon_muted: neutral().light().step_10(),
|
icon_muted: neutral().light().step_10(),
|
||||||
@@ -196,7 +196,7 @@ impl ThemeColors {
|
|||||||
background: neutral().dark().step_1(),
|
background: neutral().dark().step_1(),
|
||||||
surface_background: neutral().dark().step_2(),
|
surface_background: neutral().dark().step_2(),
|
||||||
elevated_surface_background: neutral().dark().step_3(),
|
elevated_surface_background: neutral().dark().step_3(),
|
||||||
panel_background: gpui::black(),
|
panel_background: neutral().dark().step_1(),
|
||||||
overlay: neutral().dark_alpha().step_3(),
|
overlay: neutral().dark_alpha().step_3(),
|
||||||
title_bar: neutral().dark().step_3(),
|
title_bar: neutral().dark().step_3(),
|
||||||
title_bar_inactive: neutral().dark().step_1(),
|
title_bar_inactive: neutral().dark().step_1(),
|
||||||
|
|||||||
@@ -29,10 +29,8 @@ impl NotificationKind {
|
|||||||
fn icon(&self, cx: &App) -> Icon {
|
fn icon(&self, cx: &App) -> Icon {
|
||||||
match self {
|
match self {
|
||||||
Self::Info => Icon::new(IconName::Info).text_color(cx.theme().icon),
|
Self::Info => Icon::new(IconName::Info).text_color(cx.theme().icon),
|
||||||
Self::Warning => Icon::new(IconName::Warning).text_color(cx.theme().warning_foreground),
|
Self::Success => Icon::new(IconName::CheckCircle).text_color(cx.theme().icon_accent),
|
||||||
Self::Success => {
|
Self::Warning => Icon::new(IconName::Warning).text_color(cx.theme().text_warning),
|
||||||
Icon::new(IconName::CheckCircle).text_color(cx.theme().secondary_foreground)
|
|
||||||
}
|
|
||||||
Self::Error => {
|
Self::Error => {
|
||||||
Icon::new(IconName::CloseCircle).text_color(cx.theme().danger_foreground)
|
Icon::new(IconName::CloseCircle).text_color(cx.theme().danger_foreground)
|
||||||
}
|
}
|
||||||
@@ -352,8 +350,8 @@ impl Render for Notification {
|
|||||||
.child(
|
.child(
|
||||||
div()
|
div()
|
||||||
.absolute()
|
.absolute()
|
||||||
.top_2()
|
.top(px(6.5))
|
||||||
.right_2()
|
.right(px(6.5))
|
||||||
.invisible()
|
.invisible()
|
||||||
.group_hover("", |this| this.visible())
|
.group_hover("", |this| this.visible())
|
||||||
.child(
|
.child(
|
||||||
|
|||||||
Reference in New Issue
Block a user