Christian Katzmann

DevSec Moss shadcn/ui theme

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

shadcn/ui theme 3

Open in editor
About

DevSec Moss 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#f4f5f0
  • --foreground#0b1611
  • --primary#1a3a2a
  • --primary-foreground#f4f5f0
  • --secondary#e6e9e2
  • --accent#dde4dc
  • --muted#eceee8
  • --muted-foreground#58645d
  • --card#fbfbf8
  • --border#d8ddd5
  • --ring#1a3a2a
  • --destructive#b8461f

dark

  • --background#0f1f17
  • --foreground#f4f4f5
  • --primary#ffffff
  • --primary-foreground#0b1611
  • --secondary#1b2d23
  • --accent#213629
  • --muted#172920
  • --muted-foreground#95a39b
  • --card#13241b
  • --border#26362d
  • --ring#e4e9e6
  • --destructive#e8643c

More themes

View all