VS Code: different color themes for different projects 🌈

Hi, have you ever worked with multiple VSCode instances? 🔥

It's sometimes difficult to navigate between the different projects when using the same colorTheme ...

The solution:

Maybe you already know it, but you can have a different theme per workspace/folder by adjusting the workbench.colorTheme in the workspace settings.

1. Open a new VSCode window.
2. Open the project folder where you would like to have a different color theme.
3. Navigate to File > Preferences > Settings
4. Select the Workspace Settings tab at the top of the settings screen. Anything you edit in here will now be specific to this workspace.
5. Search for colorTheme and select the color theme you would like for this specific workspace.

Alternatively...

You can use a VSCode extension called Peacock wich subtly change the color of your Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code's Remote features, and you want to quickly identify your editor.

In the end...

I hope you’ll find these useful for yourself ! It's a game changer for me to boost my productivity 🎉🦥

---

And you ? What's your favorite hack to boost your productivity ? ❤

Comments

[Val Huber]

Perfect! I should have noticed this, but missed it. Very helpful, thanks for sharing!

[lennardv2]

Nice! I also created a "Project Colors" extension for this:

It also let's you create a Project Name and is easy to setup

marketplace.visualstudio.com/items...

[Camilo Martinez]

There is another solution. Create different flavors (environments) for different kinds of projects.

VSCode - React Flavored

Camilo Martinez ・ Sep 22 ・ 7 min read

#vscode #productivity #react #testing

[Maxime Kubik]

Awesome, level 9999 !

[Steve Farmer]

NICE, thank you!!