vscode 主题的颜色定制

颜色定制

workbench.colorCustomizations

setting.json


{
  "workbench.colorCustomizations": {
    "activityBar.background": "#00AA00"
  }
}

对比颜色:
对比色通常只用于高对比主题。如果设置了,它们会在UI元素周围添加额外的边框来增加对比度。
contrastActiveBorder:在活动元素周围添加额外的边框,以使它们与其他元素形成更大的对比。
在这里插入图片描述

contrastBorder:在元素周围加上额外的边框,将它们与其他元素隔开,形成更大的对比。
在这里插入图片描述

基础颜色:
focusBorder:聚焦元素的整体边框颜色。此颜色仅在没有被组件覆盖时使用。
foreground:聚焦元素的整体边框颜色。此颜色仅在没有被组件覆盖时使用。
在这里插入图片描述

disabledForeground:禁用元素的整体前景。此颜色仅在没有被组件覆盖时使用。
widget.shadow:编辑器中查找/替换等部件的阴影颜色。
在这里插入图片描述

selection.background:工作台中文本选择的背景颜色(对于输入字段或文本区域,不适用于编辑器和终端中的选择)。
descriptionForeground:提供附加信息(如标签)的描述文本的前景色。
在这里插入图片描述

errorForeground:错误消息的整体前景色(仅在未被组件覆盖时使用)。
icon.foreground:工作台中图标的默认颜色。
在这里插入图片描述

sash.hoverBorder:可拖动饰带的悬停边框颜色。

窗口边界
window.activeBorder:活动(聚焦)窗口的边框颜色。
window.inactiveBorder:非活动(无焦点)窗口的边框颜色

文本的颜色
textBlockQuote.background:文本中块引号的背景色。
textBlockQuote.border::文本中块引号的边框颜色
textCodeBlock.background:文本中代码块的背景颜色。
textLink.activeForeground:当点击和鼠标悬停时,文本中的链接前景颜色。
在这里插入图片描述

textPreformat.foreground: 预格式化文本段的前景色。
textSeparator.foreground: 文本分隔符的颜色。

Action colors
一组颜色,用于控制跨工作台操作的交互。
toolbar.hoverBackground:工具栏背景,当鼠标悬停在动作使用鼠标
在这里插入图片描述

toolbar.hoverOutline: 当鼠标悬停在操作上时,工具栏轮廓
在这里插入图片描述

toolbar.activeBackground: 工具栏背景时按住鼠标不放的动作
在这里插入图片描述

按钮控件
一组用于按钮部件的颜色,如新窗口的资源管理器中的“打开文件夹”按钮。
button.background: 按钮背景颜色.
在这里插入图片描述

button.foreground: 按钮前景色。
在这里插入图片描述

button.border: 按钮边框颜色。
在这里插入图片描述

button.separator: 按钮分隔符颜色。
在这里插入图片描述

button.hoverBackground: 悬停时按钮的背景颜色.
在这里插入图片描述

button.secondaryForeground: 次要按钮前景色。
button.secondaryBackground: 次要按钮背景颜色。
button.secondaryHoverBackground: 悬停时的次要按钮背景颜色。
checkbox.background: 复选框小部件的背景色。
在这里插入图片描述

checkbox.foreground: 复选框部件的前景色。
checkbox.border: 复选框部件的边框颜色。
checkbox.selectBackground: 复选框部件所在的元素被选中时的背景颜色。
checkbox.selectBorder: 复选框部件所在元素被选中时的边框颜色。

下拉控制
一组用于所有下拉窗口组件(如集成终端或输出面板)的颜色。注意,下拉控件目前在macOS上没有使用。
dropdown.background: 下拉的背景。
在这里插入图片描述

dropdown.listBackground: 下拉列表背景。
在这里插入图片描述

dropdown.border: 下拉边界。
dropdown.foreground: 下拉前景。

输入控件
输入控件的颜色,如搜索视图或查找/替换对话框。

input.background: 输入框背景.
在这里插入图片描述

input.border: 输入框边框。
input.foreground: 输入框前景。
input.placeholderForeground: 输入框占位符文本的前景色。

输入框选项
inputOption.activeBackground: 输入字段中激活选项的背景色。
在这里插入图片描述

inputOption.activeBorder: 输入框中激活选项的边框颜色。
inputOption.activeForeground: 输入字段中激活选项的前景色。
inputOption.hoverBackground: 输入字段中激活选项的背景色。

输入验证
inputValidation.errorBackground: 输入验证结果为错误级别时的背景色输入框下面多出一个有文本的小框,与输入框等宽。
inputValidation.errorForeground: 输入验证结果为错误级别时的边框色,小框与输入框共用边框颜色。
inputValidation.errorBorder: 输入验证结果为错误级别时的前景色。
inputValidation.infoBackground: 输入验证信息的背景颜色。
inputValidation.infoForeground: 为信息的严重程度输入验证前景色。
inputValidation.infoBorder: 输入信息严重程度的验证边框颜色。
inputValidation.warningBackground: 输入验证结果为警告级别时的背景色,上图就是警告级别。
inputValidation.warningForeground: 为警告级别输入验证前景色。
inputValidation.warningBorder: 入验证结果为警告级别时的边框色。

滚动条
scrollbar.shadow: 这根本不是什么Scrollbar slider shadow,这是面包屑下面那条阴影的颜色,有些列表也有此阴影
在这里插入图片描述

滚动条
scrollbarSlider.activeBackground 滚动条滑块在被点击时的背景色.
在这里插入图片描述

scrollbarSlider.background 滚动条滑块背景颜色。
scrollbarSlider.hoverBackground 滚动条滑块悬停时的背景颜色。

徽章
徽章是小的信息标签,例如,搜索结果计数。
badge.background 徽章背景颜色。
在这里插入图片描述

badge.foreground 徽章前景色。

进度条
progressBar.background 长时间运行操作时显示的进度条的背景色。

列表和树列表和树的颜色,就像文件管理器一样。活动链表/树具有键盘焦点,非活动链表/树没有。
list.activeSelectionBackground 当列表/树激活时,所选项目的列表/树背景色。
在这里插入图片描述

list.activeSelectionForeground 列表/树激活时,所选项目的前景色。
list.activeSelectionIconForeground 列表/树图标选中项的前景色,当列表/树激活时。活动链表/树具有键盘焦点,非活动链表/树没有。
在这里插入图片描述

list.dropBackground 当使用鼠标移动元素时,List/Tree可以拖放背景。
list.focusBackground List/Tree激活列表/树时聚焦项的背景颜色
list.focusForeground List/Tree激活列表/树时聚焦项的前景色。活动链表/树具有键盘焦点,非活动链表/树没有。
list.focusHighlightForeground 列表/树在列表/树中搜索时,匹配的前景色突出显示在积极聚焦的项目上。
list.focusOutline 列表/树激活时聚焦项的列表/树轮廓颜色。活动链表/树具有键盘焦点,非活动链表/树没有。
list.focusAndSelectionOutline 当列表/树处于活动状态并被选中时,聚焦项的列表/树轮廓颜色。活动链表/树具有键盘焦点,非活动链表/树没有。
list.highlightForeground 列表/树在列表/树中搜索时,匹配的前景色突出显示。
list.hoverBackground 当鼠标悬停在项目上时,列表/树背景。
list.hoverForeground 当鼠标悬停在项目上时,列出/树形前景。
list.inactiveSelectionBackground 当列表/树处于非活动状态时,所选项目的列表/树背景色。
list.inactiveSelectionForeground 列表/树处于非活动状态时,所选项目的前景色。活动链表/树具有键盘焦点,非活动链表/树没有。
list.inactiveSelectionIconForeground 列表/树图标选中项的前景色,当列表/树处于非活动状态时。活动链表/树具有键盘焦点,非活动链表/树没有。
list.inactiveFocusBackground 列表非活动时聚焦项的背景色活动列表具有键盘焦点,而非活动列表则没有。目前仅支持列表。
list.inactiveFocusOutline 列表/树处于非活动状态时,聚焦项的列表/树轮廓颜色。活动链表/树具有键盘焦点,非活动链表/树没有。
list.invalidItemForeground 列出/树无效项的前景色,例如资源管理器中未解决的根目录。
list.errorForeground 包含错误的列表项的前景色。
list.warningForeground 包含警告的列表项的前景色。

