01Semantic TokensAliases · Glow · States · Weights · shadcn
Semantic Backgrounds
--color-bg-void#000000Absolute black. Overlays, blackout.
--color-bg-base#121213Page background. Main dark canvas.
--color-bg-surface#151517Elevated surface. Cards, panels.
--color-bg-surface-alt#1D1D20Secondary surface. Nested cards.
--color-bg-elevated#151517Alias for elevated surface.
--color-bg-overlayrgba(18,18,19,0.94)Modal backdrop dim.
Semantic TextText color aliases
--color-text-base#F4F4F4Primary text. Neutral light foreground.
--color-text-secondaryrgba(244,244,244,0.7)Secondary text. Descriptions.
--color-text-tertiaryrgba(244,244,244,0.55)Tertiary text. Metadata.
--color-text-mutedrgba(244,244,244,0.52)Muted text. Dim labels.
Glow & NeonBrand luminance tokens
--neon
#DDD1BB
Legacy glow alias. Maps to the starter accent.
--neon-dim
rgba(221,209,187,0.15)
Subtle accent tint. Backgrounds.
--neon-glow
rgba(221,209,187,0.4)
Strong glow. Active focus.
--accent-glow
rgba(221,209,187,0.25)
Accent glow for CTAs and highlights.
--accent-glow-soft
rgba(221,209,187,0.1)
Soft accent glow. Hover states.
Interactive StatesFocus, selection, warning
--focus-brand
#DDD1BB
Focus ring on brand elements.
--focus-neutral
#919191
Focus ring on neutral elements.
--selection-bg
#121213
Text selection background.
--selection-fg
#DDD1BB
Text selection foreground.
--warning-bg
rgba(245,158,11,0.05)
Warning state background.
--warning-border
rgba(245,158,11,0.2)
Warning state border.
Font WeightsWeight scale tokens
--font-weight-thin300Thin
--font-weight-regular400Regular
--font-weight-medium500Medium
--font-weight-semibold600Semibold
--font-weight-bold700Bold
--font-weight-extrabold800Extrabold
--font-weight-black900Black
shadcn/ui MappingComponent library token bridge
shadcn tokenmaps toresolved value
--background--bb-dark
#121213
--foreground--bb-cream
#F4F4F4
--card / --popover--bb-surface
#151517
--primary--bb-accent
#DDD1BB
--primary-foreground--bb-dark
#121213
--accent--bb-accent
#DDD1BB
--accent-foreground--bb-dark
#121213
--muted--bb-gray-charcoal
#313131
--muted-foreground--bb-gray-dim
#484848
--destructive--bb-error
#EF4444
--ring--bb-accent
#DDD1BB
--radius—
0.5rem