Themes
Arctic Theme for Nuxt UI
Icy cyan on slate. Cool, crisp, and professional.
Light and dark mode
- primary
- cyan-500
- secondary
- sky-500
- success
- teal-500
- info
- blue-500
- warning
- amber-500
- error
- rose-500
- primary
- cyan-400
- secondary
- sky-400
- success
- teal-400
- info
- blue-400
- warning
- amber-400
- error
- rose-400
- Font
- Figtree / Geist (dark)
- Radius
- 0.5rem
- Neutral
- slate / gray (dark)
- Collection
- Cool
Use the Arctic 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.ts16 lines
Highlighting code…
main.css98 lines
Highlighting code…