listFilterWidget.background 在列表中查找,比如在资源管理器中按动键盘上的字母会出现筛选器组件小框,小框背景色
在这里插入图片描述

listFilterWidget.outline 当在列表/树中搜索时,列表/树过滤器部件的输入文本轮廓颜色。
listFilterWidget.noMatchesOutline 当在列表/树中搜索时,没有找到匹配的输入文本时,列表/树过滤器部件的轮廓颜色。
listFilterWidget.shadow 阴影列表和树中的类型过滤器部件的颜色

list.filterMatchBackground 在列表和树中过滤匹配的背景颜色。
在这里插入图片描述

list.filterMatchBorder 过滤后的边框颜色在列表和树中匹配。

list.deemphasizedForeground 取消强调的项目的列表/树前景颜色,调用堆栈中可以看到。
在这里插入图片描述

tree.indentGuidesStroke 树组件的缩进参考线的笔画颜色。
在这里插入图片描述

tree.tableColumnsBorder 用于缩进指导的树笔画颜色。
tree.tableOddRowsBackground 奇数行表格的背景色。

活动栏
活动栏显示在工作台的最左边或最右边,允许快速切换侧边栏的视图。
activityBar.background 活动栏背景颜色。
在这里插入图片描述

activityBar.dropBorder 拖放活动栏项目的反馈颜色。活动栏显示在最左边或最右边,允许在侧边栏的视图之间切换。
activityBar.foreground 活动栏前景色(例如用于图标)。
activityBar.inactiveForeground 活动栏项处于非活动状态时的前景色。
activityBar.border 活动栏边框颜色与侧栏。

activityBarBadge.background 活动通知徽章背景颜色。
activityBarBadge.foreground 活动通知徽章前景色。
在这里插入图片描述

activityBar.activeBorder 活动栏活动指示符边框颜色。
activityBar.activeBackground 活动栏活动元素的可选背景色。
activityBar.activeFocusBorder 活动栏聚焦活动项目的边框颜色。
activityBar.activeBackground 活动栏活动元素的可选背景色。
activityBarItem.profilesForeground 活动栏上配置文件条目的前景色。
activityBarItem.profilesHoverForeground 悬停时活动栏上配置文件条目的前景色。
activityBarItem.profilesBackground 活动栏上配置文件条目的背景色。

侧边栏
侧边栏包含资源管理器和搜索等视图。
sideBar.background 侧栏背景颜色。
在这里插入图片描述

sideBar.foreground 侧边栏前景色。侧栏是资源管理器和搜索等视图的容器。
sideBar.border 边栏分隔编辑器的边的边框颜色。
sideBar.dropBackground 拖放侧边栏的反馈颜色。颜色应该具有透明度,以便侧边栏仍然可以发光。
sideBarTitle.foreground 侧边栏标题前景色。
在这里插入图片描述

sideBarSectionHeader.background 侧边栏部分标题背景颜色。
在这里插入图片描述

sideBarSectionHeader.foreground 侧边栏部分标题前景色。
sideBarSectionHeader.border 侧边栏部分标题边框颜色。

小地图上(Minimap)
小地图显示了当前文件的缩小版。

minimap.findMatchHighlight 突出显示文件内搜索匹配的颜色。
在这里插入图片描述

minimap.selectionHighlight 突出显示编辑器选择的颜色。
minimap.errorHighlight 在编辑器中突出显示错误的颜色。
minimap.warningHighlight 在编辑器中突出显示警告的颜色。
minimap.background 小地图背景颜色。
minimap.selectionOccurrenceHighlight 小地图标记颜色用于重复编辑器选择。
minimap.foregroundOpacity 小地图中前景元素的不透明度。例如,"#000000c0"将以75%的不透明度渲染元素。
minimapSlider.background 小地图滑块背景颜色。
minimapSlider.hoverBackground 悬停时小地图滑块的背景颜色。
minimapSlider.activeBackground 当点击小地图滑块时背景颜色。
minimapGutter.addedBackground 添加内容的小地图gutter颜色。
minimapGutter.modifiedBackground 修改内容的小地图gutter颜色。
minimapGutter.deletedBackground 删除内容的小地图gutter颜色。

编辑器组&选项卡
编辑器组是编辑器的容器。可以有许多编辑器组。选项卡是编辑器的容器。可以在一个编辑器组中打开多个选项卡。

editorGroup.border 颜色以分隔多个编辑器组。
在这里插入图片描述

editorGroup.dropBackground 拖动编辑器时的背景颜色。
editorGroupHeader.noTabsBackground 当选项卡禁用时,编辑器组标题头的背景色(设置"workbench.editor. editor. ")。showTabs”错误)。
editorGroupHeader.tabsBackground 选项卡容器的背景颜色。
editorGroupHeader.tabsBorder 启用选项卡时,编辑器选项卡控件下方的边框颜色。
editorGroupHeader.border 编辑器组标题和编辑器之间的边框颜色(如果启用,在面包屑下方)。
editorGroup.emptyBackground 空编辑器组的背景色。
editorGroup.focusedEmptyBorder 被聚焦的空编辑器组的边框颜色。
editorGroup.dropIntoPromptForeground 拖动文件时显示在编辑器上的文本前景色。这段文本告诉用户,他们可以按住shift键放入编辑器。
editorGroup.dropIntoPromptBackground 拖动文件时显示在编辑器上的文本背景颜色。这段文本告诉用户,他们可以按住shift键放入编辑器。
editorGroup.dropIntoPromptBorder 拖动文件时在编辑器上显示的文本边框颜色。这段文本告诉用户,他们可以按住shift键放入编辑器。

tab.activeBackground 活动组中的活动选项卡背景颜色。
在这里插入图片描述

tab.unfocusedActiveBackground 非活动编辑器组中的活动选项卡背景颜色。
tab.activeForeground 活动组中的活动选项卡前景色。
tab.border 边框将选项卡彼此分开。
tab.activeBorder 活动选项卡的底部边框。
tab.unfocusedActiveBorder 非活动编辑器组中活动选项卡的下边框。
tab.activeBorderTop 活动选项卡的顶部边框。
tab.unfocusedActiveBorderTop 非活动编辑器组中活动选项卡的顶部边框
tab.lastPinnedBorder 最后一个固定的编辑器右侧的边框,以与未固定的编辑器分开。
tab.inactiveBackground 非活动选项卡背景颜色。
tab.unfocusedInactiveBackground 无焦点组中的非活动选项卡背景颜色
tab.inactiveForeground 活动组中的非活动选项卡前景色。
tab.unfocusedActiveForeground 非活动编辑器组中的活动选项卡前景色。
tab.unfocusedInactiveForeground 非活动编辑器组中的非活动选项卡前景色。
tab.hoverBackground 悬停时的标签背景颜色
tab.unfocusedHoverBackground 悬停时在无焦点组中的选项卡背景颜色
tab.hoverForeground 悬停时的标签前景色
tab.unfocusedHoverForeground 悬停时在无焦点组中选择标签前景色
tab.hoverBorder 在悬停时突出显示选项卡的边框
tab.unfocusedHoverBorder 在悬停时突出显示无焦点组中的选项卡的边框
tab.activeModifiedBorder 活动组中已修改(脏)的活动选项卡顶部的边框。
tab.inactiveModifiedBorder 活动组中已修改(脏)的非活动选项卡顶部的边框。
tab.unfocusedActiveModifiedBorder 未聚焦组中已修改(脏)的活动选项卡顶部的边框。
tab.unfocusedInactiveModifiedBorder 未聚焦组中已修改(脏)的非活动选项卡顶部的边框。

editorPane.background 在ctrl/cmd+shift+p命令中输入Toggle Centered Layout就可以看到这种颜色

