Serafim

Cobalt Mono shadcn/ui theme

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

shadcn/ui theme 138

Open in editor
About

Cobalt Mono 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#fdfdff
  • --foreground#0d0d12
  • --primary#0F62FE
  • --primary-foreground#F3F4F6
  • --secondary#edebff
  • --accent#f0f2ff
  • --muted#f1f1f8
  • --muted-foreground#62627a
  • --card#ffffff
  • --border#e2e2ee
  • --ring#0F62FE
  • --destructive#ef4444

dark

  • --background#0a0a0c
  • --foreground#f8f8fc
  • --primary#8c71ff
  • --primary-foreground#ffffff
  • --secondary#1e1b3a
  • --accent#252445
  • --muted#1a1a24
  • --muted-foreground#a1a1b5
  • --card#121216
  • --border#2a2a35
  • --ring#8c71ff
  • --destructive#7f1d1d

More by Serafim

View all