cometchat-theming

Companion skills: cometchat-core covers CSS import placement and the one-import rule; cometchat-customization covers component-level CSS selectors for deeper overrides; cometchat-troubleshooting handles cases where the theme doesn't apply.

Purpose

Teach Claude how to theme CometChat in a v3 (AI-written) integration. Themes are just CSS variable overrides — you write them directly into the project's CSS (or, for Astro, the React island file). Do not use the cometchat apply-theme CLI command — it was a v2 tool that expects a CLI-generated .cometchat/state.json marker that v3 integrations don't create, and it will fail with "No integration found".

1. How CometChat theming works