sideBySideEditor.horizontalBorder 当在一个编辑器组中从上到下并排显示时,将两个编辑器分开的颜色。
sideBySideEditor.verticalBorder 当在一个编辑器组中从左到右并排显示时,将两个编辑器分开的颜色。

编辑器的颜色
最突出的编辑器颜色是用于语法突出显示的标记颜色,并且基于所安装的语言语法。这些颜色由颜色主题定义,但也可以使用编辑器进行自定义。tokenColorCustomizations设置。有关更新颜色主题和可用标记类型的详细信息,请参见自定义颜色主题。

editor.background 编辑器背景颜色。
在这里插入图片描述

editor.foreground 编辑器默认的前景色。
editorLineNumber.foreground 编辑器行号的颜色。
editorLineNumber.activeForeground 活动编辑器行号的颜色。
在这里插入图片描述

editorCursor.background 编辑器光标的背景色。允许自定义由块游标重叠的字符的颜色。
editorCursor.foreground 编辑器光标的颜色。
editor.selectionBackground 编辑器选择的颜色。
editor.selectionForeground 所选文本的颜色,以形成强烈的对比。
editor.inactiveSelectionBackground 在非活动编辑器中选择的颜色。颜色不能不透明,以免隐藏底层装饰。
editor.selectionHighlightBackground 与选区内容相同的区域的颜色。颜色不能不透明,以免隐藏底层装饰。
editor.selectionHighlightBorder 与选区内容相同的区域的边框颜色。
当光标位于符号或单词内部时,可以看到单词高亮颜色。根据文件类型的语言支持,所有匹配的引用和声明都被突出显示,读取和写入访问有不同的颜色。如果文档符号语言支持不可用,这将退回到单词高亮。
editor.wordHighlightBackground 读取访问期间符号的背景色,例如读取变量时。颜色不能不透明,以免隐藏底层装饰。
editor.wordHighlightBorder 读取访问期间符号的边框颜色,例如读取变量时。
editor.wordHighlightStrongBackground 在写访问期间(例如写入变量时),符号的背景色。颜色不能不透明,以免隐藏底层装饰。
editor.wordHighlightStrongBorder 符号在写访问期间的边框颜色,例如在写入变量时。

查找颜色取决于查找/替换对话框中的当前查找字符串。

Find matches

editor.findMatchBackground 当前搜索匹配的颜色
editor.findMatchHighlightBackground 其他搜索的颜色匹配。颜色不能不透明,以免隐藏底层装饰。
editor.findRangeHighlightBackground 限定搜索范围的颜色(在Find小部件中启用“Find in Selection”)。颜色不能不透明,以免隐藏底层装饰。
editor.findMatchBorder 当前搜索匹配的边框颜色。
editor.findMatchHighlightBorder 边框颜色与其他搜索匹配。
editor.findRangeHighlightBorder 边框颜色限制搜索的范围(在Find小部件中启用’Find in Selection’)。
搜索编辑器颜色突出显示搜索编辑器中的结果。这可以与其他查找匹配分开配置,以便在同一编辑器中更好地区分不同类别的匹配。

Search Editor Matches
searchEditor.findMatchBackground 编辑结果的颜色。
在这里插入图片描述

searchEditor.findMatchBorder 编辑器结果的边框颜色。
searchEditor.textInputBorder 搜索编辑器文本输入框边框。

悬停高亮显示在显示悬停的符号后面。
Hover Highlight
editor.hoverHighlightBackground 高亮显示悬停显示的单词下方。颜色不能不透明,以免隐藏底层装饰。

当前行通常显示为背景高亮或边框(不是同时显示两者)。
Line Highlight
editor.lineHighlightBackground 光标位置上的行高亮显示的背景色。
在这里插入图片描述

editor.lineHighlightBorder 光标位置处线条周围边框的背景色。
在这里插入图片描述

unicode的高亮颜色
editorUnicodeHighlight.border 用于突出unicode字符的边框颜色。
editorUnicodeHighlight.background 用于突出unicode字符的背景颜色。

当点击链接时,链接颜色是可见的。
Link
editorLink.activeForeground 活动链接的颜色。

选择搜索结果时,范围高亮显示是可见的。
Range Highlight
editor.rangeHighlightBackground 高亮范围的背景颜色,用于快速打开,文件和查找功能中的符号。颜色不能不透明,以免隐藏底层装饰。
editor.rangeHighlightBorder 高亮范围周围边框的背景色。

当通过命令(如转到定义)导航到一个符号时,可以看到符号高亮。
editor.symbolHighlightBackground 高亮符号的背景色。颜色不能不透明,以免隐藏底层装饰。
editor.symbolHighlightBorder 高亮符号周围边框的背景色。

要查看编辑器空白,请启用Toggle Render Whitespace。
editorWhitespace.foreground 编辑器中空白字符的颜色。设置editor.guides.indentation 为true和"editor.guides.highlightActiveIndentation为true。

editorIndentGuide.background 编辑器缩进指南的颜色。
editorIndentGuide.activeBackground 活动编辑器缩进指南的颜色。

editorInlayHint.background 行内提示的背景色。
在这里插入图片描述

editorInlayHint.foreground 行内提示的前景色。
editorInlayHint.typeForeground 类型提示的前景色
editorInlayHint.typeBackground 类型内联提示的背景色
editorInlayHint.parameterForeground 参数内联提示的前景色
editorInlayHint.parameterBackground 内联参数提示的背景色

要查看编辑器标尺,用"editor.ruler"定义它们的位置
editorRuler.foreground 编辑器标尺的颜色。
editor.linkedEditingBackground 编辑器处于链接编辑模式时的背景颜色。

CodeLens
editorCodeLens.foreground 编辑器CodeLens的前景色,比如gitlens
在这里插入图片描述

Lightbulb
editorLightBulb.foreground 灯泡操作图标使用的颜色。
在这里插入图片描述

editorLightBulbAutoFix.foreground 灯泡自动修复操作图标使用的颜色。

括号匹配
Bracket colors

editorBracketMatch.background 匹配括号后面的背景颜色。
在这里插入图片描述

editorBracketMatch.border 用于匹配方括号的颜色。

Folding
editor.foldBackground 折叠范围的背景颜色。颜色不能不透明,以免隐藏底层装饰。

Overview ruler
这个标尺位于编辑器右边缘的滚动条下方,提供编辑器中装饰的概览。
editorOverviewRuler.background 编辑器右侧滚动条(概述标尺)的背景色,默认就是启用的,默认和编辑器背景一个颜色
在这里插入图片描述

editorOverviewRuler.border 概览标尺边框的颜色。
editorOverviewRuler.findMatchForeground 标尺标记用于查找匹配的颜色。颜色不能不透明,以免隐藏底层装饰。
editorOverviewRuler.rangeHighlightForeground 概览标尺标记高亮范围的颜色,如快速打开、文件中的符号和查找功能。颜色不能不透明,以免隐藏底层装饰。
editorOverviewRuler.selectionHighlightForeground概述标尺标记的颜色用于选择亮点。颜色不能不透明,以免隐藏底层装饰。
editorOverviewRuler.wordHighlightForeground 概述标尺标记符号突出部分的颜色。颜色不能不透明,以免隐藏底层装饰。
editorOverviewRuler.wordHighlightStrongForeground 概述标尺标记用于写访问符号突出显示的颜色。颜色不能不透明,以免隐藏底层装饰。
editorOverviewRuler.modifiedForeground 标尺标记修改内容的颜色。
editorOverviewRuler.addedForeground 概述标尺标记添加内容的颜色。
editorOverviewRuler.deletedForeground 标尺用于标记删除内容的颜色。
editorOverviewRuler.errorForeground 概述标尺标记错误的颜色。
editorOverviewRuler.warningForeground 标尺标记用于警告的颜色。
editorOverviewRuler.infoForeground 概述标尺标记信息的颜色。
editorOverviewRuler.bracketMatchForeground 标尺标记用于匹配括号的颜色。错误和警告

editorError.foreground 编辑器中错误曲线的前景色。
在这里插入图片描述

