Live token surface

Edit variables from the embedded component

This page exposes Tailwind 4 shadcn-style CSS variables through multiple selectors so WindPanel can test detection, active mode sync, variable overrides, and CSS export.

Primary

--primary

Accent

--accent

Radius

--radius

Chart tokens

Parser samples

:root {
  --background: oklch(1 0 0);
  --primary: oklch(0.52 0.24 292);
}

[data-theme="dim"] {
  --background: oklch(0.2 0.02 245);
}