Serafim

Bain shadcn/ui theme

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

shadcn/ui theme 84

Open in editor
About

Bain 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#f6f5f4
  • --foreground#161614
  • --primary#d10001
  • --primary-foreground#f6f5f4
  • --secondary#434340
  • --accent#f4f1ef
  • --muted#f4f1ef
  • --muted-foreground#a8a5a1
  • --card#fff
  • --border#e9e5e0
  • --ring#776beb
  • --destructive#ffd5c0

dark

  • --background#1D1D1D
  • --foreground#FFFFFF
  • --primary#FF4B32
  • --primary-foreground#FFFFFF
  • --secondary#808080
  • --accent#404040
  • --muted#333333
  • --muted-foreground#808080
  • --card#1D1D1D
  • --border#333333
  • --ring#FF4B32
  • --destructive#D00000

More by Serafim

View all