activityBarTop.activeBackground
activity bar top active background. Background color for the active item in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar.
Group: Activity Bar
Where activity bar top active background paints
This sample moves from #252526 to #1a5276, then back.
How to change activity bar top 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 activity bar top active background under workbench.colorCustomizations. Background color for the active item in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar. 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 activity bar top active background under workbench.colorCustomizations. Background color for the active item in the Activity bar when it is on top / bottom. The activity allows to switch between views of the side bar. 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": {
"activityBarTop.activeBackground": "#1a5276"
}
}Other Activity Bar
- activityBar.background
Activity Bar background color.
- activityBar.dropBorder
Drag and drop feedback color for the activity bar items. The activity bar is showing on the far left or right and allows to switch between views of the side bar.
- activityBar.foreground
Activity Bar foreground color (for example used for the icons).
- activityBar.inactiveForeground
Activity Bar item foreground color when it is inactive.
- activityBar.border
Activity Bar border color with the Side Bar.
- activityBarBadge.background
Activity notification badge background color.
- activityBarBadge.foreground
Activity notification badge foreground color.
- activityBar.activeBorder
Activity Bar active indicator border color.
- activityBar.activeBackground
Activity Bar optional background color for the active element.
- activityBar.activeFocusBorder
Activity bar focus border color for the active item.
- activityBarTop.foreground
Active foreground color of the item in the Activity bar when it is on top. The activity allows to switch between views of the side bar.
- activityBarTop.activeBorder
Focus border color for the active item in the Activity bar when it is on top. The activity allows to switch between views of the side bar.
- activityBarTop.inactiveForeground
Inactive foreground color of the item in the Activity bar when it is on top. The activity allows to switch between views of the side bar.
- activityBarTop.dropBorder
Drag and drop feedback color for the items in the Activity bar when it is on top. The activity allows to switch between views of the side bar.
- activityBarTop.background
Background color of the activity bar when set to top / bottom.
- activityWarningBadge.foreground
Foreground color of the warning activity badge
- activityWarningBadge.background
Background color of the warning activity badge
- activityErrorBadge.foreground
Foreground color of the error activity badge
- activityErrorBadge.background
Background color of the error activity badge