Filter/Tag

#design-tokens

2 entries

2026-06-24 shadcn theming dark-mode

Tailwind, Radix & shadcn/ui · Part 10 — Theming & Customizing shadcn

How the CSS-variable theme works, building light/dark, generating a brand theme, customizing a copied component, and the registry system for sharing your own. With a live theme generator.
2026-06-17 tailwind design-tokens theming

Tailwind, Radix & shadcn/ui · Part 3 — Design Tokens & Theming with @theme

The heart of Tailwind v4: define your own colors, fonts, spacing and radius as design tokens with @theme — each token becomes a utility automatically. Plus the v4 way to do dark mode. With a live token studio.