Themes
Twitch Theme for Nuxt UI
Inspired by Twitch's vibrant purple with high-energy dark mode gaming aesthetic.
Light and dark mode
- primary
- violet-500
- secondary
- purple-500
- success
- emerald-500
- info
- sky-500
- warning
- amber-500
- error
- red-500
- primary
- violet-400
- secondary
- purple-400
- success
- emerald-400
- info
- sky-400
- warning
- amber-400
- error
- red-400
- Font
- Inter
- Radius
- 0.375rem
- Neutral
- zinc
- Collection
- Brands
Inspired by Twitch's brand colors. Not affiliated with or endorsed by Twitch.
Use the Twitch 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.css92 lines
Highlighting code…
More Brands themes
- SpotifyInspired by Spotify's iconic green-on-black aesthetic. High contrast with deep dark backgrounds.
- YouTubeInspired by YouTube's bold red branding with clean, content-focused design.
- SlackInspired by Slack's friendly purple palette with warm, collaborative energy.
- DiscordInspired by Discord's signature blurple with deep dark mode backgrounds.
- GitHubInspired by GitHub's developer-focused design. Clean, minimal, and functional.
- StripeInspired by Stripe's polished violet-indigo palette. Premium and trustworthy.
- NetflixInspired by Netflix's dramatic red-on-black design. Bold and cinematic.
- LinearInspired by Linear's sleek product design. Violet accents on minimal dark surfaces.