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.

Install to Claude Code

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