Skip to main content
Coding Theme

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.

side bar activity bar top borderfetchUser.ts

How to change side bar activity bar top border color in Visual Studio Code

macOS

  1. Open settings.json. Press Shift+Command+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
  2. 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.
  3. 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.

  1. Open settings.json. Press Shift+Ctrl+P to open the Command Palette, then run Preferences: Open User Settings (JSON).
  2. 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.
  3. 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