DEV Community 👩‍💻👨‍💻


Posted on

Color your VS code for multiple workspaces

Alt Text

Problem : Working with multiple projects in VS code and setting VScode color for specific project to better identify on which project you are on.

Solution : There are plugins Peacock and Window Colors

But if you just want to color your editor and do not want other features these plugins provide, then don't install these plugins and just override vscode settings in 3 simple steps as below.

Step 1.

Create ".vscode" folder in your project and create "settings.json" file in this folder. (If it is already there just edit and add settings as in step 2)

Step 2.

Paste below content in settings.json (choose your favorite colors)
For more settings on Activity Bar, Progress Bar and Sidebar Check This

    "workbench.colorCustomizations": {
        "activityBar.background": "#958342",
        "statusBar.background": "#b49f56",
        "titleBar.activeBackground": "#b49f56",
        "titleBar.activeForeground": "#FAFAFD"

Step 3.

Copy and paste this .vscode folder(with settings.json) file in all your projects and change colors that you like for specific project. Now you have VS Code of specific color for your particular project.

Top comments (0)

"I made 10x faster JSON.stringify() functions, even type safe"

☝️ Must read for JS devs