A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.
A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components. Exposed over MCP by the igniteui mcp server, that capability becomes something an assistant can invoke while it works, not something you go and do afterwards.
The Model Context Protocol allows AI assistants (like Claude, GitHub Copilot, and others) to connect to external tools and data sources. The Ignite UI Theming MCP server acts as an expert theming assistant that can:
Everything the assistant can do here goes through one of these:
detect_platform — Auto-detect which Ignite UI platform your project usescreate_palette — Generate color palette with automatic shade calculationscreate_custom_palette — Create palette with fine-grained control over individual shadescreate_typography — Setup typography with font families and type scalescreate_elevations — Configure elevation shadowscreate_theme — Generate complete theme (palette + typography + elevations)get_component_design_tokens — Discover customizable properties for componentscreate_component_theme — Generate component-specific theme codeigniteui-theming on npm is all you need. Most clients run it directly, so configuration is a few lines and a restart.
Plenty of developer tooling servers cover similar ground. The differences that matter in practice are scope of access and how much setup stands between you and a working tool call. Igniteui's toolset — detect_platform, create_palette, create_custom_palette and 5 more — is a fair guide to whether it matches your workflow. It is maintained by GitHub Actions; worth a glance at recent repository activity before you build anything load-bearing on it.
SyncDev reviews every entry in this directory against the project's own documentation before publishing, and revisits them as servers change.
| Tool | What it does |
|---|---|
| detect_platform | Auto-detect which Ignite UI platform your project uses |
| create_palette | Generate color palette with automatic shade calculations |
| create_custom_palette | Create palette with fine-grained control over individual shades |
| create_typography | Setup typography with font families and type scales |
| create_elevations | Configure elevation shadows |
| create_theme | Generate complete theme (palette + typography + elevations) |
| get_component_design_tokens | Discover customizable properties for components |
| create_component_theme | Generate component-specific theme code |
{
"mcpServers": {
"igniteui-theming": {
"command": "node",
"args": ["/absolute/path/to/igniteui-theming/packages/theming/dist/mcp/index.js"]
}
}
}Configuration as documented by the project. Restart the client after saving.
Kill hallucinated APIs — version-accurate, up-to-date library documentation injected straight into context.
Microsoft's official browser automation server — drive a real browser through the accessibility tree, no screenshots needed.
GitHub's official server — repos, issues, pull requests, Actions and code security, straight from your assistant.
Issue tracking at the speed of conversation — Linear's official hosted server with OAuth and zero install.
Local repository surgery — status, diffs, commits, branches and history for any repo on disk.
Timezone sanity for AI — current time anywhere and correct conversions, without the model doing date math.