VS Code customize sidebar

Question

Is there any way to customize sidebar in VS Code? In particular, I want to change the font size. Is there a user setting for that? Or, maybe, I can edit it somehow via style

Answer 1

I Found a way to change the font of Visual Studio Code Window.

1. First, open command Pallete, and type "Toggle Developer Tools"
2. This will open "Chrome Inspector".
3. Select any text of sidebar of app.
4. Search .monaco-shell class in "styles" tab at right side inspector ( Where show every styles of the current document ), then the font-family attribute.This is tab and stylesheets.
5. In workbrench.main.css hit right click and click in "Open Soruce Panel" Show like this
6. Format the css Code with this icon.
7. ctrl+f for found font-family attribute again, 'cause the format redirect to end of css document, and get .monaco-shell class like this in ~6371 line.
8. Change this font ( I have change to Droid sans Mono font ), but you change to you want.

Why i'm not change in the real document css

1. 'Cause, when i changed the font family in the real document css ( C:\Users\${user}\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench\workbrench.main.css) generate a error saying "Vscode have a error, please reinstall the program" or similar

2. When generate a actualization of application, the font family declareated will deleted, and the document css is´t a pretty code.

This process change every fonts of visual studio code application (not include the editor font )