editorError.border 编辑器中错误框的边框颜色。
editorError.background 编辑器中错误文本的背景颜色。颜色不能不透明,以免隐藏底层装饰。
editorWarning.foreground 警告的前景色在编辑器中涂鸦。
editorWarning.border 编辑器中警告框的边框颜色。
editorWarning.background 编辑器中警告文本的背景色。颜色不能不透明,以免隐藏底层装饰。
editorInfo.foreground 一些信息代码波浪线颜色
editorInfo.border 编辑器中信息框的边框颜色。
editorInfo.background 编辑器中info文本的背景颜色。颜色不能不透明,以免隐藏底层装饰。
editorHint.foreground 编辑器中提示的前景色。
editorHint.border 编辑器中提示框的边框颜色。
problemsErrorIcon.foreground 用于问题错误图标的颜色。
在这里插入图片描述

problemsWarningIcon.foreground 用于问题警告图标的颜色。
problemsInfoIcon.foreground 用于问题信息图标的颜色。

editorUnnecessaryCode.border 编辑器中不必要(未使用)源代码的边框颜色。
editorUnnecessaryCode.opacity 编辑器中不必要(未使用)源代码的不透明度。例如,"#000000c0"将以75%的不透明度渲染代码。对于高对比度的主题,请使用editorcode。Border "主题颜色,用于下划线不必要的代码,而不是将其淡入淡出。
’ gutter包含字形边距和行号’

editorGutter.background 编辑器gutter的背景色。gutter包含字形边距和行号。
在这里插入图片描述

editorGutter.modifiedBackground 编辑器gutter修改的线条的背景颜色。
在这里插入图片描述

editorGutter.addedBackground 编辑器gutter添加的线条的背景颜色。
editorGutter.deletedBackground 编辑器gutter删除行的背景颜色。
editorGutter.commentRangeForeground 编辑沟装饰颜色为评论范围。
editorGutter.foldingControlForeground 编辑栏中折叠控件的颜色。“编辑器评论组件可以在审查pull requests时看到”

editorCommentsWidget.resolvedBorder 已解析注释的边框和箭头的颜色。
editorCommentsWidget.unresolvedBorder 未解决评论的边框和箭头的颜色。
editorCommentsWidget.rangeBackground 注释范围的背景颜色。
editorCommentsWidget.rangeBorder 注释范围的边框颜色。
editorCommentsWidget.rangeActiveBackground 当前选定或悬停注释范围的背景颜色。
editorCommentsWidget.rangeActiveBorder 当前选定或悬停注释范围的边框颜色。

Diff编辑器颜色
要为插入和删除的文本着色,请使用背景颜色或边框颜色,但不能同时使用两者。
diffEditor.insertedTextBackground插入文本的背景颜色。颜色不能不透明,以免隐藏底层装饰。
diffEditor.insertedTextBorder 插入文本的轮廓颜色。
diffEditor.removedTextBackground 被删除的文本的背景颜色。颜色不能不透明,以免隐藏底层装饰。
diffEditor.removedTextBorder 被删除的文本的轮廓颜色。
diffEditor.border 两个文本编辑器之间的边框颜色。
diffEditor.diagonalFill diff编辑器对角线填充的颜色。对角线填充用于并排的差异视图。
diffEditor.insertedLineBackground 插入的线条的背景色。颜色不能不透明,以免隐藏底层装饰。
diffEditor.removedLineBackground 被删除的线条的背景色。颜色不能不透明,以免隐藏底层装饰.
diffEditorGutter.insertedLineBackground 插入线条的外边距的背景色。
在这里插入图片描述

diffEditorGutter.removedLineBackground 删除线条的外边距的背景色。
diffEditorOverview.insertedForeground Diff概览标尺用于插入内容的前景。
diffEditorOverview.removedForeground 差异概述标尺前景删除内容。

编辑器部件显示在编辑器内容的前面。例如,查找/替换对话框、建议部件和编辑器悬停。
editorWidget.foreground 编辑器部件的前景色,例如查找/替换。
在这里插入图片描述

editorWidget.background 编辑器部件的背景色,例如查找/替换。
editorWidget.border 编辑器小部件的边框颜色,除非小部件不包含边框或定义自己的边框颜色。
editorWidget.resizeBorder 编辑器部件的调整大小条的边框颜色。只有当小部件选择具有可调整大小的边框,并且颜色没有被小部件覆盖时,才会使用该颜色。

editorSuggestWidget.background 建议小部件的背景色。
在这里插入图片描述

editorSuggestWidget.border 建议窗口组件的边框颜色。
editorSuggestWidget.foreground 建议小部件的前景色。
editorSuggestWidget.focusHighlightForeground 当项目被聚焦时,匹配的颜色会在suggest小部件中突出显示。
editorSuggestWidget.highlightForeground 匹配的颜色在建议小部件中突出显示。
editorSuggestWidget.selectedBackground 建议小部件中所选条目的背景色。
editorSuggestWidget.selectedForeground 建议窗口组件中所选条目的前景色。
editorSuggestWidget.selectedIconForeground 图标建议小部件中所选条目的前景色。
editorSuggestWidgetStatus.foreground 提示控件状态的前景色。

editorHoverWidget.foreground 编辑器悬停的前景色。
在这里插入图片描述

editorHoverWidget.background 编辑器悬停的背景颜色。
editorHoverWidget.border 编辑器悬停的边框颜色。
editorHoverWidget.highlightForeground 参数提示中活动项目的前景色。
editorHoverWidget.statusBarBackground 编辑器悬停状态栏的背景色。

editorGhostText.border 内联补全提供程序显示的虚影文本的边框颜色和建议预览。
editorGhostText.background 编辑器中Ghost文本的背景颜色。
editorGhostText.foreground 内联补全提供程序显示的虚影文本的前景色和建议预览。

editorStickyScroll.background 编辑器粘性滚动背景颜色
在这里插入图片描述

editorStickyScrollHover.background 鼠标悬停时滚动背景颜色

Debug Exception小部件是一个预览视图,当调试在异常处停止时,它会显示在编辑器中。
debugExceptionWidget.background 异常小部件背景颜色。
在这里插入图片描述

debugExceptionWidget.border 异常窗口小部件边框颜色。

当导航到编辑器中的错误和警告时,会显示编辑器标记视图(转到下一个错误或警告命令)。
editorMarkerNavigation.background 编辑器标记导航小部件背景。
在这里插入图片描述

editorMarkerNavigationError.background 编辑器标记导航小部件错误颜色。
editorMarkerNavigationWarning.background 编辑器标记导航小部件警告颜色。
editorMarkerNavigationInfo.background 编辑标记导航小部件信息颜色。
editorMarkerNavigationError.headerBackground 编辑器标记导航小部件错误标题背景。
editorMarkerNavigationWarning.headerBackground 编辑标记导航小部件警告标题背景。
editorMarkerNavigationInfo.headerBackground 编辑标记导航小部件信息标题背景。

视图颜色
Peek视图用于在编辑器中以视图的形式显示引用和声明。
Peek view
peekView.border peek视图边框和箭头的颜色。
在这里插入图片描述

peekViewEditor.background 视图编辑器的背景颜色。
在这里插入图片描述

peekViewEditorGutter.background 视图编辑器中gutter的背景颜色。
peekViewEditor.matchHighlightBackground 在peek视图编辑器中匹配高亮颜色。
peekViewEditor.matchHighlightBorder 在peek视图编辑器中匹配高亮边框颜色。
peekViewResult.background 预览结果列表的背景颜色。
在这里插入图片描述

peekViewResult.fileForeground 预览结果列表中文件节点的前景色。
peekViewResult.lineForeground 预览视图结果列表中线节点的前景色。
peekViewResult.matchHighlightBackground 在peek视图结果列表中匹配高亮颜色。
peekViewResult.selectionBackground 预览结果列表中所选条目的背景色。
peekViewResult.selectionForeground 在peek视图结果列表中所选条目的前景色。
peekViewTitle.background 视图标题区域的背景颜色。
在这里插入图片描述

peekViewTitleDescription.foreground peek视图标题信息的颜色。
peekViewTitleLabel.foreground peek view标题的颜色。

