Notes

Color coding VS code windows

Different colored VS Code title bars for different projects

Edit on GitHub

Web Development

Changing the color is an excellent visual cue when you have multiple VS Code instances open and switch between them constantly. For me, having 3 VS code instances open is fairly common. One for my notes, one for the project i am coding in, one for something related to that project.

You can change the title bar to the brand color of the project. That way you can quickly differentiate between different client projects

1mkdir .vscode/
2touch .vscode/settings.json

Your settings.json would look like this

1{
2  "workbench.colorCustomizations": {
3    "titleBar.activeForeground": "#000",
4    "titleBar.inactiveForeground": "#000000CC",
5    "titleBar.activeBackground": "#FFC600",
6    "titleBar.inactiveBackground": "#FFC600CC"
7  }
8}

Make sure you set window.titleBarStyle to custom in VS Code settings. By default the value is set to native.

screenshot for VS code title bar style

1"window.titleBarStyle": "custom"