Ignite UI Theming MCP Server — Claude Code MCP server for themes
Lets an AI assistant write Ignite UI theme code: palettes, typography and light or dark themes in Sass. Handy when you need a starting theme fast.
claude mcp add igniteui-theming -- npx -y igniteui-themingWhat Ignite UI Theming MCP Server does
The server exposes theming tools to your assistant. It builds colour palettes with shade variants, sets up typography systems, produces full light and dark themes, customises components through design tokens, and checks colours for accessibility.
Under the hood sits the igniteui-theming Sass library — mixins, functions and variables — plus the MCP server binary. The package is published to npm, so it runs with npx -y igniteui-theming and you never clone the repo. In the MCP Registry it appears as io.github.IgniteUI/igniteui-theming, which is how registry-aware clients add it.
Four palettes ship ready to use: material, bootstrap, fluent and indigo, along with typography and elevation presets. Elevation levels run from 0 to 24. If Node.js and npx are not on your PATH, the server will not start — check that before wiring up the client.
What it helps with
- build a palette with shade variants from brand colours
- apply a typography system that follows design standards
- generate both light and dark themes
- customise components with design tokens
- check colour contrast for accessibility
Example prompts for the agent
- Generate an Ignite UI palette based on #2a6df4
- Build an Ignite UI theme with fluent typography and elevations
- Check my theme colours for accessibility compliance
How to install Ignite UI Theming MCP Server
Platform CLI
claude mcp add igniteui-theming -- npx -y igniteui-themingPlatform CLI
codex mcp add ignite-ui-theming-mcp-server -- npx -y igniteui-themingConfig file
{
"mcpServers": {
"ignite-ui-theming-mcp-server": {
"command": "npx",
"args": [
"-y",
"igniteui-theming"
]
}
}
}Config file
{
"servers": {
"ignite-ui-theming-mcp-server": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"igniteui-theming"
]
}
}
}Platform CLI
gemini mcp add ignite-ui-theming-mcp-server npx -y igniteui-themingStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Ignite UI Theming MCP Server
How do I install Ignite UI Theming MCP Server in Claude Code?
Run claude mcp add igniteui-theming -- npx -y igniteui-theming. The server runs from the published npm package, so no repository clone is needed.
What does Ignite UI Theming MCP Server do?
It gives your assistant tools to write Ignite UI theme code: palettes, typography, elevations, light and dark themes, component customisation with design tokens, and accessibility checks on colours.
Which palettes come with it?
Four presets: material, bootstrap, fluent and indigo. Each has light and dark variants, and typography and elevation presets are included too.
