boltz-ui 0.2.0

High-level reusable GPUI UI components (Label, Button, Input, etc.).
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120

//! Theme-driven neutral color roles.
//!
//! Components read neutrals (surfaces, borders, text, hover backgrounds) from
//! here rather than hardcoding palette grays, so dark and light both work
//! automatically: [`theme::set_appearance`] swaps the active theme and every
//! role below follows `cx.theme().colors()`. Accents/status come from
//! [`crate::styles::palette`] directly (mode-agnostic).

use gpui::{App, Hsla};
use theme::ActiveTheme;

/// Base app background.
pub fn background(cx: &App) -> Hsla {
    cx.theme().colors().background
}

/// Primary surface for cards, panels, inputs.
pub fn surface(cx: &App) -> Hsla {
    cx.theme().colors().surface_background
}

/// Raised surface for popovers, dropdowns, modals.
pub fn elevated_surface(cx: &App) -> Hsla {
    cx.theme().colors().elevated_surface_background
}

/// Default border.
pub fn border(cx: &App) -> Hsla {
    cx.theme().colors().border
}

/// Muted/subtle border.
pub fn border_muted(cx: &App) -> Hsla {
    cx.theme().colors().border_variant
}

/// Border color for focused elements (also see `focus_ring`).
pub fn border_focused(cx: &App) -> Hsla {
    cx.theme().colors().border_focused
}

/// Primary text.
pub fn text(cx: &App) -> Hsla {
    cx.theme().colors().text
}

/// Secondary/muted text.
pub fn text_muted(cx: &App) -> Hsla {
    cx.theme().colors().text_muted
}

/// Placeholder text.
pub fn text_placeholder(cx: &App) -> Hsla {
    cx.theme().colors().text_placeholder
}

/// Hover background for interactive neutral elements.
pub fn hover_bg(cx: &App) -> Hsla {
    cx.theme().colors().element_hover
}

/// Active/pressed background for interactive neutral elements.
pub fn active_bg(cx: &App) -> Hsla {
    cx.theme().colors().element_active
}

/// Default icon color.
pub fn icon(cx: &App) -> Hsla {
    cx.theme().colors().icon
}

/// Muted icon color.
pub fn icon_muted(cx: &App) -> Hsla {
    cx.theme().colors().icon_muted
}

/// shadcn `--secondary` background: always-visible neutral-solid surface.
pub fn secondary_bg(cx: &App) -> Hsla {
    cx.theme().colors().element_background
}

/// shadcn `--secondary-foreground` text on [`secondary_bg`].
pub fn secondary_fg(cx: &App) -> Hsla {
    cx.theme().colors().text
}

/// shadcn `--muted` background (companion to [`text_muted`]).
pub fn muted_bg(cx: &App) -> Hsla {
    cx.theme().colors().ghost_element_hover
}

/// shadcn `--accent` background: standalone accent chip, not hover-only.
pub fn accent_bg(cx: &App) -> Hsla {
    cx.theme().colors().element_selected
}

/// shadcn `--accent-foreground` text on [`accent_bg`].
pub fn accent_fg(cx: &App) -> Hsla {
    cx.theme().colors().text_accent
}

/// shadcn `--card` background (alias of [`surface`]).
pub fn card(cx: &App) -> Hsla {
    surface(cx)
}

/// shadcn `--popover` background (alias of [`elevated_surface`]).
pub fn popover(cx: &App) -> Hsla {
    elevated_surface(cx)
}

/// shadcn `--ring` focus ring color (alias of [`border_focused`]).
pub fn ring(cx: &App) -> Hsla {
    border_focused(cx)
}

/// shadcn `--input` border color (alias of [`border`] in this kit).
pub fn input_border(cx: &App) -> Hsla {
    border(cx)
}