cometchat-angular-theming
Installation
SKILL.md
Purpose
Teaches Claude how to theme the CometChat Angular UI Kit v4 via CometChatThemeService and per-component style objects. Covers palette tokens, light/dark mode switching, typography, per-component style classes, CSS variable overrides, and preset themes.
Read cometchat-angular-core first — CometChatThemeService is injected in AppComponent's constructor, which is covered there.
Ground truth: docs/ui-kit/angular/theme, docs/ui-kit/angular/colors, docs/ui-kit/angular/component-styling, and @cometchat/chat-uikit-angular@4.x style exports.
0. Preset themes (quickest start)
Five built-in presets. Apply by setting these CSS variables in src/styles.scss after any existing imports: