Serafim

Meridian Blue shadcn/ui theme

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

shadcn/ui theme 45

Open in editor
About

Meridian Blue 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#eef0f3
  • --foreground#181b21
  • --primary#3b608f
  • --primary-foreground#ffffff
  • --secondary#b8694a
  • --accent#d8e2ee
  • --muted#e8eaee
  • --muted-foreground#5a6072
  • --card#ffffff
  • --border#c9cfd8
  • --ring#6b87b0
  • --destructive#b8332e

dark

  • --background#14171c
  • --foreground#e6e9ef
  • --primary#6b8db8
  • --primary-foreground#0f1216
  • --secondary#d18866
  • --accent#1f2d3d
  • --muted#232831
  • --muted-foreground#9097a6
  • --card#1c2027
  • --border#353c48
  • --ring#88a8c9
  • --destructive#d4524c

More by Serafim

View all