Get rid of boring VScode workspaces
WorkSpace Colors
Pick like a pro!
Installation
- Open
Extensions in VS Code. Go to View -> Extensions in Menu Bar.
- Search for
Workspace Colors
- Click on
Install button to install it.
Activating the Extension
- As soon as its installed its activated.
- Now open an existing repository in vscode.
- You can see the workspace color updated for the selected workspace.
To change Colors on Every launch of a project
- Go to
.vscode/settings.json in project's root directory.
- under
workbench.colorCustomizations update iLoveWorkSpaceRandom to true
- Example
"workbench.colorCustomizations": {
"activityBar.foreground": "#000000",
"iLoveWorkSpaceColors": true,
"iLoveWorkSpaceRandom": true
}
To use a lite version [updates color in title bar and activity icons] (preferable when you feel its over colored)
- Open
Command Palette in VS Code. Go to View -> Command Palette in Menu Bar [ OR ] cmd + shift + p / ctrl + shift + p
- Search for
Switch to workspace Color - Lite and select it
To switch from Lite version to Regular
- Open
Command Palette in VS Code. Go to View -> Command Palette in Menu Bar [ OR ] cmd + shift + p / ctrl + shift + p
- Search for
Switch to workspace Color - Regular and select it
To change Color [when you don't like the existing color of workspace]
- Open
Command Palette in VS Code. Go to View -> Command Palette in Menu Bar [ OR ] cmd + shift + p / ctrl + shift + p
- Search for
Change Workspace Color and select it
OR
- Go to
.vscode/settings.json in project's root directory.
- under
workbench.colorCustomizations remove iLoveWorkSpaceColors key.
- This needs a re-launch, the command palette method is easy and handy
- Example
"workbench.colorCustomizations": {
"activityBar.foreground": "#000000",
"iLoveWorkSpaceRandom": false
}
To change Colors by your choice
- Go to
.vscode/settings.json in project's root directory.
- under
workbench.colorCustomizations update the keys mentioned below with two colors,
- one for background and other for forground
- Example
"workbench.colorCustomizations": {
"titleBar.activeForeground": "#FFFFFF",
"activityBar.foreground": "#FFFFFF",
"statusBar.foreground": "#FFFFFF",
"titleBar.activeBackground": "#9e301a",
"activityBar.background": "#9e301a",
"statusBar.background": "#9e301a",
}
To stop changing Colors on specific projects
- Go to
.vscode/settings.json in project's root directory.
- under
workbench.colorCustomizations update iLoveWorkSpaceColors to false
- Example
"workbench.colorCustomizations": {
"activityBar.foreground": "#000000",
"iLoveWorkSpaceColors": false,
"iLoveWorkSpaceRandom": false
}
Using with git repos
To avoid checking .vscode/settings.json in to your remote repository, modify .gitignore as either:
locally: add .vscode/settings.json to your
project's .git/info/exclude file
or
globally: create and use a global .gitignore_global file like so:
git config --global core.excludesfile ~/.gitignore_global
Enjoy!
