statusBarItem.activeBackground
status bar item active background. Status Bar item background color when clicking.
Group: Status Bar colors
Where status bar item active background paints
This sample moves from #252526 to #1a5276, then back.
How to change status bar item active background color in Visual Studio Code
macOS
- Open settings.json. Press Shift+Command+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
- Set this color id. Add status bar item active background under workbench.colorCustomizations. Status Bar item background color when clicking. Use a hex color such as #1a5276.
- Save the file. Press Command+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.
Windows
Linux uses the same shortcuts.
- Open settings.json. Press Shift+Ctrl+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
- Set this color id. Add status bar item active background under workbench.colorCustomizations. Status Bar item background color when clicking. Use a hex color such as #1a5276.
- Save the file. Press Ctrl+S to save settings.json. Visual Studio Code applies the override on top of the active color theme. Remove the entry to use the theme color again.
{
"workbench.colorCustomizations": {
"statusBarItem.activeBackground": "#1a5276"
}
}Other Status Bar colors
- statusBar.background
Standard Status Bar background color.
- statusBar.foreground
Status Bar foreground color.
- statusBar.border
Status Bar border color separating the Status Bar and editor.
- statusBar.debuggingBackground
Status Bar background color when a program is being debugged.
- statusBar.debuggingForeground
Status Bar foreground color when a program is being debugged.
- statusBar.debuggingBorder
Status Bar border color separating the Status Bar and editor when a program is being debugged.
- statusBar.noFolderForeground
Status Bar foreground color when no folder is opened.
- statusBar.noFolderBackground
Status Bar background color when no folder is opened.
- statusBar.noFolderBorder
Status Bar border color separating the Status Bar and editor when no folder is opened.
- statusBarItem.hoverForeground
Status bar item foreground color when hovering. The status bar is shown in the bottom of the window.
- statusBarItem.hoverBackground
Status Bar item background color when hovering.
- statusBarItem.prominentForeground
Status Bar prominent items foreground color.
- statusBarItem.prominentBackground
Status Bar prominent items background color.
- statusBarItem.prominentHoverForeground
Status bar prominent items foreground color when hovering. Prominent items stand out from other status bar entries to indicate importance. The status bar is shown in the bottom of the window.
- statusBarItem.prominentHoverBackground
Status Bar prominent items background color when hovering.
- statusBarItem.remoteBackground
Background color for the remote indicator on the status bar.
- statusBarItem.remoteForeground
Foreground color for the remote indicator on the status bar.
- statusBarItem.remoteHoverBackground
Background color for the remote indicator on the status bar when hovering.
- statusBarItem.remoteHoverForeground
Foreground color for the remote indicator on the status bar when hovering.
- statusBarItem.errorBackground
Status bar error items background color. Error items stand out from other status bar entries to indicate error conditions.
- statusBarItem.errorForeground
Status bar error items foreground color. Error items stand out from other status bar entries to indicate error conditions.
- statusBarItem.errorHoverBackground
Status bar error items background color when hovering. Error items stand out from other status bar entries to indicate error conditions. The status bar is shown in the bottom of the window.
- statusBarItem.errorHoverForeground
Status bar error items foreground color when hovering. Error items stand out from other status bar entries to indicate error conditions. The status bar is shown in the bottom of the window.
- statusBarItem.warningBackground
Status bar warning items background color. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window.
- statusBarItem.warningForeground
Status bar warning items foreground color. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window.
- statusBarItem.warningHoverBackground
Status bar warning items background color when hovering. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window.
- statusBarItem.warningHoverForeground
Status bar warning items foreground color when hovering. Warning items stand out from other status bar entries to indicate warning conditions. The status bar is shown in the bottom of the window.
- statusBarItem.compactHoverBackground
Status bar item background color when hovering an item that contains two hovers. The status bar is shown in the bottom of the window.
- statusBarItem.focusBorder
Status bar item border color when focused on keyboard navigation. The status bar is shown in the bottom of the window.
- statusBar.focusBorder
Status bar border color when focused on keyboard navigation. The status bar is shown in the bottom of the window.
- statusBarItem.offlineBackground
Status bar item background color when the workbench is offline.
- statusBarItem.offlineForeground
Status bar item foreground color when the workbench is offline.
- statusBarItem.offlineHoverForeground
Status bar item foreground hover color when the workbench is offline.
- statusBarItem.offlineHoverBackground
Status bar item background hover color when the workbench is offline.