Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Git Worktree ColorNew to Visual Studio Code? Get it now.
Git Worktree Color

Git Worktree Color

Garret Meier

| (0) | Free
Color your VSCode Window in git worktrees based on the branch name.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Worktree Color

Deterministically colors your VS Code window based on the current git branch. Same branch = same color, every time. Useful for distinguishing multiple worktree windows at a glance.

Installation

npm install && npm run compile && npm run package
code-insiders --install-extension wt-color-0.1.0.vsix

Or for development, symlink directly:

npm install && npm run compile
ln -s ~/git/wt-color ~/.vscode-insiders/extensions/wt-color

Reload VS Code after installing.

Settings

Setting Default Description
wtColor.enabled true Turn the extension on/off.
wtColor.palette [] (built-in) Custom hex color palette.
wtColor.colorTitleBarText true Auto-pick readable text color for colored areas.
wtColor.areas ["titleBar", "activityBar", "statusBar"] Which UI areas to color.

Areas

┌──────────────────────────────────────────────────────────────┐
│                        titleBar                              │
├───┬──────────────────────────────────────────────────────────┤
│   │  tab tab tab                                             │
│ a ├──────────────────────────────────────────────────────────┤
│ c │               │                                          │
│ t │   sideBar     │         editor (not colored)             │
│ i │               │                                          │
│ v │               ├──────────────────────────────────────────┤
│ i │               │         panel                            │
│ t │               │  (terminal, output, problems)            │
│ y ├───────────────┴──────────────────────────────────────────┤
│ B │                                                          │
│ a │                     statusBar                            │
│ r │                                                          │
└───┴──────────────────────────────────────────────────────────┘
"border" adds a colored line between sections.

Available values: titleBar, activityBar, statusBar, sideBar, tab, panel, border.

Custom palette

Override the built-in 12-color palette with your own hex codes:

{
  "wtColor.palette": ["#2d1b36", "#1b2d36", "#362d1b", "#1b362d", "#361b2d"]
}

Use dark/muted colors so text stays readable. More colors = fewer branch collisions. Changing palette size reshuffles assignments.

Commands

Command Description
Worktree Color: Refresh Force-refresh the color.
Worktree Color: Show Show the detected branch and its assigned color.

How it works

The extension hashes the branch name (djb2) and maps it to a palette index. It writes to workbench.colorCustomizations in the workspace-level .vscode/settings.json, only touching keys for enabled areas. Your other color customizations are preserved.

Uninstalling

code-insiders --uninstall-extension ghmeier.wt-color

You may want to clean up titleBar.* / activityBar.* entries from .vscode/settings.json in affected workspaces.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft