Serafim

Zen Linen shadcn/ui theme

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

shadcn/ui theme 570

Open in editor
About

Zen Linen 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#E9E4D8
  • --foreground#1E1E1E
  • --primary#2E2E2E
  • --primary-foreground#E6E4D7
  • --secondary#D8D2C4
  • --accent#E6E4D7
  • --muted#CFC8B8
  • --muted-foreground#5E5A52
  • --card#F4EFE4
  • --border#D2CBBB
  • --ring#2E2E2E
  • --destructive#DC2626

dark

  • --background#141414
  • --foreground#E8E3DA
  • --primary#D1CFC0
  • --primary-foreground#363636
  • --secondary#222222
  • --accent#363636
  • --muted#2A2A2A
  • --muted-foreground#8E8A83
  • --card#1C1C1C
  • --border#2C2C2C
  • --ring#D1CFC0
  • --destructive#EF4444

More by Serafim

View all