Serafim

Discord shadcn/ui theme

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

shadcn/ui theme 55

Open in editor
About

Discord 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#fbfbfb
  • --foreground#28282d
  • --primary#5865f2
  • --primary-foreground#ffffff
  • --secondary#f2f2f3
  • --accent#eeeef0
  • --muted#f6f6f6
  • --muted-foreground#6c6d76
  • --card#ffffff
  • --border#dfdfe1
  • --ring#5865f2
  • --destructive#b92733

dark

  • --background#323339
  • --foreground#ffffff
  • --primary#5865f2
  • --primary-foreground#ffffff
  • --secondary#414148
  • --accent#484951
  • --muted#2e2f35
  • --muted-foreground#a4a5ab
  • --card#393a41
  • --border#3e3f45
  • --ring#5865f2
  • --destructive#ffa09b

More by Serafim

View all