Themes
Neon Theme for Nuxt UI
Vibrant fuchsia with bright shades. Playful and high-energy.
Light and dark mode
- primary
- fuchsia-400
- secondary
- violet-400
- success
- lime-400
- info
- cyan-400
- warning
- yellow-400
- error
- rose-400
- primary
- fuchsia-400
- secondary
- cyan-400
- success
- lime-400
- info
- violet-400
- warning
- yellow-400
- error
- rose-400
- Font
- Space Grotesk
- Radius
- 0.75rem / 1rem (dark)
- Neutral
- zinc
- Collection
- Bold
Use the Neon 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.ts24 lines
Highlighting code…
main.css115 lines
Highlighting code…