Expand description
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).
Functionsยง
- accent_
bg - shadcn
--accentbackground: standalone accent chip, not hover-only. - accent_
fg - shadcn
--accent-foregroundtext onaccent_bg. - active_
bg - Active/pressed background for interactive neutral elements.
- background
- Base app background.
- border
- Default border.
- border_
focused - Border color for focused elements (also see
focus_ring). - border_
muted - Muted/subtle border.
- card
- shadcn
--cardbackground (alias ofsurface). - elevated_
surface - Raised surface for popovers, dropdowns, modals.
- hover_
bg - Hover background for interactive neutral elements.
- icon
- Default icon color.
- icon_
muted - Muted icon color.
- input_
border - shadcn
--inputborder color (alias ofborderin this kit). - muted_
bg - shadcn
--mutedbackground (companion totext_muted). - popover
- shadcn
--popoverbackground (alias ofelevated_surface). - ring
- shadcn
--ringfocus ring color (alias ofborder_focused). - secondary_
bg - shadcn
--secondarybackground: always-visible neutral-solid surface. - secondary_
fg - shadcn
--secondary-foregroundtext onsecondary_bg. - surface
- Primary surface for cards, panels, inputs.
- text
- Primary text.
- text_
muted - Secondary/muted text.
- text_
placeholder - Placeholder text.