copilotkit--copilotkit/showcase/integrations/langroid/qa/chat-customization-css.md

QA: Chat Customization (CSS) — Langroid

Prerequisites

• Demo is deployed
• Agent backend reachable via /api/health

Test Steps

• Navigate to /demos/chat-customization-css
• Verify the scoped wrapper .chat-css-demo-scope renders (DOM inspector)
• Verify user bubble shows pink gradient (hot pink -> magenta)
• Verify assistant bubble shows amber monospace style
• Verify the textarea input has a dashed pink border
• Send a message; verify styled reply appears

Expected Results

• Custom theme CSS applies only inside the demo wrapper
• Chat functions normally