Umbraco Theme

If you're building custom themes for Umbraco's backoffice, this skill walks you through the manifest setup and CSS custom property overrides. It fetches the latest official docs before generating code, which matters since Umbraco's extension system has specific TypeScript interfaces you need to match. You get working examples for dark mode, high contrast, and brand themes that override surface colors, text, and interactive states. The skill asks about your color preferences first, then generates both the manifest registration and the actual CSS file. Honestly most useful when you're doing this for the first time and need to see how the ManifestTheme type and CSS import pattern work together.

skills.sh installs: 385
GitHub stars: 27
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-theme --agent claude-code

Installs into .claude/skills of the current project.

Files

Umbraco Theme

What is it?

Themes in Umbraco allow you to customize the visual appearance of the backoffice. They can override CSS custom properties to change colors, typography, and other visual elements. This enables dark mode, high contrast, custom branding, or any other visual theme. Users can select themes from their profile settings.