nahom simon

Meridian Cafe shadcn/ui theme

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

shadcn/ui theme 5

Open in editor
About

Meridian Cafe 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

  • --background43 39% 93%
  • --foreground30 29% 11%
  • --primary351 50% 25%
  • --primary-foreground40 42% 94%
  • --secondary43 35% 90%
  • --accent41 31% 51%
  • --muted43 35% 90%
  • --muted-foreground35 16% 31%
  • --card45 55% 98%
  • --border44 40% 77%
  • --ring351 50% 25%
  • --destructive0 62% 38%

dark

  • --background30 29% 11%
  • --foreground40 42% 94%
  • --primary352 51% 29%
  • --primary-foreground40 42% 94%
  • --secondary24 20% 14%
  • --accent42 43% 59%
  • --muted24 20% 14%
  • --muted-foreground37 14% 68%
  • --card24 20% 14%
  • --border30 17% 23%
  • --ring42 43% 59%
  • --destructive0 62% 55%

More themes

View all