Ryan Leavitt

Violet Dark shadcn/ui theme

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

shadcn/ui theme 2

Open in editor
About

Violet Dark 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#0d0222
  • --foreground#00ff9d
  • --primary#00b7ff
  • --primary-foreground#ffffff
  • --secondary#00b7ff
  • --accent#ff0055
  • --muted#262635
  • --muted-foreground#888899
  • --card#1a1b2e
  • --border#3d3d5c
  • --ring#bc13fe
  • --destructive#ff003c

dark

  • --background#050505
  • --foreground#00ff9f
  • --primary#bc13fe
  • --primary-foreground#ffffff
  • --secondary#00b8ff
  • --accent#ff0055
  • --muted#1a1a1a
  • --muted-foreground#777777
  • --card#0d0d0d
  • --border#333333
  • --ring#bc13fe
  • --destructive#ff003c

More themes

View all