Semantic Tokens – shadcn/ui Theme by shadcncraft

pnpm dlx shadcn@latest add "https://shadcncraft.com/r/semantic-tokens.json"

Light Mode

--info:

hsl(201, 98%, 32%)

--info-foreground:

hsl(204, 100%, 97%)

--success:

hsl(155, 90%, 24%)

--success-foreground:

hsl(145, 81%, 96%)

--warning:

hsl(22, 92%, 37%)

--warning-foreground:

hsl(45, 100%, 96%)

--border-subtle:

hsl(0, 0%, 0%, 0.05)

Dark Mode

--info:

hsl(199, 97%, 74%)

--info-foreground:

hsl(201, 83%, 14%)

--success:

hsl(148, 63%, 67%)

--success-foreground:

hsl(156, 79%, 11%)

--warning:

hsl(42, 99%, 65%)

--warning-foreground:

hsl(17, 79%, 17%)

--border-subtle:

hsl(0, 0%, 100%, 0.1)

Theme

--color-info:

var(--info)

--color-info-foreground:

var(--info-foreground)

--color-success:

var(--success)

--color-success-foreground:

var(--success-foreground)

--color-warning:

var(--warning)

--color-warning-foreground:

var(--warning-foreground)

--color-border-subtle:

var(--border-subtle)