0


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

状态栏项提示颜色。

标签: vscode ide 编辑器

本文转载自: https://blog.csdn.net/TM1695648164/article/details/128508494
版权归原作者 虾球xz 所有, 如有侵权,请联系我们删除。

“vscode 主题的颜色定制”的评论:

还没有评论