vscode自定义颜色

  1. 点击齿轮进入setting
  2. 搜索workbench.colorCustomizations,然后点击编辑setting.json

添加如下代码:

"workbench.colorCustomizations": {
        "statusBar.background" : "#008cff",
        "statusBar.noFolderBackground" : "#008cff",
        "statusBar.debuggingBackground": "#008cff",
......等等 }

附自定义颜色列表:

图示参数名作用
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 活动组中非活动选项卡的前景色
posted @ 2021-12-20 11:31  天际使徒  阅读(550)  评论(0)    收藏  举报