Themes
Default Theme for Nuxt UI
Balanced indigo palette with standard contrast on zinc neutral. A versatile classic.
Light and dark mode
- primary
- indigo-600
- secondary
- sky-600
- success
- emerald-600
- info
- blue-600
- warning
- amber-600
- error
- rose-600
- primary
- indigo-500
- secondary
- sky-500
- success
- emerald-500
- info
- blue-500
- warning
- orange-500
- error
- rose-500
- Font
- Geist
- Radius
- 0.375rem
- Neutral
- zinc
- Collection
- Essentials
Use the Default 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.ts23 lines
Highlighting code…
main.css146 lines
Highlighting code…