# Ignite UI Theming MCP Server

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.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 44
- Author: IgniteUI
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/IgniteUI/igniteui-theming
- Updated: 2026-10-22
- HTML: https://affpapa.org/en/nevibecode/mcp/ignite-ui-theming-mcp-server

## What it 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.

## Requirements
- Needs: Node.js (commands run via npx)

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add igniteui-theming -- npx -y igniteui-theming
```

### Codex

**Platform CLI**
```bash
codex mcp add ignite-ui-theming-mcp-server -- npx -y igniteui-theming
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "ignite-ui-theming-mcp-server": {
            "command": "npx",
            "args": [
                "-y",
                "igniteui-theming"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "ignite-ui-theming-mcp-server": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "igniteui-theming"
            ]
        }
    }
}
```

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add ignite-ui-theming-mcp-server npx -y igniteui-theming
```

## When to use it
- 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
- 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

## Similar
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74559
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51091
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16062
- [mcp-server-chart](https://affpapa.org/en/nevibecode/mcp/mcp-server-chart.md) — MCP server · ★ 4402
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3821
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/en/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP server · ★ 3450

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md