DEV Community

loading...
Cover image for VS Code: different color themes for different projects 🌈

VS Code: different color themes for different projects 🌈

Kubdev
Hi! I am Software Dev πŸ‡«πŸ‡·. I build apps for the BIM / CAO industry.
・1 min read

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.

Alt Text

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 ? ❀

Discussion (2)

Collapse
equiman profile image
Camilo Martinez

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

Collapse
mkubdev profile image
Kubdev Author

Awesome, level 9999 !