Ignite UI for Blazor - Theming and Styling

Description

This skill teaches AI agents how to theme Ignite UI for Blazor applications using built-in CSS theme files, CSS custom properties, CSS shadow parts, and the Ignite UI Theming MCP server. It covers theme switching, palette generation, component-level design tokens, global layout tokens, and scoped CSS customization.

Prerequisites

• A Blazor project using Ignite UI for Blazor components
• A theme CSS file and _content/IgniteUI.Blazor/app.bundle.js runtime script linked in the host page (see references/common-patterns.md)
• The Ignite UI Theming MCP server (igniteui-theming) available as a tool provider