合并冲突颜色
当编辑器包含特殊的差异范围时,会显示合并冲突装饰。
Merge ranges

merge.currentHeaderBackground 内联合并冲突中的当前标题背景。颜色不能不透明,以免隐藏底层装饰。
merge.currentContentBackground 内联合并冲突中的当前内容背景。颜色不能不透明,以免隐藏底层装饰。
merge.incomingHeaderBackground 内联合并冲突中的传入标题背景。颜色不能不透明,以免隐藏底层装饰。
merge.incomingContentBackground 内联合并中的传入内容背景冲突。颜色不能不透明,以免隐藏底层装饰。
merge.border 标题上的边框颜色与内联合并中的拆分器冲突。
merge.commonContentBackground 内联合并冲突中的共同祖先内容背景。颜色不能不透明,以免隐藏底层装饰。
merge.commonHeaderBackground 内联合并中的共同祖先标头背景-冲突。颜色不能不透明,以免隐藏底层装饰。
editorOverviewRuler.currentContentForeground 当前概述标尺前景内联合并冲突。
editorOverviewRuler.incomingContentForeground 内联合并冲突的传入概览标尺前景。
editorOverviewRuler.commonContentForeground 内联合并冲突的共同祖先概述标尺前景。
mergeEditor.change.background 更改的背景颜色。
mergeEditor.change.word.background 单词的背景颜色发生变化。
mergeEditor.conflict.unhandledUnfocused.border 未处理、未聚焦的冲突的边框颜色。
mergeEditor.conflict.unhandledFocused.border 未处理的焦点冲突的边框颜色。
mergeEditor.conflict.handledUnfocused.border 处理过的无焦点冲突的边框颜色。
mergeEditor.conflict.handledFocused.border 已处理的焦点冲突的边框颜色。
mergeEditor.conflict.handled.minimapOverViewRuler 改变输入1时的前景色。
mergeEditor.conflict.unhandled.minimapOverViewRuler 改变输入1时的前景色。
mergeEditor.conflictingLines.background “冲突行”文本的背景。
mergeEditor.changeBase.background 在基础中更改的背景颜色。
mergeEditor.changeBase.word.background 单词的背景颜色在base中变化。
mergeEditor.conflict.input1.background 输入1中装饰的背景颜色。
mergeEditor.conflict.input2.background 在输入2中装饰的背景颜色。

面板的颜色
面板显示在编辑器区域的下方,包含输出和集成终端等视图。

panel.background 面板背景颜色。
在这里插入图片描述

panel.border 面板边框颜色,用于将面板与编辑器分开。
panel.dropBorder 拖放面板标题的反馈颜色。面板显示在编辑器区域的下方,包含输出和集成终端等视图。
panelTitle.activeBorder 活动面板标题的边框颜色。
panelTitle.activeForeground 活动面板的标题颜色。
panelTitle.inactiveForeground 非活动面板的标题颜色。
panelInput.border 输入框面板上输入框的边框。
panelSection.border 当多个视图水平堆叠在面板中时使用的面板边框颜色。面板显示在编辑器区域的下方,包含输出和集成终端等视图。
panelSection.dropBackground 拖放面板部分的反馈颜色。颜色应该具有透明度,以便面板部分仍然可以发光。面板显示在编辑器区域的下方,包含输出和集成终端等视图。
panelSectionHeader.background 面板部分标题背景颜色。面板显示在编辑器区域的下方,包含输出和集成终端等视图。
panelSectionHeader.foreground 面板部分标题前景色。面板显示在编辑器区域的下方,包含输出和集成终端等视图。
panelSectionHeader.border 当多个视图垂直堆叠在面板中时使用的标题边框颜色。面板显示在编辑器区域的下方,包含输出和集成终端等视图。

状态栏颜色
状态栏显示在工作台的底部。
statusBar.background 标准状态栏背景颜色。
在这里插入图片描述

statusBar.foreground 状态栏前景色。
statusBar.border 分隔状态栏和编辑器的状态栏边框颜色。
statusBar.debuggingBackground 状态栏调试程序时的背景颜色。
statusBar.debuggingForeground 程序被调试时状态栏的前景色。
statusBar.debuggingBorder 状态栏在调试程序时分隔状态栏和编辑器的边框颜色。
statusBar.noFolderForeground 状态栏未打开文件夹时的前景色。
statusBar.noFolderBackground 状态栏没有打开文件夹时的背景颜色。
statusBar.noFolderBorder 当没有文件夹打开时,状态栏分隔状态栏和编辑器的边框颜色。
statusBarItem.activeBackground 状态栏项背景颜色时单击。
statusBarItem.hoverBackground 悬停时状态栏项的背景颜色。
statusBarItem.prominentForeground 状态栏突出项目前景色。
statusBarItem.prominentBackground 状态栏突出项的背景颜色。
statusBarItem.prominentHoverBackground 状态栏突出悬停时项目的背景颜色。
statusBarItem.remoteBackground 状态栏远程状态指示灯背景色。
statusBarItem.remoteForeground 状态栏远程状态指示灯前景色。
statusBarItem.errorBackground 状态栏错误项背景颜色。错误项从其他状态栏条目中脱颖而出,以表明错误条件。
statusBarItem.errorForeground 状态栏错误项前景色。错误项从其他状态栏条目中脱颖而出,以表明错误条件。
statusBarItem.warningBackground 状态栏警告项背景颜色。警告项从其他状态栏条目中脱颖而出,以表明警告条件。状态栏显示在窗口的底部。
statusBarItem.warningForeground 状态栏警告项前景色。警告项从其他状态栏条目中脱颖而出,以表明警告条件。状态栏显示在窗口的底部。
statusBarItem.compactHoverBackground 当悬停一个包含两个悬停的项目时,状态栏项目的背景颜色。状态栏显示在窗口的底部。
statusBarItem.focusBorder 当聚焦于键盘导航时,状态栏项边框的颜色。状态栏显示在窗口的底部。
statusBar.focusBorder 当关注键盘导航时,状态栏边框的颜色。状态栏显示在窗口的底部。
突出的条目从其他状态栏条目中脱颖而出,以表明重要性。一个例子是Toggle Tab键移动焦点命令更改模式指示符。

标题栏颜色
titleBar.activeBackground 标题栏背景时,窗口是活动的。
在这里插入图片描述

titleBar.activeForeground 标题栏前台时,窗口是活动的。
titleBar.inactiveBackground 当窗口处于非活动状态时,标题栏背景。
titleBar.inactiveForeground 当窗口处于非活动状态时,标题栏在前台。
titleBar.border 标题栏边框颜色。

菜单栏颜色
menubar.selectionForeground 菜单栏中所选菜单项的前景色。
menubar.selectionBackground 菜单栏中所选菜单项的背景颜色。
menubar.selectionBorder 菜单栏中所选菜单项的边框颜色。
menu.foreground 菜单项的前景色。
menu.background 菜单项的背景颜色。
menu.selectionForeground 菜单中所选菜单项的前景色。
menu.selectionBackground 菜单中所选菜单项的背景颜色。
menu.selectionBorder 菜单中所选菜单项的边框颜色。
menu.separatorBackground 菜单中分隔符菜单项的颜色。
menu.border 菜单的边框颜色。

命令中心颜色
commandCenter.foreground commandCenter前景色。
commandCenter.activeForeground Command Center的活动前景色。
commandCenter.background Command Center背景色。
在这里插入图片描述

commandCenter.activeBackground Command Center活动背景色。
commandCenter.border Command Center的边框颜色。
commandCenter.inactiveForeground 非活动窗口时,Command Center前景色。
commandCenter.inactiveBorder 当窗口处于非活动状态时,Command Center的边框颜色。
commandCenter.activeBorder Command Center的活动边框颜色。

通知的颜色
通知toasts从工作台的右下角滑上。

通知toasts
“一旦在通知中心打开,它们会显示在一个带有header的列表中”

