Status bar background color
Problem
The blue color is very distracting.. a way to change the color of that would be great! <img src="http://content.screencast.com/users/joe-watkins-emerge/folders/Snagit/media/412cd601-ba5d-4ccf-a0b5-25bc36237ff0/2016-01-08_10-14-31.png">
Unverified for your environment
Select your OS to check compatibility.
1 Fix
Change Status Bar Background Color in VSCode
The default blue color of the status bar in Visual Studio Code is part of the built-in theme settings. This color can be distracting for users who prefer a different visual aesthetic or require a more subdued color scheme for better focus.
Awaiting Verification
Be the first to verify this fix
- 1
Open User Settings
Launch Visual Studio Code and open the User Settings by clicking on the gear icon in the lower left corner and selecting 'Settings'. Alternatively, you can use the shortcut Ctrl + , (Windows/Linux) or Cmd + , (Mac).
- 2
Access JSON Settings
In the Settings tab, click on the icon in the top right corner that looks like a document with an arrow to open the settings in JSON format. This allows for more precise customization.
json// Open settings in JSON format - 3
Add Status Bar Color Customization
In the JSON settings file, add or modify the following entry to change the status bar background color. Replace '#007ACC' with your desired color code.
json"workbench.colorCustomizations": { "statusBar.background": "#007ACC" } - 4
Save and Restart
After adding the color customization, save the settings file. Restart Visual Studio Code to ensure the changes take effect.
Validation
To confirm the fix worked, check the status bar at the bottom of the VSCode window after restarting. The background color should reflect the new color you specified in the settings.
Sign in to verify this fix
Environment
Submitted by
Alex Chen
2450 rep