6

Is there a way to change the font in the Explorer window (the panel on the left that shows files in your working directory, NOT the editor where you write code)?

GoldenJoe
  • 7,874
  • 7
  • 53
  • 92
  • Does this answer your question? [How can I change vscode sidebar font family](https://stackoverflow.com/questions/61046039/how-can-i-change-vscode-sidebar-font-family) – starball Aug 31 '23 at 03:15

1 Answers1

2

There is actually an extension providing the requested feature in vscode:

  • Follow instructions in the link
  • Add css code on .monaco-panel-view in .vscodestyles.css file.

For instance:

.monaco-panel-view:not(h3) {
  font-family: "SF Pro Display" !important;
  font-weight: 500 !important;
  font-size: 13.3px !important;
}

Note: for further editing, use f1 -> Toggle developer tools to find out which classes to edit. Use elemnt selector for finding element in the css.

amirali
  • 1,888
  • 1
  • 11
  • 32