Notification Center
notificationCenter.border 通知中心边框颜色。
notificationCenterHeader.foreground 通知中心标题前景色。
notificationCenterHeader.background 通知中心标题背景颜色。
notificationToast.border 通知toast边框颜色。
notifications.foreground 通知前景色。
notifications.background 通知背景颜色。
notifications.border 通知边框颜色,与通知中心中的其他通知分离。
notificationLink.foreground 通知链接前景色。
notificationsErrorIcon.foreground 错误通知图标的颜色。
notificationsWarningIcon.foreground 用于通知警告图标的颜色。
notificationsInfoIcon.foreground 用于通知信息图标的颜色。

横幅 colors
横幅出现在标题栏的下方,在可见时横跨整个工作台宽度。

banner.background 横幅背景色。
banner.foreground 横幅前景色。
banner.iconForeground 横幅文本前面的图标的颜色。

Extensions colors
extensionButton.prominentForeground 扩展视图按钮前景色(例如安装按钮)。
extensionButton.prominentBackground 扩展视图按钮背景颜色。
extensionButton.prominentHoverBackground 扩展视图按钮背景悬停颜色。
extensionButton.background 扩展操作的按钮背景颜色。
在这里插入图片描述

extensionButton.foreground 按钮扩展操作的前景色。
extensionButton.hoverBackground 扩展操作的按钮背景悬停颜色。
extensionButton.separator 扩展操作的按钮分隔符颜色。
extensionBadge.remoteBackground 扩展视图中远程标记的背景色。
extensionBadge.remoteForeground 扩展视图中远程标记的前景色。
extensionIcon.starForeground 扩展评级的图标颜色。
extensionIcon.verifiedForeground 扩展验证发布者的图标颜色。
extensionIcon.preReleaseForeground 预发布扩展的图标颜色。
extensionIcon.sponsorForeground 扩展赞助商的图标颜色。

快速选择颜色
pickerGroup.border 快速选择(快速打开)分组边框的颜色。
在这里插入图片描述

pickerGroup.foreground 快速选择(快速打开)颜色分组标签。
quickInput.background 快速输入背景颜色。quick input部件是一个视图容器,包含颜色主题选择器等视图。
quickInput.foreground 快速输入前景色。quick input部件是一个视图容器,包含颜色主题选择器等视图。
quickInputList.focusBackground 快速选取聚焦项的背景颜色。
quickInputList.focusForeground 快速选择聚焦项目的前景色。
quickInputList.focusIconForeground 快速选择聚焦项目的图标前景色。
quickInputTitle.background 快速选择标题背景颜色。快速选择器部件是选择器(如命令面板)的容器。

集成终端颜色
terminal.background 集成终端视口的背景。
terminal.border 在终端中分隔分隔窗格的边框颜色。默认是panel.border。
terminal.foreground 集成终端默认前景色。
terminal.ansiBlack 终端中的“黑色”ANSI颜色。
terminal.ansiBlue Blue是终端中的ANSI颜色。
terminal.ansiBrightBlack 亮黑色的ANSI颜色在终端。
terminal.ansiBrightBlue 在终端中亮蓝色的ANSI颜色。
terminal.ansiBrightCyan 亮青色的ANSI颜色在终端。
terminal.ansiBrightGreen 亮绿色的ANSI颜色在终端。
terminal.ansiBrightMagenta 在终端中亮红色的ANSI颜色。
terminal.ansiBrightRed 在终端中明亮的ANSI颜色。
terminal.ansiBrightWhite 在终端中亮白色的ANSI颜色。
terminal.ansiBrightYellow 亮黄色终端中的ANSI颜色。
terminal.ansiCyan 青色终端中的ANSI颜色。
terminal.ansiGreen 绿色终端的ANSI颜色。
terminal.ansiMagenta 在终端的洋红色ANSI颜色。
terminal.ansiRed 红色终端中的ANSI颜色。
terminal.ansiWhite 白色ANSI颜色在终端。
terminal.ansiYellow 黄色终端的ANSI颜色。
terminal.selectionBackground 终端选择的背景色。
terminal.selectionForeground 选择前景色的终端。当此值为空时,选择的前景将保留并应用最小对比度特征。
terminal.inactiveSelectionBackground 在没有获得焦点时,终端的选择背景色。
terminal.findMatchBackground 当前搜索在终端中匹配的颜色。颜色不能是不透明的,以免隐藏底层的终端内容。
terminal.findMatchBorder 当前搜索的边框颜色在终端中匹配。
terminal.findMatchHighlightBackground 其他搜索的颜色在终端中匹配。颜色不能是不透明的,以免隐藏底层的终端内容。
terminal.findMatchHighlightBorder 其他搜索框的边框颜色与终端中匹配。
terminalCursor.background 终端光标的背景色。允许自定义由块游标重叠的字符的颜色。
terminalCursor.foreground 终端光标的前景色。
terminal.dropBackground 拖动到终端顶部时的背景颜色。颜色应该是透明的,这样终端内容仍然可以发光。
terminal.tab.activeBorder 在面板的终端标签的侧面加上边框。默认值是tab.activeBorder。
terminalCommandDecoration.defaultBackground 默认的终端命令装饰背景颜色。
terminalCommandDecoration.successBackground 成功命令的终端命令装饰背景色。
terminalCommandDecoration.errorBackground 错误命令的终端命令装饰背景色。
terminalOverviewRuler.cursorForeground 概览标尺光标的颜色。
terminalOverviewRuler.findMatchForeground 标尺标记颜色,用于在终端中查找匹配。


"workbench.colorCustomizations": {
    "terminal.background": "#1f2020", //背景颜色
    "terminal.foreground": "#6ed97d", //整体的字体颜色
    "terminalCursor.background": "#D8D8D8", //光标的背景颜色 猜测应该是设置方块光标的时候生效
    "terminalCursor.foreground": "#D8D8D8", //光标的颜色
    "terminal.ansiBlue": "#a76d0a", // INFO 的背景颜色 比如 run serve的时候
    "terminal.ansiBlack": "#1414cb", // INFO 的字体颜色 比如 run serve的时候
    "terminal.ansiBrightBlack": "#2aca0a", //服务跑起来的时候时间颜色 参考右上角
    "terminal.ansiBrightBlue": "#1a0cdb", //这个没有测出来 测出来告诉我一声
    "terminal.ansiBrightCyan": "#64908a", //服务跑起来的端口号颜色http://localhost:8080/ 8080的颜色
    "terminal.ansiBrightYellow": "#ced115", //10 moderate severity vulnerabilities 中 moderate的颜色
    "terminal.ansiWhite": "#db0686", //报错时候ERR! 前面的字体颜色 比如" npm ERR! " 中 npm 颜色
    "terminal.ansiBrightGreen": "#f80b0b", //懒得测试了 上面基本够用了
    "terminal.ansiBrightMagenta": "#7c10e1", //懒得测试了 上面基本够用了
    "terminal.ansiBrightRed": "#AB4642", //懒得测试了 上面基本够用了
    "terminal.ansiBrightWhite": "#F8F8F8", //懒得测试了 上面基本够用了
    "terminal.ansiCyan": "#86C1B9", //懒得测试了 上面基本够用了
    "terminal.ansiGreen": "#00e2ff", //字符串颜色
    "terminal.ansiMagenta": "#BA8BAF", //懒得测试了 上面基本够用了
    "terminal.ansiRed": "#eb0505", //懒得测试了 上面基本够用了
    "terminal.ansiYellow": "#0bab06", //懒得测试了 上面基本够用了
}

调试颜色
debugToolBar.background 调试工具栏背景颜色。
在这里插入图片描述

debugToolBar.border 调试工具栏边框颜色。

editor.stackFrameHighlightBackground 在编辑器中突出显示顶部堆栈框架的背景颜色。
在这里插入图片描述

editor.focusedStackFrameHighlightBackground 在编辑器中突出显示的聚焦堆栈框架的背景颜色。
editor.inlineValuesForeground 调试内联值文本的颜色。
editor.inlineValuesBackground 调试内联值背景的颜色。

