Serafim

WhatsApp shadcn/ui theme

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

shadcn/ui theme 163

Open in editor
About

WhatsApp 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#f0f2f5
  • --foreground#111b21
  • --primary#075e54
  • --primary-foreground#ffffff
  • --secondary#e7f8f0
  • --accent#25d366
  • --muted#f0f2f5
  • --muted-foreground#667781
  • --card#ffffff
  • --border#e9edef
  • --ring#25d366
  • --destructive#ea4335

dark

  • --background#0b141a
  • --foreground#e9edef
  • --primary#00a884
  • --primary-foreground#111b21
  • --secondary#12332a
  • --accent#25d366
  • --muted#182229
  • --muted-foreground#8696a0
  • --card#1f2c34
  • --border#2a3942
  • --ring#00a884
  • --destructive#ea4335

More by Serafim

View all