Green Vivid shadcn/ui theme
Explore the Green Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.
shadcn/ui theme
About
Green Vivid 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#fcfcfc
- --foreground#171717
- --primary#11ca70
- --primary-foreground#1e2723
- --secondary#fdfdfd
- --accent#ededed
- --muted#ededed
- --muted-foreground#202020
- --card#fcfcfc
- --border#dfdfdf
- --ring#72e3ad
- --destructive#ca3214
dark
- --background#121212
- --foreground#e2e8f0
- --primary#006239
- --primary-foreground#dde8e3
- --secondary#242424
- --accent#313131
- --muted#1f1f1f
- --muted-foreground#a2a2a2
- --card#171717
- --border#292929
- --ring#4ade80
- --destructive#541c15
More themes
View allUpgrade your plan
Billed yearly, cancel anytime
UpgradeLaterVercel
830Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterModern Minimal
775Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterZen Linen
606Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterClaude Amber
487Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterSage Garden
480Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterClaude
457Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterLime Frost
447Upgrade your plan
Billed yearly, cancel anytime
UpgradeLaterElegant Luxury
424