debugView.exceptionLabelForeground 当调试器在异常上中断时,在调用堆栈视图中显示的标签的前景色
debugView.exceptionLabelBackground 当调试器中断异常时,在调用堆栈视图中显示的标签的背景色
debugView.stateLabelForeground 调用堆栈视图中显示当前会话或线程状态的标签的前景色
debugView.stateLabelBackground 调用堆栈视图中显示当前会话或线程状态的标签的背景色
debugView.valueChangedHighlight 在调试视图中用于突出显示值变化的颜色。在Variables视图中)

debugTokenExpression.name 调试视图中显示的令牌名称的前景色。变量或监视视图)
在这里插入图片描述

debugTokenExpression.value 调试视图中显示的标记值的前景色
debugTokenExpression.string 调试视图中字符串的前景色
debugTokenExpression.boolean 调试视图中布尔值的前景色
debugTokenExpression.number 调试视图中数字的前景色
debugTokenExpression.error 调试视图中表达式错误的前景色

测试的颜色
testing.iconFailed 测试资源管理器中“失败”图标的颜色。
testing.iconErrored 测试资源管理器中“错误”图标的颜色。
testing.iconPassed 测试资源管理器中passed图标的颜色。
testing.runAction 编辑器中run图标的颜色。
testing.iconQueued 测试资源管理器中“Queued”图标的颜色。
testing.iconUnset 测试资源管理器中“未设置”图标的颜色。
testing.iconSkipped 测试资源管理器中“跳过”图标的颜色。
testing.peekBorder peek视图边框和箭头的颜色。
testing.peekHeaderBackground peek视图边框和箭头的颜色。
testing.message.error.decorationForeground 在编辑器中内联显示的测试错误消息的文本颜色。
testing.message.error.lineBackground 编辑器中内联显示的错误消息旁边的边距颜色。
testing.message.info.decorationForeground 在编辑器中内联显示的测试信息消息的文本颜色。
testing.message.info.lineBackground 编辑器中内联显示的信息消息旁边的边距颜色。

Welcome page colors
welcomePage.background 欢迎页面的背景色.
welcomePage.progress.background 欢迎页进度条的前景色。
welcomePage.progress.foreground 欢迎页进度条的背景色。
welcomePage.tileBackground “开始使用”页面上瓷砖的背景色。
welcomePage.tileHoverBackground 悬停背景颜色的瓷砖开始。
welcomePage.tileBorder “开始”页面上瓷砖的边框颜色。
walkThrough.embeddedEditorBackground 交互式游乐场上嵌入式编辑器的背景色。
walkthrough.stepTitle.foreground 每个演练步骤标题的前景色。

源代码控制颜色
scm.providerBorder SCM Provider separator border.

Git colors
在这里插入图片描述

gitDecoration.addedResourceForeground 新增资源的颜色,资源右侧的字母为“A”
gitDecoration.modifiedResourceForeground 已更改的资源的颜色,资源右侧的字母为“M”
gitDecoration.deletedResourceForeground 已删除的资源的颜色,资源右侧的字母为“D”
gitDecoration.renamedResourceForeground 重命名或复制的Git资源的颜色。用于文件标签和SCM视图。
gitDecoration.stageModifiedResourceForeground 分段修改的颜色git装饰。用于文件标签和SCM视图。
gitDecoration.stageDeletedResourceForeground 分段删除的颜色git装饰。用于文件标签和SCM视图。
gitDecoration.untrackedResourceForeground 未跟踪资源的颜色,资源右侧的字母为“U”。
gitDecoration.ignoredResourceForeground 忽略的资源的颜色,右侧没有字母
gitDecoration.conflictingResourceForeground Git资源冲突的颜色。用于文件标签和SCM视图。
gitDecoration.submoduleResourceForeground 子模块资源的颜色。设置编辑器颜色

这些颜色是GUI设置编辑器,可以使用Preferences ’ Open settings (UI)命令打开。
settings.headerForeground 部分标题或活动标题的前景色。
settings.modifiedItemIndicator 指示已修改设置的行。
settings.dropdownBackground 下拉的背景。
settings.dropdownForeground 下拉前景。
settings.dropdownBorder 下拉边境。
settings.dropdownListBorder 下拉列表边框。
settings.checkboxBackground 复选框的背景。
settings.checkboxForeground 复选框前景。
settings.checkboxBorder 复选框的边界。
settings.rowHoverBackground 鼠标悬停时设置行的背景色。
settings.textInputBackground 文本输入框背景。
settings.textInputForeground 文本输入框前景。
settings.textInputBorder 文本输入框边框。
settings.numberInputBackground 数字输入框背景。
settings.numberInputForeground 数字输入框前台。
settings.numberInputBorder 数字输入框边框。
settings.focusedRowBackground 聚焦设置行的背景色。
settings.focusedRowBorder 当行聚焦时,行的上边框和下边框的颜色。
settings.headerBorder 标题容器边框的颜色。
settings.sashBorder 设置编辑器splitview的饰带边框的颜色。

面包屑的颜色
“面包屑式导航的主题颜色”
在这里插入图片描述

breadcrumb.foreground 面包屑项目的颜色。
breadcrumb.background 面包屑项目的背景颜色。
breadcrumb.focusForeground 焦点面包屑项目的颜色。
breadcrumb.activeSelectionForeground 所选面包屑项目的颜色。
breadcrumbPicker.background 面包屑项选择器的背景颜色。

片段的颜色
“片段的主题颜色”

editor.snippetTabstopHighlightBackground 突出显示片段tabstop的背景色。
editor.snippetTabstopHighlightBorder 突出显示片段tabstop的边框颜色。
editor.snippetFinalTabstopHighlightBackground 突出显示代码片段最后一个制表符的背景色。
editor.snippetFinalTabstopHighlightBorder 突出显示代码段最后一个制表符的边框颜色。

符号图标颜色
“出现在大纲视图、面包屑导航和建议窗口组件中的符号图标的主题颜色”

symbolIcon.arrayForeground 数组符号的前景色。
symbolIcon.booleanForeground 布尔符号的前景色。
symbolIcon.classForeground 类别符号的前景色。
symbolIcon.colorForeground 颜色符号的前景色。
symbolIcon.constantForeground 常量符号的前景色。
symbolIcon.constructorForeground 构造函数符号的前景色。
symbolIcon.enumeratorForeground 枚举数符号的前景色。
symbolIcon.enumeratorMemberForeground 枚举数成员符号的前景色。
symbolIcon.eventForeground 事件符号的前景色。
symbolIcon.fieldForeground 字段符号的前景色。
symbolIcon.fileForeground 文件符号的前景色。
symbolIcon.folderForeground 文件夹符号的前景色。
symbolIcon.functionForeground 函数符号的前景色。
symbolIcon.interfaceForeground 界面符号的前景色。
symbolIcon.keyForeground 关键符号的前景色。
symbolIcon.keywordForeground 关键字符号的前景色。
symbolIcon.methodForeground 方法符号的前景色。
symbolIcon.moduleForeground 模块符号的前景色。
symbolIcon.namespaceForeground 命名空间符号的前景色。
symbolIcon.nullForeground null符号的前景色。
symbolIcon.numberForeground 数字符号的前景色。
symbolIcon.objectForeground 对象符号的前景色。
symbolIcon.operatorForeground 运算符符号的前景色。
symbolIcon.packageForeground package符号的前景色。
symbolIcon.propertyForeground 属性符号的前景色。
symbolIcon.referenceForeground reference符号的前景色。
symbolIcon.snippetForeground 代码片段符号的前景色。
symbolIcon.stringForeground 字符串符号的前景色。
symbolIcon.structForeground 结构体符号的前景色。
symbolIcon.textForeground 文本符号的前景色。
symbolIcon.typeParameterForeground 类型参数符号的前景色。
symbolIcon.unitForeground 单位符号的前景色。
symbolIcon.variableForeground 变量符号的前景色。

Debug Icons colors
debugIcon.breakpointForeground 断点的图标颜色。
debugIcon.breakpointDisabledForeground 禁用断点的图标颜色。
debugIcon.breakpointUnverifiedForeground 未验证断点的图标颜色。
debugIcon.breakpointCurrentStackframeForeground 当前断点堆栈帧的图标颜色。
在这里插入图片描述

