Themes

Minimal Theme for Nuxt UI

Ultra-clean sky blue with zero radius. Content-focused design.
Copy the code

Light and dark mode

Light mode preview
primary
sky-500
secondary
blue-500
success
emerald-500
info
cyan-500
warning
amber-500
error
rose-500
Dark mode preview
primary
sky-400
secondary
blue-400
success
emerald-400
info
cyan-400
warning
amber-400
error
rose-400
Font
Geist
Radius
0rem
Neutral
neutral
Collection
Cool

Use the Minimal 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.css97 lines
Highlighting code…

Related guides