115 lines
3.6 KiB
Rust
115 lines
3.6 KiB
Rust
use ely_gpui_component::{
|
|
Assets,
|
|
buttons::Button,
|
|
primitives::FocusScope,
|
|
theme::{ActiveTheme, Density, Elevation, Mode, Radius, TextSize, Theme},
|
|
typography::Paragraph,
|
|
};
|
|
use gpui::{
|
|
App, AppContext, Context, FocusHandle, IntoElement, ParentElement, Render, Styled, Window,
|
|
WindowOptions, div, rgb,
|
|
};
|
|
|
|
struct Tokens {
|
|
focus: FocusHandle,
|
|
}
|
|
|
|
impl Render for Tokens {
|
|
fn render(&mut self, _: &mut Window, cx: &mut Context<Self>) -> impl IntoElement {
|
|
let theme = cx.theme();
|
|
let dark = theme.is_dark();
|
|
let contrast = theme.high_contrast();
|
|
let compact = theme.density == Density::Compact;
|
|
let card = div()
|
|
.flex()
|
|
.flex_col()
|
|
.gap_2()
|
|
.p_4()
|
|
.bg(theme.colors.surface)
|
|
.border_1()
|
|
.border_color(theme.colors.border)
|
|
.rounded(theme.radius(Radius::Lg))
|
|
.shadow(theme.elevation(Elevation::Floating))
|
|
.text_size(theme.text_size(TextSize::Lg))
|
|
.text_color(theme.colors.fg)
|
|
.child("A card made of tokens")
|
|
.child(Paragraph::new(
|
|
"Its colors, radius, shadow and text size come from the theme.",
|
|
));
|
|
let controls = div()
|
|
.flex()
|
|
.flex_wrap()
|
|
.gap_2()
|
|
.child(
|
|
Button::new("mode", if dark { "Light mode" } else { "Dark mode" }).on_click(
|
|
move |_, _, cx| {
|
|
Theme::set_mode(if dark { Mode::Light } else { Mode::Dark }, cx)
|
|
},
|
|
),
|
|
)
|
|
.child(
|
|
Button::new(
|
|
"contrast",
|
|
if contrast {
|
|
"Usual contrast"
|
|
} else {
|
|
"High contrast"
|
|
},
|
|
)
|
|
.on_click(move |_, _, cx| Theme::set_high_contrast(!contrast, cx)),
|
|
)
|
|
.child(
|
|
Button::new(
|
|
"density",
|
|
if compact {
|
|
"Standard density"
|
|
} else {
|
|
"Compact"
|
|
},
|
|
)
|
|
.on_click(move |_, _, cx| {
|
|
Theme::update(cx, |theme| {
|
|
theme.density = if compact {
|
|
Density::Standard
|
|
} else {
|
|
Density::Compact
|
|
};
|
|
})
|
|
}),
|
|
)
|
|
.child(Button::new("accent", "Green accent").on_click(|_, _, cx| {
|
|
let mode = cx.theme().mode();
|
|
let mut palette = cx.theme().palette();
|
|
*palette.token_mut("accent") = rgb(0x2f7d4f).into();
|
|
Theme::set_palette(mode, Some(palette), cx);
|
|
}));
|
|
FocusScope::new(&self.focus)
|
|
.root()
|
|
.size_full()
|
|
.flex()
|
|
.flex_col()
|
|
.gap_6()
|
|
.p_8()
|
|
.bg(theme.colors.bg)
|
|
.child(card)
|
|
.child(controls)
|
|
}
|
|
}
|
|
|
|
fn main() {
|
|
gpui_platform::application()
|
|
.with_assets(Assets)
|
|
.run(|cx: &mut App| {
|
|
ely_gpui_component::init(cx);
|
|
cx.open_window(WindowOptions::default(), |window, cx| {
|
|
cx.new(|cx| {
|
|
let focus = cx.focus_handle();
|
|
window.focus(&focus, cx);
|
|
Tokens { focus }
|
|
})
|
|
})
|
|
.expect("window failed to open");
|
|
cx.activate(true);
|
|
});
|
|
}
|