Serafim

T3 Chat shadcn/ui theme

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

shadcn/ui theme 288

Open in editor
About

T3 Chat 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#faf5fa
  • --foreground#501854
  • --primary#a84370
  • --primary-foreground#ffffff
  • --secondary#f1c4e6
  • --accent#f1c4e6
  • --muted#f6e5f3
  • --muted-foreground#834588
  • --card#faf5fa
  • --border#efbdeb
  • --ring#db2777
  • --destructive#ab4347

dark

  • --background#221d27
  • --foreground#d2c4de
  • --primary#a3004c
  • --primary-foreground#efc0d8
  • --secondary#362d3d
  • --accent#463753
  • --muted#28222d
  • --muted-foreground#c2b6cf
  • --card#2c2632
  • --border#3b3237
  • --ring#db2777
  • --destructive#301015

More by Serafim

View all