livlign

Ccthemes — Development skill for Claude Code

Development community

A curated gallery of color themes for Claude Code.

How to install Ccthemes

This entry records only its repository, not the path inside it, so there is no exact command to give. Open livlign/ccthemes and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Ccthemes does

A curated gallery of color themes for Claude Code.

Alternatives in Development

HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★
Petdex — A public gallery of animated pets for Codex, Claude Code, DeepSeek Harness, Hermes, OpenCode, Gemini CLI, and 4k ★
Gallery — Build a static, shareable gallery from your fidelity reports — an index of score cards plus a permalink page ( 3.6k ★

README

ccthemes

A curated gallery of **custom color themes for [Claude Code](https://claude.com/claude-code)**. Dozens of hand-tuned dark and light themes that drop straight into your `/theme` picker, plus a builder for your own and a one-command way to contribute it back.

/plugin marketplace add livlign/ccthemes
/plugin install theme-gallery@ccthemes

Then open `/theme` and pick one. It recolors Claude Code's accent, diffs, status, and borders, and hot-reloads live.

Requires Claude Code **v2.1.118+** (custom theme support).

The gallery

![Every theme in ccthemes, each shown as a palette card with its accent, status colors, and diff bars](.github/gallery.png)

What you get


A full picker of themes	Dracula, Nord, Gruvbox, Tokyo Night, Everforest, Catppuccin, Solarized, Synthwave, Amber CRT, Porcelain, and more, in both dark and light. Shipped by the plugin, so they appear in `/theme` alongside the built-ins.
`/theme-gallery:theme-custom`	Build your own: pick a base and accent, and it writes and activates a valid theme file for you.
`/theme-gallery:theme-contribute`	Validate one of your themes and open a PR to add it to this gallery.

Every theme sets the tokens that actually change how Claude Code looks: the `claude` accent (spinner, assistant label), `diffAdded` and `diffRemoved` line backgrounds tuned to each theme's own hue, `success`, `error`, `warning`, and the mode and prompt borders.

Themes as files

Each theme is a small JSON file in [`plugins/theme-gallery/themes/`](plugins/theme-gallery/themes/), in the shape `{ "name", "base", "overrides" }`, exactly the format Claude Code reads from `~/.claude/themes/`. Shipped themes appear as `custom:theme-gallery:` and are read-only; press `Ctrl+E` on one in `/theme` to fork it into your own editable copy.