Violet Dark shadcn/ui theme
Explore the Violet Dark shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.
shadcn/ui theme
About
Violet Dark re-skins your whole app: colours, radius and type for light and dark mode. Copy it and paste it into your coding agent, or take the tokens below into your globals.css.
light
- --background#000000
- --foreground#ffffff
- --primary#ffffff
- --primary-foreground#000000
- --secondary#ffffff
- --accent#ffffff
- --muted#ffffff
- --muted-foreground#ffffff
- --card#000000
- --border#ffffff
- --ring#ffffff
- --destructive#ff003c
dark
- --background#000000
- --foreground#ffffff
- --primary#ffffff
- --primary-foreground#000000
- --secondary#ffffff
- --accent#ffffff
- --muted#1a1a1a
- --muted-foreground#777777
- --card#0d0d0d
- --border#ffffff
- --ring#ffffff
- --destructive#ff003c
More themes
View allUpgrade your plan
Billed yearly, cancel anytime
UpgradeLaterVercel
795Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterModern Minimal
744Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterZen Linen
592Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterClaude Amber
469Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterSage Garden
464Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterClaude
450Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterLime Frost
434Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterElegant Luxury
410