LTTW

Tricolor Care shadcn/ui theme

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

shadcn/ui theme 3

Open in editor
About

Tricolor Care 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#0B1F33
  • --primary#0D4CD3
  • --primary-foreground#FFFFFF
  • --secondary#E3ECFD
  • --accent#EE3F58
  • --muted#EDF1F7
  • --muted-foreground#5E6E88
  • --card#FFFFFF
  • --border#DDE3ED
  • --ring#0D4CD3
  • --destructive#C42B41

dark

  • --background#070E1B
  • --foreground#E9F0FA
  • --primary#6E9BFF
  • --primary-foreground#05101F
  • --secondary#132747
  • --accent#FF7286
  • --muted#0E1A2E
  • --muted-foreground#A8BAD2
  • --card#101E33
  • --border#22344F
  • --ring#6E9BFF
  • --destructive#E04A61

More themes

View all