BG operationcenter

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#f1eded
  • --foreground#0D0D0D
  • --primary#e78a53
  • --primary-foreground#FFFFFF
  • --secondary#5f8787
  • --accent#1be72c
  • --muted#EDEDED
  • --muted-foreground#555555
  • --card#EDEDED
  • --border#EDEDED
  • --ring#5f8787
  • --destructive#e21313

dark

  • --background#0D0D0D
  • --foreground#D0D0D0
  • --primary#e78a53
  • --primary-foreground#0D0D0D
  • --secondary#5f8787
  • --accent#333333
  • --muted#222222
  • --muted-foreground#888888
  • --card#121212
  • --border#121212
  • --ring#5f8787
  • --destructive#e21313

More themes

View all