Themes
Rose Gold Theme for Nuxt UI
Elegant rose on warm stone neutral. Refined and sophisticated.
Light and dark mode
- primary
- rose-500
- secondary
- pink-500
- success
- emerald-500
- info
- sky-500
- warning
- amber-500
- error
- red-500
- primary
- rose-400
- secondary
- fuchsia-400
- success
- emerald-400
- info
- sky-400
- warning
- amber-400
- error
- red-400
- Font
- Playfair Display
- Radius
- 0.5rem
- Neutral
- stone / zinc (dark)
- Collection
- Warm
Use the Rose Gold 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.ts17 lines
Highlighting code…
main.css97 lines
Highlighting code…
More Warm themes
- CherryBold red tones for high-energy, attention-grabbing interfaces.
- SunsetDual personality — warm orange in light, cool violet in dark. Every setting transforms between modes.
- SaharaDesert-inspired amber warmth on stone neutral. Rich and earthy.
- SunflowerBright yellow for cheerful, optimistic designs. Deeper shades ensure readability.
- BlushDual personality — soft pink in light transforms to cool indigo in dark. Colors, shape, and feel all change between modes.