Themes
Dark Mono Theme for Nuxt UI
High-contrast violet with deep 950 dark base. Bold and dramatic.
Light and dark mode
- primary
- violet-500
- secondary
- indigo-500
- success
- emerald-500
- info
- blue-500
- warning
- amber-500
- error
- rose-500
- primary
- violet-400
- secondary
- indigo-400
- success
- emerald-400
- info
- blue-400
- warning
- amber-400
- error
- rose-400
- Font
- Archivo
- Radius
- 0.25rem
- Neutral
- neutral
- Collection
- Bold
Use the Dark Mono 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.css104 lines
Highlighting code…