Claude Code themes

Community themes for Claude Code. Use tweakcc to apply them.

Usage

To install and use a Claude Code theme:

1. Run npx tweakcc to open the tweakcc TUI.
2. Go to Themes.
3. Go to Browse community themes…
4. Navigate themes using the arrow keys; press space to preview the theme, enter to install the theme, or esc to exit.

Contributing

To add a new theme:

1. Create a JSON file in themes/ named <theme-id>.json in the format:

{
  "name": "Theme Display Name",
  "id": "theme-id",
  "author": "your-github-username",
  "colors": {
    // (see theme template below)
  }
}

1. Make sure the theme's id matches its filename.
2. Add the theme to index.json in the format:

{
  "name": "Theme Display Name",
  "id": "theme-id",
  "author": "your-github-username"
}

1. Run the following commands to install dependencies, format, and validate:

pnpm install
pnpm run format
pnpm run validate

1. Open a PR.

Validation rules

• name must be 1-80 characters and cannot contain carriage returns, newlines, tabs, backticks, backslashes, <, or >.
• id must be lowercase kebab-case.
• author must be a valid GitHub username.
• Every value in colors must be either rgb(r,g,b) or ansi:name.
• Supported ANSI color names for ansi:name are: black, red, green, yellow, blue, magenta, cyan, white, gray, grey, blackBright, redBright, greenBright, yellowBright, blueBright, magentaBright, cyanBright, and whiteBright.

Theme template

{
  "name": "Theme Display Name",
  "id": "theme-id",
  "author": "your-github-username",
  "colors": {
    "autoAccept": "rgb(r,g,b)",
    "bashBorder": "rgb(r,g,b)",
    "claude": "rgb(r,g,b)",
    "claudeShimmer": "rgb(r,g,b)",
    "claudeBlue_FOR_SYSTEM_SPINNER": "rgb(r,g,b)",
    "claudeBlueShimmer_FOR_SYSTEM_SPINNER": "rgb(r,g,b)",
    "permission": "rgb(r,g,b)",
    "permissionShimmer": "rgb(r,g,b)",
    "planMode": "rgb(r,g,b)",
    "ide": "rgb(r,g,b)",
    "promptBorder": "rgb(r,g,b)",
    "promptBorderShimmer": "rgb(r,g,b)",
    "text": "rgb(r,g,b)",
    "inverseText": "rgb(r,g,b)",
    "inactive": "rgb(r,g,b)",
    "subtle": "rgb(r,g,b)",
    "suggestion": "rgb(r,g,b)",
    "remember": "rgb(r,g,b)",
    "background": "rgb(r,g,b)",
    "success": "rgb(r,g,b)",
    "error": "rgb(r,g,b)",
    "warning": "rgb(r,g,b)",
    "warningShimmer": "rgb(r,g,b)",
    "diffAdded": "rgb(r,g,b)",
    "diffRemoved": "rgb(r,g,b)",
    "diffAddedDimmed": "rgb(r,g,b)",
    "diffRemovedDimmed": "rgb(r,g,b)",
    "diffAddedWord": "rgb(r,g,b)",
    "diffRemovedWord": "rgb(r,g,b)",
    "diffAddedWordDimmed": "rgb(r,g,b)",
    "diffRemovedWordDimmed": "rgb(r,g,b)",
    "red_FOR_SUBAGENTS_ONLY": "rgb(r,g,b)",
    "blue_FOR_SUBAGENTS_ONLY": "rgb(r,g,b)",
    "green_FOR_SUBAGENTS_ONLY": "rgb(r,g,b)",
    "yellow_FOR_SUBAGENTS_ONLY": "rgb(r,g,b)",
    "purple_FOR_SUBAGENTS_ONLY": "rgb(r,g,b)",
    "orange_FOR_SUBAGENTS_ONLY": "rgb(r,g,b)",
    "pink_FOR_SUBAGENTS_ONLY": "rgb(r,g,b)",
    "cyan_FOR_SUBAGENTS_ONLY": "rgb(r,g,b)",
    "professionalBlue": "rgb(r,g,b)",
    "rainbow_red": "rgb(r,g,b)",
    "rainbow_orange": "rgb(r,g,b)",
    "rainbow_yellow": "rgb(r,g,b)",
    "rainbow_green": "rgb(r,g,b)",
    "rainbow_blue": "rgb(r,g,b)",
    "rainbow_indigo": "rgb(r,g,b)",
    "rainbow_violet": "rgb(r,g,b)",
    "rainbow_red_shimmer": "rgb(r,g,b)",
    "rainbow_orange_shimmer": "rgb(r,g,b)",
    "rainbow_yellow_shimmer": "rgb(r,g,b)",
    "rainbow_green_shimmer": "rgb(r,g,b)",
    "rainbow_blue_shimmer": "rgb(r,g,b)",
    "rainbow_indigo_shimmer": "rgb(r,g,b)",
    "rainbow_violet_shimmer": "rgb(r,g,b)",
    "clawd_body": "rgb(r,g,b)",
    "clawd_background": "rgb(r,g,b)",
    "userMessageBackground": "rgb(r,g,b)",
    "bashMessageBackgroundColor": "rgb(r,g,b)",
    "memoryBackgroundColor": "rgb(r,g,b)",
    "rate_limit_fill": "rgb(r,g,b)",
    "rate_limit_empty": "rgb(r,g,b)"
  }
}