sideBarActivityBarTop.border
side bar activity bar top border. Border color between the activity bar at the top/bottom and the views.
Group: Side Bar
Where side bar activity bar top border paints
This sample moves from #3c3c3c to #e8a317, then back.
How to change side bar activity bar top border 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 side bar activity bar top border under workbench.colorCustomizations. Border color between the activity bar at the top/bottom and the views. Use a hex color such as #e8a317.
- 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 side bar activity bar top border under workbench.colorCustomizations. Border color between the activity bar at the top/bottom and the views. Use a hex color such as #e8a317.
- 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": {
"sideBarActivityBarTop.border": "#e8a317"
}
}Other Side Bar
- sideBar.background
Side Bar background color.
- sideBar.foreground
Side Bar foreground color. The Side Bar is the container for views like Explorer and Search.
- sideBar.border
Side Bar border color on the side separating the editor.
- sideBar.dropBackground
Drag and drop feedback color for the side bar sections. The color should have transparency so that the side bar sections can still shine through.
- sideBarTitle.foreground
Side Bar title foreground color.
- sideBarSectionHeader.background
Side Bar section header background color.
- sideBarSectionHeader.foreground
Side Bar section header foreground color.
- sideBarSectionHeader.border
Side bar section header border color.
- sideBarTitle.background
Side bar title background color. The side bar is the container for views like explorer and search.
- sideBarTitle.border
Side bar title border color on the bottom, separating the title from the views. The side bar is the container for views like explorer and search.
- sideBarStickyScroll.background
Background color of sticky scroll in the side bar.
- sideBarStickyScroll.border
Border color of sticky scroll in the side bar.
- sideBarStickyScroll.shadow
Shadow color of sticky scroll in the side bar.