How to change font size in VS Code sidebar?

Question

Querying for fontsize in User Settings window yields only settings for:

• editor panes,
• suggest widget,
• markdown preview,
• integrated terminal

as you can see below:

Doing the same for sidebar gives even poorer results:

Having fonts of different sizes in editor panes and sidebar looks... let's settle with: not too nice. Have I just found the greatest omission of this awesome tool?

Answer 1

Just want to add to the discussion, If you set:

"window.zoomLevel": "your number", 

In my case I started with zero, you can use that as sort of a baseline:

"editor.fontSize": 14, "editor.tabSize": 2, "terminal.integrated.fontSize": 14, "window.zoomLevel": 0, "[Log]": {   "editor.fontSize": 14 }, 

And then tweaked until I was happy.

E.g. you want to increase the sidebar font size keeping editor font size unchanged: set "window.zoomLevel": 0.5 and "editor.fontSize": 18. Look at the result. Play with both values to get the result you like.

Hope this helps!

Answer 2

Mihai Chelaru's answer presents a way to do more than just adjust the sidebar's font size. This, however, comes with a price of a bit of fiddling, possibly more than you'd be ready for, if the only thing you were interested in was the simple act of changing the sidebar's font size. So here's a simpler solution.

Just zoom the whole VS Code's UI in or out with CTRL++ or CTRL+- respectively and than adjust font sizes we do have control over in settings.json file, i.e.:

• editor.fontSize,
• editor.suggestFontSize,
• markdown.preview.fontSize,
• terminal.integrated.fontSize

so everything matches. That's it.