Halil

borsan shadcn/ui theme

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

shadcn/ui theme 24

Open in editor
About

borsan 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#0b1118
  • --foreground#edf2f8
  • --primary#e51f26
  • --primary-foreground#ffffff
  • --secondary#1a2532
  • --accent#22303f
  • --muted#1a2532
  • --muted-foreground#abb6c4
  • --card#131b25
  • --border#263240
  • --ring#ff5c61
  • --destructivehsl(0 84.2% 60.2%)

dark

  • --background#f6f7f9
  • --foreground#1f252e
  • --primaryrgba(229, 31, 38, 0)
  • --primary-foreground#ffffff
  • --secondary#f0f2f5
  • --accent#fdeded
  • --muted#f0f2f5
  • --muted-foreground#6e7681
  • --card#ffffff
  • --border#e4e8ec
  • --ring#e51f26
  • --destructivehsl(0 84.2% 60.2%)

More themes

View all