通過修改workbench.desktop.main.css改變VSCode系統界面字體大小


用centos桌面版,2k屏幕,vscode界面的字看起來太小了,看的眼酸,編輯器的字體大小可以通過設置調整,但是菜單欄以及歡迎界面的字體卻不好調,通過調節zoomlevel可以控制所有UI的縮放比例,但是一調大,文字的間隔也變得很大,不太符合需求,因此在網上查得可以通過改css樣式來調整,如下
(修改后啟動會提示vscode被改過,建議重新安裝,選不再提示就可以了)

vscode的css樣式表在 vscode安裝目錄/resources/app/out/vs/workbench/workbench.desktop.main.css
該文件被刪掉了多余的空格,但是依然可以通過搜索一些關鍵字來定位一些組件的樣式

標簽欄字體:

搜索monaco-workbench .part.editor>.content .editor-group-container>.title .title-label,一共有5個位置,其中一個后面有font-size,改其值,上圖是18px

系統界面和左側:

搜索.monaco-workbench .part>.content,一共有4個位置,其中一個有font-size,改其值,上圖是20px

歡迎界面:

搜索monaco-workbench .part.editor>.content .welcomePage{,一共有1個位置,其中一個有font-size,改其值,上圖是16px

其它待研究

怕麻煩的話可以整體修改,參考https://blog.csdn.net/chenbetter1996/article/details/85166528
只是這樣會放大行高,浪費一些空間


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM