Themes

Sahara Theme for Nuxt UI

Desert-inspired amber warmth on stone neutral. Rich and earthy.
Copy the code

Light and dark mode

Light mode preview
primary
amber-600
secondary
orange-600
success
emerald-600
info
sky-600
warning
yellow-600
error
red-600
Dark mode preview
primary
amber-400
secondary
orange-400
success
emerald-400
info
sky-400
warning
yellow-400
error
red-400
Font
Lora
Radius
0.375rem
Neutral
stone / zinc (dark)
Collection
Warm

Use the Sahara 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.ts22 lines
Highlighting code…
main.css163 lines
Highlighting code…

Related guides