Skip to content

Latest commit

 

History

2 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

🎨 claude-code-themes

Beautiful terminal themes for Claude Code — Nord, Catppuccin, Dracula, Tokyo Night, Gruvbox.

demo

curl -fsSL https://raw.githubusercontent.com/YOUR_USERNAME/claude-code-themes/main/install.sh | bash

Themes

Theme Vibe
nord 🧊 Cool blues and arctic whites
catppuccin-mocha 🌸 Warm pastels on deep mocha
dracula 🧛 Classic dark with vivid purples
tokyo-night 🌃 Deep blue Tokyo after dark
gruvbox 🌲 Earthy retro warmth

Usage

# Apply a theme
claude-theme apply catppuccin-mocha

# List all themes
claude-theme list

# Preview themes with color swatches
claude-theme preview

# See what's active
claude-theme current

# Reset to Claude Code defaults
claude-theme reset

After applying, open Claude Code and run:

/color #cba6f7

...using the matching prompt bar color for your theme.

What each theme configures

Each theme is a bundle of three things:

  1. ~/.claude/settings.json — statusline style, syntax highlighting, diff style
  2. Shell env varsCLAUDE_CODE_THEME, COLORTERM=truecolor (fixes washed-out colors over SSH)
  3. Oh My Posh statusline (optional) — a matching statusline config if you have Oh My Posh installed

Oh My Posh integration

If you have Oh My Posh installed, you get a matching statusline that shows your current Claude model, token usage, and session cost — styled to your theme.

Add this to ~/.claude/settings.json after applying a theme:

{
  "statusLine": {
    "type": "command",
    "command": "oh-my-posh claude --config ~/.claude-themes/themes/catppuccin-mocha.omp.json",
    "padding": 0
  }
}

Honest limitations

Claude Code's interactive UI elements (prompts, selection highlights, diffs) use hardcoded RGB values that your terminal theme cannot override. This is a known open issue.

What this repo can control:

  • ✅ The /theme setting (dark/light/ansi/daltonized)
  • ✅ The prompt bar color (via /color)
  • ✅ The statusline content and style
  • ✅ Shell environment for truecolor rendering
  • ✅ Oh My Posh statusline design

What it cannot control (yet):

  • ❌ Background color of diff blocks
  • ❌ Selection highlight colors in yes/no prompts
  • ❌ The core TUI palette (hardcoded by Anthropic)

When Anthropic ships custom theme support (issue #1302), this repo will be first to support it.

Manual install

git clone https://github.com/YOUR_USERNAME/claude-code-themes.git
cd claude-code-themes
chmod +x bin/claude-theme install.sh
cp bin/claude-theme ~/.local/bin/claude-theme

# Download theme assets
mkdir -p ~/.claude-themes/themes
for t in nord catppuccin-mocha dracula tokyo-night gruvbox; do
  cp themes/$t/claude-settings.json ~/.claude-themes/themes/$t.claude.json
  cp themes/$t/omp.json              ~/.claude-themes/themes/$t.omp.json
  cp themes/$t/env.sh                ~/.claude-themes/themes/$t.env.sh
done

Contributing a theme

  1. Create a folder: themes/your-theme-name/
  2. Add claude-settings.json, omp.json, env.sh
  3. Add your theme to the THEMES array in bin/claude-theme
  4. Open a PR with a screenshot

Recording screenshots

Highly recommended: use vhs to record terminal gifs.

brew install vhs
vhs demo.tape

Star the repo if you find it useful. Follow for updates when Anthropic ships deeper theme support.

About

No description or website provided.

Topics

Resources

Stars

10 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages