预览图
package.json
package.json文件内容如下：
参数名 作用 name 主题ID，必需在VSCode中全局唯一，即所有主题的package.json中该值均不能重复 contributes -> themes -> label 主题名，“文件-首选项-颜色主题”的列表中显示该值 contributes -> themes -> uiTheme VSCode整体的UI主题，vs为浅色主题 contributes -> themes -> path 定义配色方案的文件名，如为相对路径则相对于此文件
因配置文件内容太长放至文末，以下说明对照配置文件内容阅读更易理解。
VSCode使用其以下两个节点：
参数名 作用 colors VSCode各个UI组件的颜色 tokenColors 语法高亮颜色
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 活动组中非活动选项卡的前景色
tokenColors
tokenColors使用一个对象数组描述各语法高亮颜色。每个对象有如下结构：
参数名 作用 name 规则描述，一段容易理解的描述性文字 scope 作用域，指定使用那些VSCode内部对象，其含义参看Scope Naming setting -> background 背景色，可选 setting -> fontStyle 字体，可选，为bold、italic、underline setting -> foreground 前景色，可选
以下列举文末的配置文件中几个name所指定的参数的作用：
参数名 作用 Character 字符 Class 类名 Comment 注释 Function 函数名 Keyword 关键字 Number 数值 Operator 运算符 Parameter 函数参数 Punctuation 标点符号 String 字符串 Type 内置类型 Variable 变量名
文件内容
到此这篇关于VSCode自定义配色方案的实现的文章就介绍到这了,更多相关VSCode自定义配色 内容请搜索七叶笔记以前的文章或继续浏览下面的相关文章希望大家以后多多支持七叶笔记！
