thaynara marques

Blue Soft shadcn/ui theme

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

shadcn/ui theme

Open in editor
About

Blue Soft 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#f5f7fa
  • --foreground#1a2238
  • --primary#0c3ea8
  • --primary-foreground#fffbe6
  • --secondary#f6c56b
  • --accent#57849e
  • --muted#e5e5df
  • --muted-foreground#3a5ba0
  • --card#e3eaf2
  • --border#b0b8c1
  • --ring#f7c873
  • --destructive#2d1e2f

dark

  • --background#181a24
  • --foreground#e6eaf3
  • --primary#3a5ba0
  • --primary-foreground#ffe066
  • --secondary#ffe066
  • --accent#bccdf0
  • --muted#1d1e2f
  • --muted-foreground#7a88a1
  • --card#23243a
  • --border#2d2e3e
  • --ring#ffe066
  • --destructive#a04a6c

More themes

View all