🌈 VSCode Workbench Color Customization

  • make sure you have Title Bar Style set to custom (hit Cmd + , to get to VSCode settings page and search for the word title)
  • then switch to Workspace tab and edit the settings.json
  • after you click on Edit in settings.json you will see the following
{ "folders": [  {    "path": "path_to_your_project"  } ], "settings": {}}
{ "folders": [  {   "path": "path_to_your_project"  } ], "settings": {  "workbench.colorCustomizations":   {     "titleBar.activeForeground": "#color_of_your_choice",     "titleBar.inactiveForeground": "#color_of_your_choice",     "titleBar.activeBackground": "#color_of_your_choice",     "titleBar.inactiveBackground": "#color_of_your_choice",   }  }}

--

--

--

Everything is unknown until it’s known. Self-learner.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
theUnknown

theUnknown

Everything is unknown until it’s known. Self-learner.

More from Medium

How to add bootstrap styles to your html document in Visual Studio Code

Supercharged Visual Studio Code — Part 1

How to Create Multi-Level headers (Bands) in a .NET Datagrid

Optimise your time by creating your own snippets in VS Code