Skip to main content

Module semantic

Module semantic 

Source
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 --accent background: standalone accent chip, not hover-only.
accent_fg
shadcn --accent-foreground text on accent_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 --card background (alias of surface).
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 --input border color (alias of border in this kit).
muted_bg
shadcn --muted background (companion to text_muted).
popover
shadcn --popover background (alias of elevated_surface).
ring
shadcn --ring focus ring color (alias of border_focused).
secondary_bg
shadcn --secondary background: always-visible neutral-solid surface.
secondary_fg
shadcn --secondary-foreground text on secondary_bg.
surface
Primary surface for cards, panels, inputs.
text
Primary text.
text_muted
Secondary/muted text.
text_placeholder
Placeholder text.