debugIcon.breakpointStackframeForeground 所有断点堆栈帧的图标颜色。
debugIcon.startForeground 调试工具栏图标,用于开始调试。
debugIcon.pauseForeground 调试工具栏图标暂停。
debugIcon.stopForeground 调试工具栏图标停止。
debugIcon.disconnectForeground 断开连接的调试工具栏图标。
debugIcon.restartForeground 重新启动的调试工具栏图标。
debugIcon.stepOverForeground 调试工具栏图标为步进。
debugIcon.stepIntoForeground 进入调试工具栏图标。
debugIcon.stepOutForeground 调试工具栏图标为步进。
debugIcon.continueForeground “继续”的调试工具栏图标。
debugIcon.stepBackForeground 调试工具栏图标后退。
debugConsole.infoForeground 调试REPL控制台中信息消息的前景色。
debugConsole.warningForeground 调试REPL控制台中警告消息的前景色。
debugConsole.errorForeground 调试REPL控制台中错误消息的前景色。
debugConsole.sourceForeground 调试REPL控制台中源文件名的前景色。
debugConsoleInputIcon.foreground 调试控制台输入标记图标的前景色。

Notebook colors
notebook.editorBackground 笔记本背景色。
notebook.cellBorderColor 笔记本单元格的边框颜色。
notebook.cellHoverBackground 当单元格悬停时,单元格的背景色。
notebook.cellInsertionIndicator 笔记本单元格插入指示器的颜色。
notebook.cellStatusBarItemHoverBackground 笔记本单元格状态栏项目的背景颜色。
notebook.cellToolbarSeparator 单元格底部工具栏中分隔符的颜色
notebook.cellEditorBackground 笔记本单元格编辑器背景的颜色
notebook.focusedCellBackground 当单元格聚焦时,单元格的背景色。
notebook.focusedCellBorder 当单元格被聚焦时,单元格的焦点指示符的颜色包围。
notebook.focusedEditorBorder 笔记本单元格编辑器边框的颜色。
notebook.inactiveFocusedCellBorder 当单元格聚焦时,当主焦点在编辑器之外时,单元格的
notebook.inactiveSelectedCellBorder 选择多个单元格时,单元格边框的颜色。
notebook.outputContainerBackgroundColor 笔记本输出容器背景的颜色。
notebook.outputContainerBorderColor 笔记本输出容器的边框颜色。
notebook.selectedCellBackground 选择单元格时,单元格的背景颜色。
notebook.selectedCellBorder 当单元格被选中但没有聚焦时,单元格的顶部和底部边
notebook.symbolHighlightBackground 高亮单元格的背景颜色
notebookScrollbarSlider.activeBackground 当单击笔记本滚动条滑块时背景颜色。
notebookScrollbarSlider.background 笔记本滚动条滑块背景颜色。
notebookScrollbarSlider.hoverBackground 笔记本滚动条滑块悬停时的背景颜色。
notebookStatusErrorIcon.foreground 单元格状态栏中笔记本单元格的错误图标颜色。
notebookStatusRunningIcon.foreground 单元格状态栏中笔记本单元格的运行图标颜色。
notebookStatusSuccessIcon.foreground 在单元格状态栏中,笔记本单元格的成功图标颜色。

Chart colors
charts.foreground 对比图表中的文字颜色。
charts.lines 图表中线条的颜色。
charts.red 图表中红色元素的颜色。
charts.blue 图表中蓝色元素的颜色。
charts.yellow 图表中黄色元素的颜色。
charts.orange 图表中橙色元素的颜色。
charts.green 图表中绿色元素的颜色。
charts.purple 图表中紫色元素的颜色。
Ports Colors
ports.iconRunningProcessForeground 有关联运行进程的端口图标的颜色。

editor.tokenColorCustomizations


"editor.tokenColorCustomizations": 
{
        "comments": "#FF0000"
}

comments 注释的颜色
在这里插入图片描述

function 函数的颜色
在这里插入图片描述

keywords 关键字的颜色
在这里插入图片描述

numbers 数字的颜色
在这里插入图片描述

strings 字符串的颜色
在这里插入图片描述

textMateRules
在这里插入图片描述

types 类型的颜色
在这里插入图片描述

variables 变量的颜色
在这里插入图片描述

修改主题的对应的颜色
在这里插入图片描述

插件

Error Lens

在这里插入图片描述

errorLens.errorBackground 包含error的整行文字的背景色。
在这里插入图片描述

errorLens.errorMessageBackground 错误信息的背景颜色。
errorLens.errorBackgroundLight 包含error的整行文字的背景色(仅在浅色主题中)。
errorLens.errorForeground 文本颜色用于突出显示包含错误的行。
在这里插入图片描述

errorLens.errorForegroundLight 文本颜色用于突出显示包含错误的行(仅在浅色主题中)。
errorLens.warningBackground 背景颜色用于突出显示包含警告的行。

在这里插入图片描述

errorLens.warningMessageBackground 警告信息的背景颜色。
errorLens.warningBackgroundLight 用于突出显示包含警告的行(仅在浅色主题中)的背景颜色。
errorLens.warningForeground文本用于突出显示包含警告的行。
errorLens.warningForegroundLight文本用于突出显示包含警告的行(仅在浅色主题中)的颜色。

errorLens.infoBackground背景颜色用于突出显示包含信息的行。(比如再查找头文件的过程中头文件带波浪下划线时的颜色)
errorLens.infoMessageBackground信息消息的背景色。
errorLens.infoBackgroundLight用于突出显示包含信息的行(仅在浅色主题中)的背景颜色。
errorLens.infoForeground文本颜色用于突出显示包含信息的行。
errorLens.infoForegroundLight文本颜色用于突出显示包含信息的行(仅在浅色主题中)。

errorLens.hintBackground背景颜色用于突出显示包含提示的行。
errorLens.hintMessageBackground提示信息的背景色。
errorLens.hintBackgroundLight用于突出显示包含提示的行(仅在浅色主题中)的背景颜色。
errorLens.hintForeground文本颜色用于突出显示包含提示的行。
errorLens.hintForegroundLight文本颜色用于突出显示包含提示的行(仅在浅色主题中)。

errorLens.statusBarIconErrorForeground状态栏图标项错误颜色。当errorLens.statusBarIconsUseBackground设置被禁用。
errorLens.statusBarIconWarningForeground状态栏图标项错误颜色。当errorLens.statusBarIconsUseBackground设置被禁用。
errorLens.statusBarErrorForeground状态栏项错误颜色。
errorLens.statusBarWarningForeground状态栏项警告颜色。
errorLens.statusBarInfoForeground状态栏项目信息颜色。
errorLens.statusBarHintForeground状态栏项提示颜色。

  • 19
    点赞
  • 60
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要将VS Code的菜单背景颜色改为黑色,你可以按照以下步骤进行操作: 1. 打开VS Code,点击左上角的"文件"菜单,然后选择"首选项" -> "设置",或者使用快捷键"Ctrl + ,"。 2. 在搜索框中输入"菜单栏颜色",找到"workbench.colorCustomizations"选项。 3. 点击"编辑"按钮,然后点击"复制到设置"以将该选项添加到用户设置中。 4. 在"workbench.colorCustomizations"部分下方的大括号内,加入以下代码来修改菜单背景颜色: "menubar.selectionBackground": "#000000", "menu.background": "#000000", "menu.selectionBackground": "#000000", "menu.separatorBackground": "#000000", "menu.border": "#000000" 5. 修改完成后,保存并关闭设置文件。 6. 重新启动VS Code,你会看到菜单的背景颜色已经改为黑色了。 请注意,在上述步骤中,我们使用了引用中提供的菜单栏颜色相关的设置,具体包括 "menubar.selectionBackground"、"menu.background"、"menu.selectionBackground"、"menu.separatorBackground" 和 "menu.border"。通过设置这些颜色属性,你可以将菜单背景颜色改为黑色。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vscode 主题颜色定制](https://blog.csdn.net/TM1695648164/article/details/128508494)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值