{"slug": "anthropic-s-claude-code-lets-developers-theme-their-ai-coding-desktop", "title": "Anthropic's Claude Code Lets Developers Theme Their AI Coding Desktop", "summary": "Anthropic added custom theming to Claude Code in the desktop app through its mods plugin system, letting developers restyle interface colors and add static or animated backdrops via a new `$.theme` API. The feature requires Claude Code runtime version 2.1.319 or later and works in local desktop sessions today, with cloud session support announced as coming soon and no release date given. Mods remain executable code with the same machine access as Claude Code, and community marketplaces such as matcra587/claude-themes already package palettes including Dracula, Catppuccin, Gruvbox, Nord and Tokyo Night.", "body_md": "# Anthropic's Claude Code Lets Developers Theme Their AI Coding Desktop\n\nAnthropic rolled out custom theming for Claude Code in the desktop app, letting you restyle colors and drop in animated backdrops through mods.\n\n- Anthropic enabled custom themes for Claude Code on desktop via the mods plugin system\n- Mods can now set animated backdrops and override colors through a new `$.theme` API\n- A theme-examples plugin ships as a starting point; you can also prompt Claude to design one\n- Works in local desktop sessions today, with cloud session support coming soon\n- Requires updating to the latest [Claude Code desktop app](https://code.claude.com/docs/en/plugins/mods/overview?utm_source=alphasignal)\n- Community theme marketplaces like [matcra587/claude-themes](https://github.com/matcra587/claude-themes?utm_source=alphasignal) already ship Dracula, Catppuccin, Nord and more\n\nAnthropic’s ClaudeDevs account [announced the update](https://x.com/claudedevs/status/2121392666244186327?utm_source=alphasignal), which adds custom themes to local Claude Code sessions in the desktop app. Mods can change interface colors and place static or animated backdrops behind the conversation. Developers can write a theme, ask Claude to generate one from a natural-language description, or modify the ready-made `theme-examples` plugin.\n\n## Mods reach behind the transcript\n\nClaude Code mods are plugins built from function hooks that run within a session. They can render panes, prompt-area bands, status lines and notifications, as well as inspect, rewrite or block tool calls before execution. The new `$.theme` API adds an app-level backdrop, while `ui.render` hooks control the colors and styling of individual interface elements.\n\n| Capability | What it does | \n|---|---|\n| `$.theme.set` | Provides a backdrop for a supported desktop or mobile client to render. | \n| `$.theme.clear` | Removes the active backdrop. | \n| Color overrides | Restyles supported interface elements without replacing the backdrop. | \n| Animated backgrounds | Adds motion behind the conversation view. | \n| `theme-examples` | Provides working themes that developers can clone and modify. | \n| Claude-assisted generation | Turns a written theme description into mod code for review and testing. | \n\n## Local sessions get it first\n\n| Requirement or platform | Status | \n|---|---|\n| Desktop app | Available for local sessions after updating to the latest build. | \n| Claude Code runtime | Version `2.1.319` or later is required. | \n| Cloud sessions | Coming soon, with no release date announced. | \n| Mobile clients | The API supports client-rendered backdrops, but the announcement confirms current availability only for local desktop sessions. | \n| Price | Mods are included with Claude Code at no additional charge. | \n\n**Security:** A theme remains executable mod code and receives the same machine access as Claude Code. Review its source and install themes only from trusted publishers.\n\n## Build from scratch or install\n\n1. Update the desktop app and confirm that Claude Code is running version `2.1.319` or later.\n2. Start with `theme-examples` , ask Claude to generate a mod, or create one manually.\n3. Call `$.theme.set` with the backdrop the client should render.\n4. Use `ui.render` hooks to style render sites such as`UserMessage` ,`AssistantMessage` ,`Spinner` and`Pane` .\n5. Call `$.theme.clear` when the backdrop should be removed.\n\nThe community-maintained `matcra587/claude-themes` marketplace already packages palettes including Dracula, Catppuccin, Gruvbox, Nord and Tokyo Night. These commands register that marketplace, install its Dracula theme and open the theme selector:\n\n```\n/plugin marketplace add matcra587/claude-themes\n/plugin install dracula@claude-themes\n/theme\n```\n\n## The desktop surface opens up\n\nThe new backdrop layer expands the desktop Code tab, where mods previously had fewer visual controls than in the terminal transcript. Combining an app-level canvas with component-level render hooks lets one theme cover the conversation background, messages, panes and activity indicators. Developers can now align Claude Code with an editor palette or create visual states for different workflows.\n\nPlugin authors can use the [mods overview](https://code.claude.com/docs/en/plugins/mods/overview?utm_source=alphasignal) for architecture and the [interface reference](https://code.claude.com/docs/en/plugins/mods/interface?utm_source=alphasignal) for hooks and API details. Themes should be tested in a local desktop session until Anthropic enables cloud-session support.", "url": "https://wpnews.pro/news/anthropic-s-claude-code-lets-developers-theme-their-ai-coding-desktop", "canonical_source": "https://alphasignal.ai/news/anthropic-s-claude-code-lets-developers-theme-their-ai-coding-desktop", "published_at": "2026-11-13 23:59:59+00:00", "updated_at": "2026-11-14 01:21:43.375570+00:00", "lang": "en", "topics": ["ai-tools", "developer-tools", "ai-products"], "entities": ["Anthropic", "Claude Code", "ClaudeDevs", "matcra587/claude-themes", "Dracula", "Catppuccin", "Nord", "Tokyo Night"], "also_reported_by": [], "alternates": {"html": "https://wpnews.pro/news/anthropic-s-claude-code-lets-developers-theme-their-ai-coding-desktop", "markdown": "https://wpnews.pro/news/anthropic-s-claude-code-lets-developers-theme-their-ai-coding-desktop.md", "text": "https://wpnews.pro/news/anthropic-s-claude-code-lets-developers-theme-their-ai-coding-desktop.txt", "jsonld": "https://wpnews.pro/news/anthropic-s-claude-code-lets-developers-theme-their-ai-coding-desktop.jsonld"}}