VSCode自定义配色方案

1.我们使用“Light”这个主题,文件-->首选项-->颜色主题

000003

000004

2.我们设置之后会发现菜单栏看不到向右的箭头

0000005

3.关闭VS Code,打开VS Code安装文件夹然后打开“resources\app\extensions\theme-defaults\themes”文件夹

00001

4.打开“light_defaults.json”文件

00002

5.我们修改“light_defaults.json”文件,添加菜单样式

"menu.background": "#252526",
"menu.foreground": "#CCCCCC"

0000006

6.启动VS Code会发现样式修改了

0000007

7.颜色参数

图示参数名作用
2activityBar.background活动栏背景色
1activityBar.foreground活动栏前景色(例如用于图标)
12editor.background编辑器背景颜色
13editor.foreground编辑器默认前景色
editor.findMatchBackground当前搜索匹配项的颜色
editor.findMatchHighlightBackground其他搜索匹配项的颜色
15editor.lineHighlightBackground光标所在行高亮文本的背景颜色
editor.selectionBackground编辑器所选内容的颜色
editor.selectionHighlightBackground与所选内容具有相同内容的区域颜色
editor.rangeHighlightBackground突出显示范围的背景颜色,例如 "Quick Open" 和“查找”功能
16editorBracketMatch.background匹配括号的背景色
14editorCursor.foreground编辑器光标颜色
11editorGutter.background编辑器导航线的背景色,导航线包括边缘符号和行号
10editorLineNumber.foreground编辑器行号颜色
5sideBar.background侧边栏背景色
4sideBar.foreground侧边栏前景色
3sideBarSectionHeader.background侧边栏节标题的背景颜色
17statusBar.background标准状态栏背景色
17statusBar.noFolderBackground没有打开文件夹时状态栏的背景色
17statusBar.debuggingBackground调试程序时状态栏的背景色
9tab.activeBackground活动选项卡的背景色
8tab.activeForeground活动组中活动选项卡的前景色
7tab.inactiveBackground非活动选项卡的背景色
6tab.inactiveForeground活动组中非活动选项卡的前景色

0000008


(11)