Themes
Nuxt UI Theme for Nuxt UI
Official Nuxt UI defaults. Nuxt green primary, blue secondary, slate neutral with standard shading.
Light and dark mode
- primary
- nuxt-green-500
- secondary
- blue-500
- success
- nuxt-green-500
- info
- blue-500
- warning
- yellow-500
- error
- red-500
- primary
- nuxt-green-500
- secondary
- blue-500
- success
- nuxt-green-500
- info
- blue-500
- warning
- yellow-500
- error
- red-500
- Font
- Public Sans
- Radius
- 0.25rem
- Neutral
- slate
- Collection
- Essentials
Use the Nuxt UI 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.ts15 lines
Highlighting code…
main.css25 lines
Highlighting code…