mirrors/zed
1
0
Fork 0
mirror of https://github.com/zed-industries/zed.git synced 2025-02-06 18:46:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

WIP tinted buttons

Browse source
This commit is contained in:
Nate Butler 2024-01-04 11:15:53 -05:00
parent e5156d1f85
commit 6f140c8ae3
1 changed files with 44 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
crates/ui/src/components/button/button_like.rs
View file

@ -36,17 +36,43 @@ pub enum IconPosition {
End, End,
} }
#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Clone, Copy, Default)]
pub enum TintColor {
#[default]
Accent,
Negative,
Positive,
Warning,
}
impl TintColor {
fn button_style(self, cx: &mut WindowContext) -> ButtonLikeStyles {
match self {
TintColor::Accent => ButtonLikeStyles {
background: cx.theme().status().info_background,
border_color: cx.theme().status().info_border,
label_color: cx.theme().colors().text,
icon_color: cx.theme().colors().text,
},
_ => ButtonLikeStyles {
background: gpui::red(),
border_color: gpui::red(),
label_color: gpui::red(),
icon_color: gpui::red(),
},
}
}
}
#[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Clone, Copy, Default)] #[derive(Debug, PartialEq, Eq, PartialOrd, Ord, Hash, Clone, Copy, Default)]
pub enum ButtonStyle { pub enum ButtonStyle {
/// A filled button with a solid background color. Provides emphasis versus /// A filled button with a solid background color. Provides emphasis versus
/// the more common subtle button. /// the more common subtle button.
Filled, Filled,
/// 🚧 Under construction 🚧
///
/// Used to emphasize a button in some way, like a selected state, or a semantic /// Used to emphasize a button in some way, like a selected state, or a semantic
/// coloring like an error or success button. /// coloring like an error or success button.
Tinted, Tinted(TintColor),
/// The default button style, used for most buttons. Has a transparent background, /// The default button style, used for most buttons. Has a transparent background,
/// but has a background color to indicate states like hover and active. /// but has a background color to indicate states like hover and active.
@ -86,7 +112,9 @@ impl ButtonStyle {
label_color: Color::Default.color(cx), label_color: Color::Default.color(cx),
icon_color: Color::Default.color(cx), icon_color: Color::Default.color(cx),
}, },
ButtonStyle::Tinted => ButtonLikeStyles { ButtonStyle::Tinted(TintColor::Accent) => TintColor::Accent.button_style(cx),
// TODO: Finish tint colors
ButtonStyle::Tinted(_) => ButtonLikeStyles {
background: gpui::red(), background: gpui::red(),
border_color: gpui::red(), border_color: gpui::red(),
label_color: gpui::red(), label_color: gpui::red(),
@ -115,7 +143,9 @@ impl ButtonStyle {
label_color: Color::Default.color(cx), label_color: Color::Default.color(cx),
icon_color: Color::Default.color(cx), icon_color: Color::Default.color(cx),
}, },
ButtonStyle::Tinted => ButtonLikeStyles { ButtonStyle::Tinted(TintColor::Accent) => TintColor::Accent.button_style(cx),
// TODO: Finish tint colors
ButtonStyle::Tinted(_) => ButtonLikeStyles {
background: gpui::red(), background: gpui::red(),
border_color: gpui::red(), border_color: gpui::red(),
label_color: gpui::red(), label_color: gpui::red(),
@ -146,7 +176,9 @@ impl ButtonStyle {
label_color: Color::Default.color(cx), label_color: Color::Default.color(cx),
icon_color: Color::Default.color(cx), icon_color: Color::Default.color(cx),
}, },
ButtonStyle::Tinted => ButtonLikeStyles { ButtonStyle::Tinted(TintColor::Accent) => TintColor::Accent.button_style(cx),
// TODO: Finish tint colors
ButtonStyle::Tinted(_) => ButtonLikeStyles {
background: gpui::red(), background: gpui::red(),
border_color: gpui::red(), border_color: gpui::red(),
label_color: gpui::red(), label_color: gpui::red(),
@ -178,7 +210,9 @@ impl ButtonStyle {
label_color: Color::Default.color(cx), label_color: Color::Default.color(cx),
icon_color: Color::Default.color(cx), icon_color: Color::Default.color(cx),
}, },
ButtonStyle::Tinted => ButtonLikeStyles { ButtonStyle::Tinted(TintColor::Accent) => TintColor::Accent.button_style(cx),
// TODO: Finish tint colors
ButtonStyle::Tinted(_) => ButtonLikeStyles {
background: gpui::red(), background: gpui::red(),
border_color: gpui::red(), border_color: gpui::red(),
label_color: gpui::red(), label_color: gpui::red(),
@ -208,7 +242,9 @@ impl ButtonStyle {
label_color: Color::Disabled.color(cx), label_color: Color::Disabled.color(cx),
icon_color: Color::Disabled.color(cx), icon_color: Color::Disabled.color(cx),
}, },
ButtonStyle::Tinted => ButtonLikeStyles { ButtonStyle::Tinted(TintColor::Accent) => TintColor::Accent.button_style(cx),
// TODO: Finish tint colors
ButtonStyle::Tinted(_) => ButtonLikeStyles {
background: gpui::red(), background: gpui::red(),
border_color: gpui::red(), border_color: gpui::red(),
label_color: gpui::red(), label_color: gpui::red(),