Serafim

Honey Glow shadcn/ui theme

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

shadcn/ui theme 39

Open in editor
About

Honey Glow 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#ffffff
  • --foreground#000000
  • --primaryhsl(35, 100%, 71%)
  • --primary-foreground#000000
  • --secondaryhsl(35, 100%, 90%)
  • --accenthsl(35, 100%, 85%)
  • --mutedhsl(35, 40%, 94%)
  • --muted-foregroundhsl(35, 20%, 40%)
  • --card#ffffff
  • --borderhsl(35, 40%, 85%)
  • --ringhsl(35, 100%, 71%)
  • --destructivehsl(0, 84%, 60%)

dark

  • --backgroundhsl(35, 40%, 5%)
  • --foregroundhsl(35, 100%, 95%)
  • --primaryhsl(35, 100%, 71%)
  • --primary-foregroundhsl(35, 100%, 5%)
  • --secondaryhsl(35, 40%, 15%)
  • --accenthsl(35, 60%, 20%)
  • --mutedhsl(35, 30%, 15%)
  • --muted-foregroundhsl(35, 20%, 65%)
  • --cardhsl(35, 40%, 8%)
  • --borderhsl(35, 30%, 20%)
  • --ringhsl(35, 100%, 71%)
  • --destructivehsl(0, 62%, 30%)

More by Serafim

View all