essentials-theme

Create subthemes extending silverstripe-essentials-theme by overriding CSS and Bootstrap variables.

Updated Jun 18, 2026
One-click install
npx skills add https://github.com/muskie9/agents --skill essentials-theme
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: essentials-theme
Source: https://github.com/muskie9/agents/tree/main/skills/essentials-theme
Command: npx skills add https://github.com/muskie9/agents --skill essentials-theme

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps to create and customize subthemes that extend the silverstripe-essentials-theme, allowing users to personalize their website's look and feel without altering the base theme.

Core Features & Use Cases

  • Subtheme Creation: Guide users through setting up and customizing subthemes.
  • CSS Variable Override: Provide instructions for overriding CSS variables for a tailored look.
  • Bootstrap Variable Override: Offer guidance on overriding Bootstrap variables.
  • Theme Configuration: Explain how to configure themes in the site's _config/theme.yml.
  • Quick Start: Create a subtheme and customize it.

Quick Start

Create a subtheme for silverstripe-essentials-theme by following the instructions provided in the SKILL.md.

Frequently Asked Questions about essentials-theme

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

FAQPage Schema
How do I create a subtheme for a SilverStripe site without modifying the base theme?

To create a subtheme for a SilverStripe site, you extend the silverstripe-essentials-theme by setting up a new subtheme directory and configuring it in the site's _config/theme.yml file. This approach overrides the base theme without altering core files.

How do I override Bootstrap variables in a SilverStripe theme?

You override Bootstrap variables in a SilverStripe theme by utilizing the subtheme creation process provided by the silverstripe-essentials-theme. This Skill guides you through customizing Bootstrap variables to tailor your site's aesthetic with minimal core modification.

What is the best way to customize CSS variables in SilverStripe?

The best way to customize CSS variables in SilverStripe is by creating a subtheme that extends the silverstripe-essentials-theme. This method allows you to safely override CSS variables for a tailored look while keeping the base theme intact.

Can I adjust my website aesthetic by overriding CSS variables in SilverStripe?

Yes, you can adjust your website aesthetic by overriding CSS variables in SilverStripe. The silverstripe-essentials-theme enables site administrators to personalize site appearance by overriding both CSS and Bootstrap variables through a dedicated subtheme.

How do I configure a new subtheme in theme.yml for SilverStripe?

To configure a new subtheme in theme.yml for SilverStripe, you follow the theme configuration instructions provided by the silverstripe-essentials-theme Skill. This setup registers your custom subtheme so it properly extends the base design.

Does the silverstripe-essentials-theme require modifying core files to change site appearance?

No, the silverstripe-essentials-theme does not require modifying core files to change site appearance. You can personalize your website's look and feel by creating and customizing a subtheme that safely extends the base theme.