Themes
Blush Theme for Nuxt UI
Dual personality — soft pink in light transforms to cool indigo in dark. Colors, shape, and feel all change between modes.
Light and dark mode
- primary
- pink-500
- secondary
- rose-500
- success
- emerald-500
- info
- sky-500
- warning
- amber-500
- error
- red-500
- primary
- indigo-400
- secondary
- cyan-400
- success
- teal-400
- info
- violet-400
- warning
- yellow-400
- error
- fuchsia-400
- Font
- Poppins / Geist (dark)
- Radius
- 0.75rem / 0.25rem (dark)
- Neutral
- stone / slate (dark)
- Collection
- Warm
Use the Blush 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.css110 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.
- Rose GoldElegant rose on warm stone neutral. Refined and sophisticated.