Color your VS code for multiple workspaces

Foolish — Thu, 10 Sep 2020 08:53:10 +0000

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.

DEV Community: Foolish

Color your VS code for multiple workspaces

Step 1.

Step 2.

Step 3.