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

QA: Chat Customization (CSS) — Mastra

Prerequisites

• Demo is deployed and accessible

Test Steps

• Navigate to /demos/chat-customization-css
• Verify the chat wrapper has class chat-css-demo-scope
• Verify the chat background is the warm cream (#fff8f0) from theme.css
• Send a message; verify the user bubble is hot-pink serif
• Verify the assistant bubble is amber-boxed monospace

Expected Results

• Theme is scoped to the demo wrapper only (other pages unaffected)