Theming

All styles are scoped to .stacgis-ai-chat-container via CSS custom properties, so nothing leaks into your app. Override any token from your app to rebrand the component:

.stacgis-ai-chat-container {
  --af-primary: #22c55e;        /* accent */
  --af-radius-lg: 24px;         /* container radius */
  --af-font-sans: "Geist", sans-serif;
  --af-bg: #0b1220;             /* panel background */
}

• Dark is the default theme.
• Pass theme="light" (or add the theme-light class) to switch the whole palette to the light variant.
• The chat box has no built-in toggle — theming is a developer-facing concern and is driven entirely from your app.

Design tokens (selection)

Token	Meaning
--af-primary	Accent colour (buttons, links, highlights)
--af-bg / --af-bg-elev	Panel backgrounds
--af-radius-sm / -md / -lg	Corner radii
--af-font-sans / --af-font-mono	Font stacks
--af-text / --af-text-dim	Text colours