Serafim

Violet Pulse shadcn/ui theme

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

shadcn/ui theme 40

Open in editor
About

Violet Pulse 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

  • --backgroundhsl(225.9 100% 99%)
  • --foregroundhsl(225.9 100% 10%)
  • --primaryoklch(0.457 0.24 277.023)
  • --primary-foregroundoklch(0.962 0.018 272.314)
  • --secondaryoklch(0.609 0.126 221.723)
  • --accentoklch(0.87 0.065 274.039)
  • --mutedhsl(188.7 44.5% 72%)
  • --muted-foregroundhsl(188.7 44.5% 22%)
  • --cardhsl(225.9 40% 98%)
  • --borderoklch(0.869 0.022 252.894)
  • --ringoklch(0.869 0.022 252.894)
  • --destructive#bf616a

dark

  • --backgroundoklch(0.141 0.005 285.823)
  • --foregroundoklch(0.962 0.018 272.314)
  • --primaryoklch(0.585 0.233 277.117)
  • --primary-foregroundhsl(243.8 47.1% 5%)
  • --secondaryoklch(0.715 0.143 215.221)
  • --accentoklch(0.257 0.09 281.288)
  • --mutedoklch(0.257 0.09 281.288)
  • --muted-foregroundoklch(0.715 0.143 215.221)
  • --cardhsl(243.8 47.1% 10%)
  • --borderoklch(0.279 0.041 260.031)
  • --ringoklch(0.279 0.041 260.031)
  • --destructiveoklch(0.586 0.253 17.585)

More by Serafim

View all