Start

Theme Playground

Tweak primary color, corner radius, and shadow offset in real time. Copy the generated :root override block into your project.

Live preview

Preview card

Tokens update instantly.

Generated override

:root {
  --tl-primary-400: #ff5436;
  --tl-primary: #ff5436;
  --tl-radius-md: 8px;
  --tl-shadow-sm: 3px 3px 0 0 var(--tl-ink);
  --tl-shadow-md: 5px 5px 0 0 var(--tl-ink);
  --tl-shadow-lg: 8px 8px 0 0 var(--tl-ink);
}