Edip

Pink Vivid shadcn/ui theme

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

shadcn/ui theme 1

Open in editor
About

Pink Vivid 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#fdf7fa
  • --foreground#91185c
  • --primary#e6067a
  • --primary-foreground#ffffff
  • --secondary#ffd6ff
  • --accent#ffc1e3
  • --muted#ffe3f2
  • --muted-foreground#c04283
  • --card#fff5fb
  • --border#ffc7e6
  • --ring#e6067a
  • --destructive#d13869

dark

  • --background#1a0922
  • --foreground#ffb3ff
  • --primary#ff6bef
  • --primary-foreground#180518
  • --secondary#46204f
  • --accent#5a1f5d
  • --muted#331941
  • --muted-foreground#d67ad6
  • --card#2a1435
  • --border#4a1b5f
  • --ring#ff6bef
  • --destructive#ff2876

More themes

View all