Lucas Alves

OSV shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

OSV 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#0c0a08
  • --foreground#fafaf9
  • --primary#f58c24
  • --primary-foreground#1a0f05
  • --secondaryrgba(255, 255, 255, 0.09)
  • --accentrgba(31, 170, 183, 0.18)
  • --mutedrgba(255, 255, 255, 0.05)
  • --muted-foreground#a49c94
  • --cardrgba(255, 255, 255, 0.06)
  • --borderrgba(255, 255, 255, 0.14)
  • --ring#f58c24
  • --destructiveoklch(0.704 0.191 22.216)

dark

  • --background#f2f6f7
  • --foreground#16120e
  • --primary#f58c24
  • --primary-foreground#1a0f05
  • --secondaryrgba(255, 255, 255, 0.75)
  • --accentrgba(15, 137, 149, 0.12)
  • --mutedrgba(22, 18, 14, 0.04)
  • --muted-foreground#57524c
  • --cardrgba(255, 255, 255, 0.65)
  • --borderrgba(21, 18, 14, 0.09)
  • --ring#f58c24
  • --destructiveoklch(0.704 0.191 22.216)

More themes

View all