skills.rest
albanist
albanistCOMMUNITY
Explore all skills by this author →
GitHub

umbraco-theme

Implement custom visual themes in the Umbraco backoffice using CSS custom properties and manifest files.

4|Updated Mar 6, 2026
Search Tags:#branding#css#customization#theme#umbraco#backoffice
One-click install
npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-theme-albanist
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-theme
Source: https://github.com/albanist/umbraco_CLI/tree/main/skills/extensions/umbraco-theme
Command: npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-theme-albanist

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows for the customization of the Umbraco backoffice's visual appearance, enabling the implementation of custom branding, dark mode, or high-contrast themes.

Core Features & Use Cases

  • Theme Implementation: Create and apply custom visual themes to the Umbraco backoffice.
  • CSS Customization: Override CSS custom properties for colors, typography, and layout.
  • Use Case: Apply your company's brand colors and fonts to the Umbraco backoffice to create a consistent user experience.

Quick Start

Use the umbraco-theme skill to create a dark theme for the Umbraco backoffice.

Frequently Asked Questions about umbraco-theme

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I customize the Umbraco backoffice theme for company branding?▼

Customize the Umbraco backoffice theme by overriding CSS custom properties for colors and typography, and defining manifest files to apply your company's brand identity for a consistent user experience.

Can I implement a dark mode or high-contrast theme in Umbraco?▼

Yes, implement dark mode or high-contrast accessibility themes in Umbraco by defining specific CSS custom properties and manifest files to adjust the backoffice visual appearance.

What do I need to know to create custom Umbraco backoffice themes?▼

Creating custom Umbraco themes requires an understanding of Umbraco extension types and CSS to properly define the custom properties and manifest files needed for backoffice visual personalization.

What is the best way to apply custom fonts and colors to the Umbraco backoffice?▼

The best way to apply custom fonts and colors to the Umbraco backoffice is by overriding CSS custom properties, enabling UI personalization and consistent branding across the interface.

Why are my CSS custom properties not changing the Umbraco backoffice appearance?▼

If CSS custom properties are not changing the Umbraco backoffice appearance, ensure they are properly defined within the correct manifest files and Umbraco extension types required for theme implementation.

Related Skills

Explore More Design & Creative Skills→
kraftvaerkkraftvaerk

umbraco-theme

Implement custom visual themes in the Umbraco backoffice using CSS custom properties.

Official
Intermediate
umbracoumbraco
26

umbraco-theme

Create/edit themes for the Umbraco backend by overriding CSS variables and customizing UI elements.

Official
Intermediate
1k-off1k-off
1

umbraco-theme

Register Umbraco backoffice themes via manifests and CSS custom properties.

Community
Intermediate
albanistrefialbanistrefi
4

umbraco-theme

Generate Umbraco backoffice theme manifests and CSS using --uui-color-* variables.

Community
Intermediate