Serafim

MetaMask shadcn/ui theme

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

shadcn/ui theme 22

Open in editor
About

MetaMask 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#FFFBF8
  • --foreground#1C1917
  • --primary#3C1765
  • --primary-foreground#FFFFFF
  • --secondary#F66A35
  • --accent#F5F3FF
  • --muted#F5F5F4
  • --muted-foreground#78716C
  • --card#FFFFFF
  • --border#E7E5E4
  • --ring#3C1765
  • --destructive#EF4444

dark

  • --background#1A1026
  • --foreground#F8F8F7
  • --primary#8B5CF6
  • --primary-foreground#1A1026
  • --secondary#FB713C
  • --accent#4A3763
  • --muted#20142E
  • --muted-foreground#A8A29E
  • --card#251836
  • --border#3A2A4F
  • --ring#8B5CF6
  • --destructive#DC2626

More by Serafim

View all