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

Git Remote Color

jpoehnelt

|
12 installs
| (0) | Free
Automatically colors your VS Code workspace based on the git remote URL. Every repo gets its own unique, consistent color.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Git Remote Color

Visual Studio Marketplace Version Open VSX Version

Automatically colors your VS Code workspace based on the git remote URL. Every repository gets its own unique, consistent color — no manual setup required.

Inspired by Peacock, but fully automatic using a deterministic hash of your git remote.

Read more about the motivation in the blog post.

How It Works

  1. On startup, the extension reads the git remote URL (default: origin)
  2. The URL is normalized and hashed (FNV-1a) to produce a number
  3. The number maps to a hue on the HSL color wheel
  4. The resulting color is applied to your status bar

The same remote always produces the same color, so your workspace looks consistent across sessions and machines.

Features

  • Zero configuration — colors are applied automatically on workspace open
  • Deterministic — same remote = same color, always
  • URL normalization — git@github.com:foo/bar.git and https://github.com/foo/bar.git produce the same color
  • Element control — toggle status bar color adjustment
  • Adjustable palette — customize saturation and lightness
  • Manual override — set a specific hex color to bypass auto-detection
  • Status bar indicator — shows the current color hex at a glance

Commands

Command Description
Git Remote Color: Refresh Color from Git Remote Re-detect the remote and apply color
Git Remote Color: Reset Workspace Colors Remove all managed color customizations
Git Remote Color: Show Current Color Display the current color and remote info

Settings

Setting Default
gitRemoteColor.saturation 50
gitRemoteColor.lightness 40
gitRemoteColor.colorOverride ""
gitRemoteColor.remoteName "origin"
gitRemoteColor.elementAdjustments (see below)

Default elementAdjustments:

{ "statusBar": "none" }

License

Apache License 2.0

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