我本人不太喜歡那種vscode默認(rèn)自帶的那種黑洞洞的界面

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

這個(gè)修改起來(lái)很簡(jiǎn)單，打開(kāi)vscode

》的意思是下級(jí)菜單

File-》Preferences-》Color Theme

中文模式下是

文件》首選項(xiàng)》顏色主題

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

這個(gè)可以預(yù)覽每個(gè)界面風(fēng)格的效果，每個(gè)試一下，選擇一個(gè)自己喜歡的，本人喜歡Quiet Light界面。

至于如何將vscode設(shè)置為中文請(qǐng)看我的另一篇文章。

將vscode設(shè)置為中文界面

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

VS/Visual Studio怎么找到安裝目錄-百度經(jīng)驗(yàn) (baidu.com)

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

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

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

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

?

所以要進(jìn)入?theme-quitelight 文件夾 去修改背景色 或者改變其他的內(nèi)容

?

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

?

因配置文件內(nèi)容太長(zhǎng)放至文末，以下說(shuō)明對(duì)照配置文件內(nèi)容閱讀更易理解。

VSCode使用其以下兩個(gè)節(jié)點(diǎn)：

參數(shù)名作用

colors	VSCode各個(gè)UI組件的顏色
tokenColors	語(yǔ)法高亮顏色

colors

colors節(jié)點(diǎn)的內(nèi)容直接通過(guò)鍵值對(duì)參數(shù)描述，以下列舉幾個(gè)參數(shù)的作用：

圖示參數(shù)名作用

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

?

結(jié)果展示

調(diào)整editor.background 為 abyy的顏色之后

?

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。