Jacob Rhinehart

Buffalo Projects shadcn/ui theme

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

shadcn/ui theme 2

Open in editor
About

Buffalo Projects 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

  • --background50 23% 95%
  • --foreground197 54% 14%
  • --primary207 90% 54%
  • --primary-foreground197 54% 14%
  • --secondary60 12% 92%
  • --accent207 90% 54% / 0.11
  • --muted60 12% 92%
  • --muted-foreground198 16% 39%
  • --card48 38% 97%
  • --border195 18% 78%
  • --ring207 90% 54%
  • --destructive0 47.9% 57.8%

dark

  • --background220 0% 0%
  • --foreground195 8.5% 96%
  • --primary195 8.5% 96%
  • --primary-foreground220 0% 0%
  • --secondary195 6.9% 11.6%
  • --accent195 5.6% 14.8%
  • --muted195 6.9% 11.6%
  • --muted-foreground195 2.4% 64.3%
  • --card195 6.9% 8.9%
  • --border0 0% 100% / 0.063
  • --ring207 89.9% 61%
  • --destructive0 47.9% 57.8%

More themes

View all