Waqar H. Syed

Ralph Lauren shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

Ralph Lauren 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

  • --background45 20% 96%
  • --foreground220 60% 15%
  • --primary220 60% 18%
  • --primary-foreground45 20% 96%
  • --secondary40 80% 40%
  • --accent40 80% 40%
  • --muted45 15% 88%
  • --muted-foreground220 30% 40%
  • --card45 20% 98%
  • --border45 20% 85%
  • --ring220 60% 18%
  • --destructive0 70% 45%

dark

  • --background220 60% 12%
  • --foreground45 30% 94%
  • --primary45 80% 60%
  • --primary-foreground220 60% 12%
  • --secondary220 40% 25%
  • --accent220 40% 25%
  • --muted220 40% 20%
  • --muted-foreground45 20% 70%
  • --card220 60% 15%
  • --border220 40% 25%
  • --ring45 80% 60%
  • --destructive0 70% 55%

More themes

View all