Design Tokens

Customize visual identity — changes apply instantly.

Primary (Blue)

colorPrimary

Primary Hover

colorPrimaryHover

Accent (Purple)

colorAccent

Accent Alt (Cyan)

colorAccentAlt

Success

colorSuccess

Warning

colorWarning

Danger

colorDanger

Dark mode preview

Sample card title

Secondary description text demonstrating hierarchy.

Gradient heading sample

Primary

Accent

Cyan

Success

Warning

Danger

Token persistence

Tokens are saved in localStorage and applied instantly via CSS variable injection — no page refresh required.