Dollawatt Chidjai

Green Vivid shadcn/ui theme

Explore the Green Vivid shadcn/ui theme: styles, tokens, and UI previews from the 21st Community.

shadcn/ui theme 2

Open in editor
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#f5f5f5
  • --foreground#1e293b
  • --primary#85efac
  • --primary-foreground#18181b
  • --secondary#0f172a
  • --accentrgba(135, 238, 172, 0.75)
  • --muted#c2b85f
  • --muted-foregroundhsl(45, 30%, 20%)
  • --card#f4f4f5
  • --border#94a3b8
  • --ringhsl(98 98.7% 79.8% / 0.7)
  • --destructivehsl(0, 100%, 45%)

dark

  • --background#18181b
  • --foregroundhsl(45, 100%, 95%)
  • --primary#85efac
  • --primary-foreground#1f2937
  • --secondaryhsl(0 100% 60%)
  • --accent#87eeac
  • --muted#334155
  • --muted-foreground#fef9c3
  • --card#1f2937
  • --borderhsl(46 32% 45.3% / 0.84)
  • --ringhsl(35 100% 65.8% / 0.82)
  • --destructivehsl(0, 100%, 50%)

More themes

View all