skills.rest
marcus
marcusCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

create-theme

Configure and apply custom Sidecar themes via a configuration file.

1.0k|79|Updated Dec 26, 2025
Search Tags:#ui#customization#theme#color#palette#per-project#sidecar
One-click install
npx skills add https://github.com/marcus/sidecar --skill create-theme
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-theme
Source: https://github.com/marcus/sidecar/tree/main/.claude/skills/create-theme
Command: npx skills add https://github.com/marcus/sidecar --skill create-theme

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Sidecar theme configuration and customization to control UI appearance across base themes, color overrides, and per-project setups.

Core Features & Use Cases

  • Base theme management: choose among predefined bases (default, dracula, nord, etc.) to bootstrap a cohesive look.
  • Color overrides & per-project theming: tailor accents and palettes for individual projects and team needs.
  • Programmatic theme registration: register themes via a script or API to apply consistent branding programmatically.

Quick Start

Edit ~/.config/sidecar/config.json to set a base theme and overrides, then restart Sidecar to apply the new theme.

Frequently Asked Questions about create-theme

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

FAQPage Schema
How do I customize my Sidecar UI theme colors?▼

Sidecar theme customization is done by editing ~/.config/sidecar/config.json to select a base theme and define color overrides. You can tailor accents and palettes for individual projects, then restart Sidecar to apply the changes.

Can I apply a different color palette for each project in Sidecar?▼

Yes, per-project theming allows you to apply distinct color palettes and UI appearances to individual projects. You configure these tailored overrides within your configuration file to meet specific project or team needs.

What base themes are available for Sidecar configuration?▼

Sidecar supports predefined base themes including default, dracula, and nord. These bases bootstrap a cohesive look that you can further customize using color overrides, gradient borders, and tab styles.

How do I programmatically register a custom theme in Sidecar?▼

Programmatic theme registration in Sidecar is achieved via a script or API. This allows you to apply consistent branding and UI appearance programmatically across environments instead of manual configuration.

Does Sidecar theming support gradient borders and tab styles?▼

Yes, Sidecar theming supports gradient borders and tab styles. You configure these visual UI elements alongside base themes and color overrides within your configuration file to control the overall appearance.

Related Skills

Explore More Design & Creative Skills→
Z-M-HuangZ-M-Huang
14

vcp-init

Create global and project VCP config files and detect plugin paths.

Community
Intermediate
yahav123147yahav123147

tailwind-gradient-builder

Generates Tailwind CSS gradient code patterns for backgrounds, text, borders, overlays, and animations.

Community
Intermediate
EzioPeterEzioPeter
1

theme-factory

Apply cohesive themes to standardize styling across presentations, documents, and web artifacts.

Community
Intermediate
rakibulismrakibulism
2

theme-factory

Apply curated color palettes and typography to presentation decks.

Community
Intermediate