Theming

SevenUI components follow your shadcn theme.

SevenUI components style themselves with the standard shadcn CSS variables (--background, --primary, --radius, …). If your project already has a shadcn theme, components adapt to it with no extra setup.

Starting fresh? Install the default neutral tokens:

npx shadcn@latest add https://sevenui.dev/r/theme.json

Dark mode works through your existing .dark class strategy — the variables carry both palettes.