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.