AI Chat Theme Generator

Pick a brand color and get a full chat interface color scheme. Export as CSS variables or Tailwind config.

Brand Color

Background#ffffff

Foreground#0f172a

User Bubble#dcddf9

User Bubble Text#0f118a

Assistant Bubble#f1f5f9

Assistant Text#1e293b

Streaming Cursor#6366f1

Thinking Indicator#7d39c6

Tool Call Accent#6b6a2e

Source Card Border#abace3

Input Background#f8fafc

Input Border#e2e8f0

Muted Text#64748b

AI AssistantGPT-4o

How does streaming work in AI chat?

Thinking for 2.3s

Streaming delivers tokens incrementally so the user sees partial responses in real-time

search_web("streaming protocol SSE")

MDN — Server-Sent Events

developer.mozilla.org

Ask a follow-up...