Serafim

Discord Linen shadcn/ui theme

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

shadcn/ui theme 46

Open in editor
About

Discord 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#fdfdfd
  • --foreground#000000
  • --primaryoklch(0.5772 0.2129 274)
  • --primary-foregroundoklch(1 0 180)
  • --secondaryoklch(0.888 0 172.405)
  • --accent#8a93ff
  • --muted#f2f2f2
  • --muted-foregroundoklch(0.605 0 180)
  • --cardoklch(1 0 180)
  • --border#ebebeb
  • --ringoklch(0.683 0 180
  • --destructiveoklch(0.654 0.232 28.66)

dark

  • --backgroundoklch(0.2195 0.0077 285.74)
  • --foregroundoklch(0.9881 0 0)
  • --primaryoklch(0.5774 0.2091 273.85)
  • --primary-foregroundoklch(1 0 0)
  • --secondaryoklch(0.888 0 172.405)
  • --accent#7e87ec
  • --muted#1f1e24
  • --muted-foreground oklch(0.689 0 164.055)
  • --cardoklch(0.2624 0.0093 285.74)
  • --border#2f3032
  • --ringoklch(0.7157 0.1532 235.71)
  • --destructiveoklch(0.588 0.199 24.393)

More by Serafim

View all