Activity Bar width in Visual Studio Code

Question

Is there a way to selectively change the width of the Activity Bar in VSCode (v. 1.14)? I have a 1366×768 screen where every pixel counts, so I would like to make this bar narrow and icons smaller, by at least 50%. In comparison to vertical OS interface elements, e.g. Windows 10 Taskbar or Plasma 5 panel it looks monstrous and out of place:

I've been also trying to find a solution for the Insider version of VSCode, but apart from just hiding it I haven't discovered anything relevant yet.

I have "window.zoomLevel": 0 set in settings.json.

Answer 1

You can also use the negative zoom trick in settings.json:

{
  "window.zoomLevel": -1,
  "editor.fontSize": 13,
  "terminal.integrated.fontSize": 16,
}

The whole editor will get smaller so you need to compensate editor.fontSize and terminal.integrated.fontSize

This allows for smaller activity bar (unfortunately it acts on everything (icons size, font-size ...)) but I much prefer this than the defaults.

Answer 2

I recommend the excellent extension Activitus Bar. It recreate the activity bar buttons on the status bar:

Then, you just hide this enormous, gigantic activity bar. Happying code!

Answer 3

Not solving your exact question but another good solution...

• Install the Customize UI extension.
• In your settings.json add "workbench.useExperimentalGridLayout": true,.
• In Settings (UI) go to the Customize UI settings and set Activity Bar to "bottom".
• Completely close VSCode and reopen.

Answer 4

Wanted to add more to Akelian answer:

On Windows/Linux - File > Preferences > Settings
On macOS - Code > Preferences > Settings

{
  "window.zoomLevel": -1,
  "editor.fontSize": 13,
  "terminal.integrated.fontSize": 16,
  "workbench.activityBar.visible": false,
}

Setting false to "workbench.activityBar.visible" removes the sidebar completely

https://code.visualstudio.com/docs/getstarted/settings