igniteui-angular-theming

Umiejętność do generowania i personalizacji motywów Ignite UI dla Angular przy użyciu systemu Sass i serwera MCP igniteui-theming. Pozwala zmieniać palety kolorów, przełączać się między motywami jasnymi i ciemnymi, dostosowywać typografię, cienie, odstępy i zaokrąglenia, a także konfigurować tokeny projektowe na poziomie poszczególnych komponentów. Idealna, gdy potrzebujesz zmienić wygląd komponentów bez modyfikacji ich zachowania.

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.