Use when implementing per-site themes, white-labeling, or brand override systems. Covers tenant-specific branding, theme inheritance, CSS variable hierarchies, and dynamic theme switching for multi-site CMS architectures.
View on GitHubmelodic-software/claude-code-plugins
content-management-system
plugins/content-management-system/skills/multi-site-theming/SKILL.md
January 21, 2026
Select agents to install to:
npx add-skill https://github.com/melodic-software/claude-code-plugins/blob/main/plugins/content-management-system/skills/multi-site-theming/SKILL.md -a claude-code --skill multi-site-themingInstallation paths:
.claude/skills/multi-site-theming/# Multi-Site Theming Guidance for implementing per-site themes, white-labeling, and brand customization in multi-site CMS architectures. ## When to Use This Skill - Implementing per-tenant or per-site branding - Designing theme inheritance hierarchies - Building white-label customization systems - Configuring dynamic theme switching - Managing brand overrides at runtime ## Theme Architecture ### Theme Hierarchy ```text ┌─────────────────────────────────────────────────────────────────┐ │ THEME HIERARCHY │ ├─────────────────────────────────────────────────────────────────┤ │ │ │ ┌─────────────────────────────────────────────────────────┐ │ │ │ BASE THEME │ │ │ │ (Default colors, typography, spacing, components) │ │ │ └─────────────────────────────────────────────────────────┘ │ │ │ │ │ ▼ │ │ ┌─────────────────────────────────────────────────────────┐ │ │ │ BRAND THEME │ │ │ │ (Corporate colors, fonts, logo, brand identity) │ │ │ └─────────────────────────────────────────────────────────┘ │ │ │ │ │ ▼ │ │ ┌─────────────────────────────────────────────────────────┐ │ │ │ SITE THEME │ │ │ │ (Site-specific overrides, micro-branding) │ │ │ └─────────────────────────────────────────────────────────┘ │ │ │ │ │ ▼ │ │ ┌────────────────────────────────────────────────────────