igniteui-angular-theming

Generates and customizes Ignite UI for Angular themes including color palettes, typography, elevations, and component-level styles using the Sass theming system and the igniteui-theming MCP server. Use when users ask to theme, restyle, or style Ignite UI components, change colors or the color palette, switch between light and dark themes, create or apply a global theme, customize typography or elevation shadows, adjust spacing, sizing, or roundness, or configure per-component design tokens.

1. Upewnij się, że w Twoim projekcie Angular zainstalowany jest pakiet igniteui-angular (lub @infragistics/igniteui-angular dla użytkowników licencjonowanych) oraz że projekt ma włączoną obsługę Sass — domyślnie dostępna w Angular CLI.

2. Zweryfikuj dostępność serwera MCP igniteui-theming, wywołując detect_platform. Jeśli serwer nie jest dostępny, postępuj zgodnie z instrukcjami konfiguracji opisanymi w dokumentacji umiejętności, aby go skonfigurować. Po zapisaniu pliku konfiguracyjnego uruchom serwer MCP i czekaj na jego pełne uruchomienie.

3. Opisz, jakie zmiany chcesz wprowadzić w motywie — na przykład zmianę palety kolorów, przełączenie na motyw ciemny, dostosowanie typografii lub zmianę cieni i elevacji komponentów.

4. Serwer MCP igniteui-theming wygeneruje kod Sass zawierający zmienne tematyczne, mapy kolorów i style komponentów. Kod zostanie dostosowany do Twojego projektu.

5. Skopiuj wygenerowany kod do pliku tematycznego w Twoim projekcie (zazwyczaj src/styles.scss lub dedykowany plik tematu) i zapisz zmiany.

6. Przeładuj aplikację w przeglądarce, aby zobaczyć nowy motyw w działaniu. Jeśli potrzebujesz dalszych zmian, opisz je — umiejętność obsługuje iteracyjne dostosowania kolorów, typografii, odstępów i zaokrągleń bez konieczności modyfikacji logiki komponentów.