我本人不太喜歡那種vscode默認自帶的那種黑洞洞的界面

作為一個有為青年，自然需要明亮干凈的界面

這個修改起來很簡單，打開vscode

》的意思是下級菜單

File-》Preferences-》Color Theme

中文模式下是

文件》首選項》顏色主題

注意不要直接用鼠標點擊選擇，而是按鍵盤上的上下鍵（就是四個上下左右的箭頭的那個，玩游戲的都知道控制走路方向的）

這個可以預覽每個界面風格的效果，每個試一下，選擇一個自己喜歡的，本人喜歡Quiet Light界面。

至于如何將vscode設置為中文請看我的另一篇文章。

將vscode設置為中文界面

我的 vscode安裝位置??查看vscode的安裝路徑

VS/Visual Studio怎么找到安裝目錄-百度經驗 (baidu.com)

C:\Users\yll\AppData\Local\Programs\Microsoft VS Code

手動修改 vscode背景顏色 VSCode修改編輯器(代碼窗口)背景色?

(1067條消息) VSCode修改編輯器(代碼窗口)背景色_小橋流水人家jjh的博客-CSDN博客

我正在使用的是quite light主題?

?

所以要進入?theme-quitelight 文件夾 去修改背景色 或者改變其他的內容

?

?VSCode自定義配色方案 - garvenc - 博客園 (cnblogs.com)

?

因配置文件內容太長放至文末，以下說明對照配置文件內容閱讀更易理解。

VSCode使用其以下兩個節點：

參數名作用

colors	VSCode各個UI組件的顏色
tokenColors	語法高亮顏色

colors

colors節點的內容直接通過鍵值對參數描述，以下列舉幾個參數的作用：

圖示參數名作用

2	activityBar.background	活動欄背景色
1	activityBar.foreground	活動欄前景色(例如用于圖標)
12	editor.background	編輯器背景顏色
13	editor.foreground	編輯器默認前景色
	editor.findMatchBackground	當前搜索匹配項的顏色
	editor.findMatchHighlightBackground	其他搜索匹配項的顏色
15	editor.lineHighlightBackground	光標所在行高亮文本的背景顏色
	editor.selectionBackground	編輯器所選內容的顏色
	editor.selectionHighlightBackground	與所選內容具有相同內容的區域顏色
	editor.rangeHighlightBackground	突出顯示范圍的背景顏色，例如 "Quick Open" 和“查找”功能
16	editorBracketMatch.background	匹配括號的背景色
14	editorCursor.foreground	編輯器光標顏色
11	editorGutter.background	編輯器導航線的背景色，導航線包括邊緣符號和行號
10	editorLineNumber.foreground	編輯器行號顏色
5	sideBar.background	側邊欄背景色
4	sideBar.foreground	側邊欄前景色
3	sideBarSectionHeader.background	側邊欄節標題的背景顏色
17	statusBar.background	標準狀態欄背景色
17	statusBar.noFolderBackground	沒有打開文件夾時狀態欄的背景色
17	statusBar.debuggingBackground	調試程序時狀態欄的背景色
9	tab.activeBackground	活動選項卡的背景色
8	tab.activeForeground	活動組中活動選項卡的前景色
7	tab.inactiveBackground	非活動選項卡的背景色
6	tab.inactiveForeground	活動組中非活動選項卡的前景色

?

結果展示

調整editor.background 為 abyy的顏色之后

?

總結

以上是生活随笔為你收集整理的更改vs code的界面颜色 vscode修改界面颜色及风格（中文英文界面都有） 手动设置vs code的界面背景颜色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。