Themes
shadcn Theme for Nuxt UI
Inspired by shadcn/ui. Near-black dark mode, zinc neutrals, Geist font, and minimal borders for a clean developer aesthetic.
Light and dark mode
- primary
- zinc-950
- secondary
- zinc-600
- success
- emerald-600
- info
- sky-600
- warning
- amber-600
- error
- red-600
- primary
- zinc-50
- secondary
- zinc-400
- success
- emerald-400
- info
- sky-400
- warning
- amber-400
- error
- red-400
- Font
- Geist
- Radius
- 0.375rem
- Neutral
- zinc
- Collection
- Essentials
Use the shadcn theme in your project
Paste the palette assignments into app.config.ts, then add the CSS to your main stylesheet. The CSS carries everything app config can't express: the font, radius, shade shifts, and the separate dark-mode tokens. See How to Export and Share Nuxt UI Themes for the details.
app.config.ts22 lines
Highlighting code…
main.css162 lines
Highlighting code…