Skip to content

Piebald-AI/tweakcc

Repository files navigation

🎨 tweakcc

tweakcc on npm Mentioned in Awesome Claude Code

tweakcc is a lightweight, interactive CLI tool that lets you personalize your Claude Code interface.

  • Create custom themes with a graphical HSL/RGB color picker
  • Add custom thinking verbs that will show while Claude's working
  • Pick from over 70+ spinning/thinking animations from cli-spinners
  • (WIP) Apply custom styling to the markdown elements in Claude's responses like code, bold, headers, etc
  • Style the user messages in the chat history beyond the default plain gray text
  • Change the "CLAUDE CODE" banner text to your own text with your own figlet fonts
  • Supports Claude Code installed on Windows, macOS, and Linux, using npm, yarn, pnpm, bun, Homebrew, nvm, fnm, n, volta, nvs, and nodenv, or a custom location

Run without installation:

$ npx tweakcc

# Or use pnpm:
$ pnpm dlx tweakcc

Demo:

Animated GIF demonstrating launching tweakcc, creating a new theme, changing its colors, applying the customimations, launching Claude Code, and selecting and trying out the new theme

How it works

tweakcc works by patching the Claude Code's minified cli.js file. When you update your Claude Code installation, your customizations will be overwritten, but they're remembered in your ~/.tweakcc/config.js configuration file, so they can be reapplied by just rerunning the tool.

Works with Claude Code 1.0.88

Running

Run with installing it with npx tweakcc. Or build and run it locally:

git clone https://github.com/Piebald-AI/tweakcc.git
cd tweakcc
pnpm i
pnpm build
node dist/index.js

Related projects

  • ccstatusline - Highly customizable status line formatter for Claude Code CLI that displays model info, git branch, token usage, and other metrics in your terminal.
  • claude-powerline - Vim-style powerline statusline for Claude Code with real-time usage tracking, git integration, and custom themes.

FAQ

How can I customize my Claude Code theme?

Run npx tweakcc, go to Themes, and modify existing themes or create a new one. Then go back to the main menu and choose Apply customizations to cli.js.

Why isn't all the text in Claude Code is getting its color changed?

Some of the text Claude Code outputs has no coloring information at all, and unfortunately, that text is rendered using your terminal's default text foreground color and can't be customized.

Is there a way to disable colored output in Claude Code altogether?

Yes! You can use the FORCE_COLOR environment variable, a convention which many CLI tools including Claude Code respect. Set it to 0 to disable colors entirely in Claude Code.

Why isn't my new theme being applied?

Could you have have forgotten to actually set Claude Code's theme to your new theme? Run claude and then use /theme to switch to your new theme if so.

tweakcc vs. tweakcn...?

tweakcn, though similarly named, is unrelated to tweakcc or Claude Code. It's a tool for editing your shadcn/ui themes. Check it out!

License

MIT

Copyright © 2025 Piebald LLC.