🎨
FrontendGo

Create Theme

by marcus

Create Theme is a Frontend skill for Claude Code, published by marcus in sidecar.

1K stars79 forkson marcus/sidecarAdded 2026/08/21Repository updated 2026/08/21
agentic-aiagentic-workflowsclaude-codetui
Install in seconds
Install Create Theme
Copy Create Theme into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/marcus/sidecar/tree/main/.claude/skills/create-theme ~/.claude/skills/create-theme

Requires Node.js. Downloads this skill only β€” not the rest of the repository β€” into your Claude Code skills folder.

Without Node.js

git clone https://github.com/marcus/sidecar.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
.claude/skills/create-theme/SKILL.md in marcus/sidecar
Installs to
~/.claude/skills/create-theme
Collection
One of 16 skills cataloged from this repository
Category
Frontend β€” 567 skills

What Create Theme does

Create Theme configures Sidecar color themes, including base theme selection, color overrides, gradient borders, tab styles, and syntax themes. Use it when creating or adjusting UI appearance or troubleshooting color and style issues.

Create Theme is cataloged under Frontend on DirSkills. Create Theme comes from a repository tagged agentic-ai, agentic-workflows, claude-code and tui.

Documentation

README

Create Theme

Configuration Location

Themes are configured in ~/.config/sidecar/config.json:

{
  "ui": {
    "showFooter": true,
    "showClock": true,
    "nerdFontsEnabled": false,
    "theme": {
      "name": "default",
      "overrides": {
        "primary": "#FF5500",
        "success": "#00FF00"
      }
    }
  }
}

Available Base Themes

Sidecar ships with 21 modern, contrast-compliant themes designed around a 7-step neutral ramp and single signature chrome accent:

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Create Theme

  • What else does marcus publish alongside Create Theme?

    Create Theme is one of 16 skills that DirSkills catalogs from marcus/sidecar, the repository it ships in. Its siblings there include Create Adapter, Create Modal and Create Plugin. Each one is a separate skill with its own page in this directory, installs the same way Create Theme does, and is maintained by marcus in that same repository. The rest of the collection is listed on the marcus/sidecar page.

  • How does Create Theme compare to other Frontend skills?

    Create Theme ranks #319 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Create Theme against them. Open each page to compare what they document and how they install.

More from marcus/sidecar

Create Theme is one of 16 skills cataloged on DirSkills from marcus/sidecar.

See all 16 skills β†’
πŸ”Œ
1w ago

Create Adapter

Create Adapter covers building conversation adapters that import AI chat history from tools like Claude Code, Cursor, Warp, and Codex. Use it when creating or debugging an adapter’s parsing, caching, watch handling, or performance behavior.
AI Engineering
1K79
πŸͺŸ
1w ago

Create Modal

Create Modal builds declarative dialogs with the internal/modal library, including confirm, input, select, form, and custom sections. Use it when adding modals or dialogs that need built-in keyboard, mouse, and overlay handling.
Frontend
1K79
🧩
1w ago

Create Plugin

Create Plugin explains how to build Sidecar plugins that implement the plugin interface, render Bubble Tea views, and wire keyboard input, footer hints, event bus, and lifecycle hooks. Use it when adding a plugin or debugging plugin rendering and init/stop behavior.
AI Engineering
1K79
πŸͺŸ
1w ago

Drag Pane

Drag Pane implements drag-to-resize behavior for two-pane layouts. Use it when adding or fixing divider dragging, width clamping, mouse hit regions, or saved pane widths.
Frontend
1K79
🚩
1w ago

Feature Flags

Feature Flags gates experimental functionality in Sidecar with user-configurable settings. Use it to register flags, check them in code, and manage config or CLI overrides with clear priority rules.
DevOps
1K79
✏️
1w ago

Inline Editor

Inline Editor adds in-pane file editing in the file browser preview using a tmux PTY backend. Use it when working on inline editing flows, text input, or editor input and rendering issues.
Frontend
1K79