更改vs code的界面颜色 vscode修改界面颜色及风格（中文英文界面都有） 手动设置vs code的界面背景颜色

我本人不太喜欢那种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的颜色之后