Sai

Flame Design System shadcn/ui theme

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

shadcn/ui theme 1

Open in editor
About

Flame Design System 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#FBF8F5
  • --foreground#1D1514
  • --primary#B8223B
  • --primary-foreground#FFFFFF
  • --secondary#B55608
  • --accent#FFC62B
  • --muted#F4EFEA
  • --muted-foreground#807167
  • --card#FFFFFF
  • --border#E7DFD8
  • --ring#DB6F0A
  • --destructive#C4162F

dark

  • --background#120C0B
  • --foreground#FBF8F5
  • --primary#D6304A
  • --primary-foreground#FFFFFF
  • --secondary#FFA94D
  • --accent#FFC62B
  • --muted#2E2420
  • --muted-foreground#A99B90
  • --card#1D1514
  • --border#473B35
  • --ring#FFC62B
  • --destructive#FF8794

More themes

View all