finman

Orange Vivid shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

Orange 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#FDFBF7
  • --foreground#4A3B33
  • --primary#fd8223
  • --primary-foreground#FFFFFF
  • --secondary#E4C090
  • --accent#f2daba
  • --muted#F1E9DA
  • --muted-foreground#78716C
  • --card#F8F4EE
  • --border#E4D9BC
  • --ring#B45309
  • --destructive#991B1B

dark

  • --background#1C1917
  • --foreground#F5F5F4
  • --primary#F97316
  • --primary-foreground#FFFFFF
  • --secondary#57534E
  • --accent#1e4252
  • --muted#201d1a
  • --muted-foreground#A8A29E
  • --card#292524
  • --border#44403C
  • --ring#F97316
  • --destructive#DC2626

More themes

View all