Massimo

Green Notes shadcn/ui theme

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

shadcn/ui theme 12

Open in editor
About

Green Notes 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#e9e4d8
  • --foreground#1E1E1E
  • --primary#1d9f76
  • --primary-foreground#8d875e
  • --secondary#0f7058
  • --accent#efa02a
  • --muted#CFC8B8
  • --muted-foreground#5E5A52
  • --card#F4EFE4
  • --border#D2CBBB
  • --ring#2E2E2E
  • --destructive#DC2626

dark

  • --background#1b1d1c
  • --foreground#E8E3DA
  • --primary#1d9f76
  • --primary-foreground#363636
  • --secondary#0f7058
  • --accent#efa02a
  • --muted#2A2A2A
  • --muted-foreground#8E8A83
  • --card#222523
  • --border#2C2C2C
  • --ring#D1CFC0
  • --destructive#EF4444

More themes

View all