Polaris · Admin

Semantic Color Tokens

Base color slate (shadcn new-york). CSS variables are HSL triplets consumed as hsl(var(--token)). Radius 0.5rem.

Light — surface & content

background
0 0% 100%
foreground
222.2 84% 4.9%
primary
222.2 47.4% 11.2%
secondary / muted
210 40% 96.1%
muted-foreground
215.4 16.3% 46.9%
destructive
0 84.2% 60.2%
border / input
214.3 31.8% 91.4%
ring
222.2 84% 4.9%

Branded sidebar (chrome — same light & dark)

sidebar-background
203 50% 24% · #1E415B
sidebar-foreground
0 0% 100%
sidebar-accent
203 40% 40%
sidebar-border
203 30% 35%

Dark theme

background
222.2 84% 4.9%
foreground
210 40% 98%
primary
210 40% 98%
secondary / muted
217.2 32.6% 17.5%