DEV Community

Cover image for πŸš€ Gitina: Automatically Color Your VS Code Based on Git Branch
khechinimed
khechinimed

Posted on

πŸš€ Gitina: Automatically Color Your VS Code Based on Git Branch

πŸš€ I just published a VS Code extension I’ve been working on: Gitina

It automatically changes your editor UI colors based on the active Git branch.

Let’s be honest β€” we’ve all accidentally committed code to the wrong branch at least once.

πŸ‘‰ https://marketplace.visualstudio.com/items?itemName=khechinimohamed.gitina&ssr=false#overview


πŸ’‘ Why Gitina?

The idea is simple: make your working context instantly visible so you always know which branch you’re on β€” no more surprises.

As far as I know, there isn’t any existing extension that does this in a fully dynamic and customizable way.


🧠 How it works

Gitina detects your current branch and updates:

β€’ Status bar
β€’ Title bar
β€’ Activity bar

Changes happen instantly when you switch branches.


βš™οΈ Key features

β€’ Regex-based rules (feature/*, hotfix/*, etc.)
β€’ Fully customizable colors
β€’ Dedicated sidebar to manage rules & current state
β€’ Quick setup via Command Palette (no JSON needed)
β€’ Visual alerts for sensitive branches (main, production, etc.)
β€’ Import/export configs to share with your team


🎨 Example setup

β€’ main β†’ visual alert
β€’ develop β†’ green
β€’ feature/* β†’ yellow
β€’ hotfix/* β†’ red

(fully customizable to match your workflow)


πŸ’¬ The goal: reduce mistakes and improve awareness with a simple visual cue.

Would love your feedback or ideas πŸ™Œ

vscode #git #devtools #productivity #softwareengineering #webdevelopment #devops

Top comments (0)