通过修改workbench.desktop.main.css改变VSCode系统界面字体大小

vscode的css样式表在 vscode安装目录/resources/app/out/vs/workbench/workbench.desktop.main.css
该文件被删掉了多余的空格,但是依然可以通过搜索一些关键字来定位一些组件的样式

标签栏字体:
通过修改workbench.desktop.main.css改变VSCode系统界面字体大小
搜索monaco-workbench .part.editor>.content .editor-group-container>.title .title-label,一共有5个位置,其中一个后面有font-size,改其值,上图是18px

系统界面和左侧:
通过修改workbench.desktop.main.css改变VSCode系统界面字体大小
搜索.monaco-workbench .part>.content,一共有4个位置,其中一个有font-size,改其值,上图是18px

其它待研究

怕麻烦的话可以整体修改,参考https://blog.csdn.net/chenbetter1996/article/details/85166528
只是这样会放大行高,浪费一些空间

通过修改workbench.desktop.main.css改变VSCode系统界面字体大小

上一篇:前端css样式2


下一篇:文本缩进 | text-indent (Miscellaneous Level 1) - CSS 中文开发手册 - Break易站