主题颜色
您可以通过 workbench.colorCustomizations 用户 设置 来自定义您活动的 Visual Studio Code 颜色主题。
{
"workbench.colorCustomizations": {
"activityBar.background": "#00AA00"
}
}
注意:如果您想使用现有的颜色主题,请参阅 颜色主题,在那里您将学习如何通过首选项: 颜色主题下拉菜单(⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T))来设置活动颜色主题。
主题颜色在 Webview 中可作为 CSS 变量使用,并且有一个提供 IntelliSense 的 扩展。
颜色格式
颜色值可以使用带 alpha 通道的 RGB 颜色模型定义,以实现透明度。支持以下十六进制记法格式:#RGB、#RGBA、#RRGGBB 和 #RRGGBBAA。R(红)、G(绿)、B(蓝)和 A(alpha)是十六进制字符(0-9、a-f 或 A-F)。三位数记法(#RGB)是六位数形式(#RRGGBB)的缩写,四位数 RGB 记法(#RGBA)是八位数形式(#RRGGBBAA)的缩写。例如,#e35f 与 #ee3355ff 是相同的颜色。
如果未定义 alpha 值,则默认为 ff(不透明,无透明度)。如果 alpha 设置为 00,则颜色完全透明。
某些颜色不应是不透明的,以免覆盖其他注释。请查看颜色描述以了解哪些颜色适用此规则。
对比度颜色
对比度颜色通常仅为高对比度主题设置。如果设置了这些颜色,它们会在 UI 中的各项周围添加额外的边框,以增加对比度。
contrastActiveBorder:活动元素的额外边框,用于将其与其他元素区分开以增加对比度。contrastBorder:元素的额外边框,用于将其与其他元素区分开以增加对比度。
基本颜色
focusBorder:焦点元素的整体边框颜色。此颜色仅在未被组件覆盖时使用。foreground:整体前景颜色。此颜色仅在未被组件覆盖时使用。disabledForeground:禁用元素的整体前景颜色。此颜色仅在未被组件覆盖时使用。widget.border:小部件(如编辑器内的查找/替换)的边框颜色。widget.shadow:小部件(如编辑器内的查找/替换)的阴影颜色。selection.background:工作台中文本选区的背景颜色(适用于输入字段或文本区域,不适用于编辑器和终端内的选区)。descriptionForeground:用于描述性文本的前景颜色,提供额外信息,例如标签。errorForeground:错误消息的整体前景颜色(此颜色仅在未被组件覆盖时使用)。icon.foreground:工作区中图标的默认颜色。sash.hoverBorder:可拖动分隔线的悬停边框颜色。
窗口边框
VS Code 窗口边框的主题颜色。
window.activeBorder:活动(焦点)窗口的边框颜色。window.inactiveBorder:非活动(非焦点)窗口的边框颜色。
窗口边框颜色仅在 macOS 和 Linux 上受支持(Windows 不支持),并且仅在启用了自定义标题栏时("window.titleBarStyle": "custom")才受支持。
文本颜色
文本文档内的颜色,例如欢迎页面。
textBlockQuote.background:文本中引用块的背景颜色。textBlockQuote.border:文本中引用块的边框颜色。textCodeBlock.background:文本中代码块的背景颜色。textLink.activeForeground:文本中链接在单击和鼠标悬停时的前景颜色。textLink.foreground:文本中链接的前景颜色。textPreformat.foreground:预格式化文本片段的前景颜色。textPreformat.background:预格式化文本片段的背景颜色。textPreformat.border:预格式化文本片段的边框颜色。textSeparator.foreground:文本分隔符的颜色。
操作颜色
一组用于控制工作区中与操作交互的颜色。
toolbar.hoverBackground:鼠标悬停在操作上时的工具栏背景。toolbar.hoverOutline:鼠标悬停在操作上时的工具栏轮廓。toolbar.activeBackground:按住鼠标悬停在操作上时的工具栏背景。editorActionList.background:操作列表背景颜色。editorActionList.foreground:操作列表前景颜色。editorActionList.focusForeground:操作列表聚焦项的前景颜色。editorActionList.focusBackground:操作列表聚焦项的背景颜色。
按钮控件
一组用于按钮小部件的颜色,例如新窗口中“资源管理器”里的打开文件夹按钮。

button.background:按钮背景颜色。button.foreground:按钮前景颜色。button.border:按钮边框颜色。button.separator:按钮分隔线颜色。button.hoverBackground:鼠标悬停在按钮上时的背景颜色。button.secondaryForeground:次要按钮前景颜色。button.secondaryBackground:次要按钮背景颜色。button.secondaryHoverBackground:鼠标悬停在次要按钮上时的背景颜色。checkbox.background:复选框小部件的背景颜色。checkbox.foreground:复选框小部件的前景颜色。checkbox.disabled.background:禁用复选框的背景颜色。checkbox.disabled.foreground:禁用复选框的前景颜色。checkbox.border:复选框小部件的边框颜色。checkbox.selectBackground:复选框所在元素被选中时的背景颜色。checkbox.selectBorder:复选框所在元素被选中时的边框颜色。radio.activeForeground:活动单选选项的前景颜色。radio.activeBackground:活动单选选项的背景颜色。radio.activeBorder:活动单选选项的边框颜色。radio.inactiveForeground:非活动单选选项的前景颜色。radio.inactiveBackground:非活动单选选项的背景颜色。radio.inactiveBorder:非活动单选选项的边框颜色。radio.inactiveHoverBackground:鼠标悬停在非活动单选选项上时的背景颜色。
下拉列表控件
所有下拉列表小部件的颜色,例如在集成终端或输出面板中的。请注意,下拉列表控件目前在 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.background:滚动条轨道背景颜色。scrollbar.shadow:滚动条滑块阴影,用于指示视图已滚动。scrollbarSlider.activeBackground:点击滚动条滑块时的背景颜色。scrollbarSlider.background:滚动条滑块背景颜色。scrollbarSlider.hoverBackground:鼠标悬停在滚动条滑块上时的背景颜色。
徽章
徽章是小型信息标签,例如搜索结果计数。
badge.foreground:徽章前景颜色。badge.background:徽章背景颜色。
进度条
progressBar.background:长耗时操作进度条的背景颜色。
列表和树
列表和树(如文件资源管理器)的颜色。活动列表/树具有键盘焦点,非活动列表/树则没有。
list.activeSelectionBackground:活动列表/树中选定项的背景颜色。list.activeSelectionForeground:活动列表/树中选定项的前景颜色。list.activeSelectionIconForeground:活动列表/树中选定项的图标前景颜色。活动列表/树具有键盘焦点,非活动列表/树则没有。list.dropBackground:在通过鼠标移动项目时,列表/树的拖放背景颜色。list.focusBackground:活动列表/树中聚焦项的背景颜色。list.focusForeground:活动列表/树中聚焦项的前景颜色。活动列表/树具有键盘焦点,非活动列表/树则没有。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:列表/树中被淡化项的前景颜色。list.dropBetweenBackground:鼠标移动项目时,在项目之间放置项目时的列表/树拖放边框颜色。tree.indentGuidesStroke:树控件的缩进指南笔触颜色。tree.inactiveIndentGuidesStroke:非活动缩进指南的树笔触颜色。tree.tableColumnsBorder:用于表格列的边框颜色。tree.tableOddRowsBackground:奇数表格行的背景颜色。
活动栏
活动栏通常显示在工作区的最左边或最右边,允许在侧边栏视图之间快速切换。
activityBar.background:活动栏背景颜色。activityBar.dropBorder:活动栏项的拖放反馈颜色。活动栏显示在最左边或最右边,允许在侧边栏视图之间切换。activityBar.foreground:活动栏前景颜色(例如用于图标)。activityBar.inactiveForeground:非活动状态的活动栏项前景颜色。activityBar.border:活动栏与侧边栏之间的边框颜色。activityBarBadge.background:活动通知徽章背景颜色。activityBarBadge.foreground:活动通知徽章前景颜色。activityBar.activeBorder:活动栏活动指示器边框颜色。activityBar.activeBackground:活动栏活动元素的可选背景颜色。activityBar.activeFocusBorder:活动栏活动项的焦点边框颜色。activityBarTop.foreground:活动栏顶部的活动项的前景颜色。活动栏允许在侧边栏视图之间切换。activityBarTop.activeBorder:活动栏顶部的活动项的焦点边框颜色。活动栏允许在侧边栏视图之间切换。activityBarTop.inactiveForeground:活动栏顶部的非活动项的前景颜色。活动栏允许在侧边栏视图之间切换。activityBarTop.dropBorder:活动栏顶部项的拖放反馈颜色。活动栏允许在侧边栏视图之间切换。activityBarTop.background:活动栏顶部/底部显示时的背景颜色。activityBarTop.activeBackground:活动栏顶部/底部显示时的活动项背景颜色。活动栏允许在侧边栏视图之间切换。activityWarningBadge.foreground:警告活动徽章的前景颜色。activityWarningBadge.background:警告活动徽章的背景颜色。activityErrorBadge.foreground:错误活动徽章的前景颜色。activityErrorBadge.background:错误活动徽章的背景颜色。
配置文件
profileBadge.background:配置文件徽章背景颜色。配置文件徽章显示在活动栏的设置齿轮图标上方。profileBadge.foreground:配置文件徽章前景颜色。配置文件徽章显示在活动栏的设置齿轮图标上方。profiles.sashBorder:配置文件编辑器拆分视图分隔线边框的颜色。
侧边栏
侧边栏包含资源管理器和搜索等视图。
-
sideBar.background:侧边栏背景颜色。 -
sideBar.foreground:侧边栏前景颜色。侧边栏是资源管理器和搜索等视图的容器。 -
sideBar.border:侧边栏与编辑器分离的边框颜色。 -
sideBar.dropBackground:侧边栏区域的拖放反馈颜色。颜色应具有透明度,以便侧边栏区域仍能透过。 -
sideBarTitle.foreground:侧边栏标题前景颜色。 -
sideBarSectionHeader.background:侧边栏部分标题背景颜色。 -
sideBarSectionHeader.foreground:侧边栏部分标题前景颜色。 -
sideBarSectionHeader.border:侧边栏部分标题边框颜色。 -
sideBarActivityBarTop.border:顶部/底部活动栏与视图之间的边框颜色。 -
sideBarTitle.background:侧边栏标题背景颜色。侧边栏是资源管理器和搜索等视图的容器。 -
sideBarTitle.border:侧边栏标题底部边框,分隔标题与视图。侧边栏是资源管理器和搜索等视图的容器。 -
sideBarStickyScroll.background:侧边栏中固定滚动条的背景颜色。 -
sideBarStickyScroll.border:侧边栏中固定滚动条的边框颜色。 -
sideBarStickyScroll.shadow:侧边栏中固定滚动条的阴影颜色。
迷你地图
缩略图显示当前文件的缩小版本。
-
minimap.findMatchHighlight:文件中搜索匹配项的高亮颜色。 -
minimap.selectionHighlight:编辑器选区的高亮颜色。 -
minimap.errorHighlight:编辑器中错误的突出显示颜色。 -
minimap.warningHighlight:编辑器中警告的突出显示颜色。 -
minimap.background:缩略图背景颜色。 -
minimap.selectionOccurrenceHighlight:用于重复编辑器选区的缩略图标记颜色。 -
minimap.foregroundOpacity:在缩略图中渲染的前景元素的透明度。例如,"#000000c0" 将以 75% 的透明度渲染元素。 -
minimap.infoHighlight:缩略图中信息的标记颜色。 -
minimap.chatEditHighlight:缩略图中待编辑区域的颜色。 -
minimapSlider.background:缩略图滑块背景颜色。 -
minimapSlider.hoverBackground:鼠标悬停在缩略图滑块上时的背景颜色。 -
minimapSlider.activeBackground:点击缩略图滑块时的背景颜色。 -
minimapGutter.addedBackground:添加内容的缩略图沟槽颜色。 -
minimapGutter.modifiedBackground:修改内容的缩略图沟槽颜色。 -
minimapGutter.deletedBackground:删除内容的缩略图沟槽颜色。 -
editorMinimap.inlineChatInserted:内联聊天插入内容的缩略图标记颜色。
编辑器组和标签页
编辑器组是编辑器的容器。可以有多个编辑器组。标签页是编辑器的容器。一个编辑器组中可以打开多个标签页。
-
editorGroup.border:用于分隔多个编辑器组的颜色。
-
editorGroup.dropBackground:拖动编辑器时的背景颜色。
-
editorGroupHeader.noTabsBackground:在使用单个标签页时(设置"workbench.editor.showTabs": "single"),编辑器组标题头的背景颜色。
-
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.selectedBorderTop:选中标签页顶部的边框。标签页是编辑器区域中编辑器的容器。一个编辑器组中可以打开多个标签页。可以有多个编辑器组。 -
tab.selectedBackground:选中标签页的背景。标签页是编辑器区域中编辑器的容器。一个编辑器组中可以打开多个标签页。可以有多个编辑器组。 -
tab.selectedForeground:选中标签页的前景。标签页是编辑器区域中编辑器的容器。一个编辑器组中可以打开多个标签页。可以有多个编辑器组。 -
tab.dragAndDropBorder:在标签页之间指示一个标签页可以插入到两个标签页之间的边框。标签页是编辑器区域中编辑器的容器。一个编辑器组中可以打开多个标签页。可以有多个编辑器组。 -
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:编辑器窗格在居中编辑器布局的左侧和右侧可见的背景颜色。 -
sideBySideEditor.horizontalBorder:在编辑器组中从上到下并排显示两个编辑器时,用于分隔它们的颜色。 -
sideBySideEditor.verticalBorder:在编辑器组中从左到右并排显示两个编辑器时,用于分隔它们的颜色。
编辑器颜色
最显著的编辑器颜色是用于语法高亮的标记颜色,这些颜色基于安装的语言语法。这些颜色由颜色主题定义,但也可以使用 editor.tokenColorCustomizations 设置进行自定义。有关更新颜色主题和可用标记类型的信息,请参阅 自定义颜色主题。
所有其他编辑器颜色列在此处
editor.background:编辑器背景颜色。editor.foreground:编辑器默认前景颜色。editorLineNumber.foreground:编辑器行号的颜色。editorLineNumber.activeForeground:活动编辑器行号的颜色。editorLineNumber.dimmedForeground:当 `editor.renderFinalNewline` 设置为 `dimmed` 时,最终编辑器行的颜色。editorCursor.background:编辑器光标的背景颜色。允许自定义块状光标重叠字符的颜色。editorCursor.foreground:编辑器光标的颜色。editorMultiCursor.primary.foreground:存在多个光标时,主编辑器光标的颜色。editorMultiCursor.primary.background:存在多个光标时,主编辑器光标的背景颜色。允许自定义块状光标重叠字符的颜色。editorMultiCursor.secondary.foreground:存在多个光标时,次要编辑器光标的颜色。editorMultiCursor.secondary.background:存在多个光标时,次要编辑器光标的背景颜色。允许自定义块状光标重叠字符的颜色。editor.placeholder.foreground:编辑器中占位符文本的前景颜色。editor.compositionBorder:IME 输入组合的边框颜色。
选区颜色在选择一个或多个字符时可见。除了选区之外,相同内容的所有区域也会被高亮显示。

editor.selectionBackground:编辑器选区的颜色。editor.selectionForeground:用于高对比度的选定文本的颜色。editor.inactiveSelectionBackground:非活动编辑器中选区的颜色。颜色必须是不透明的,以免隐藏下方的装饰。editor.selectionHighlightBackground:与选区内容相同的区域的颜色。颜色必须是不透明的,以免隐藏下方的装饰。editor.selectionHighlightBorder:与选区内容相同的区域的边框颜色。
当光标在符号或单词内时,可以看到单词高亮显示。根据文件类型的可用语言支持,所有匹配的引用和声明都会被高亮显示,读写访问会获得不同的颜色。如果未提供文档符号语言支持,则回退到单词高亮显示。

editor.wordHighlightBackground:符号在读访问期间的背景颜色,例如读取变量时。颜色必须是不透明的,以免隐藏下方的装饰。editor.wordHighlightBorder:符号在读访问期间的边框颜色,例如读取变量时。editor.wordHighlightStrongBackground:符号在写访问期间的背景颜色,例如写入变量时。颜色必须是不透明的,以免隐藏下方的装饰。editor.wordHighlightStrongBorder:符号在写访问期间的边框颜色,例如写入变量时。editor.wordHighlightTextBackground:符号文本出现时的背景颜色。颜色必须是不透明的,以免隐藏下方的装饰。editor.wordHighlightTextBorder:符号文本出现时的边框颜色。
查找颜色取决于查找/替换对话框中的当前查找字符串。

editor.findMatchBackground:当前搜索匹配项的颜色。editor.findMatchForeground:当前搜索匹配项的文本颜色。editor.findMatchHighlightForeground:其他搜索匹配项的前景颜色。editor.findMatchHighlightBackground:其他搜索匹配项的颜色。颜色必须是不透明的,以免隐藏下方的装饰。editor.findRangeHighlightBackground:限制搜索范围的颜色(在查找小部件中启用“在选区中查找”)。颜色必须是不透明的,以免隐藏下方的装饰。editor.findMatchBorder:当前搜索匹配项的边框颜色。editor.findMatchHighlightBorder:其他搜索匹配项的边框颜色。editor.findRangeHighlightBorder:限制搜索范围的边框颜色(在查找小部件中启用“在选区中查找”)。
搜索颜色用于搜索视图的全局搜索结果。

search.resultsInfoForeground:搜索视图的完成消息中文本的颜色。例如,此颜色用于文本“{x} 个结果,共 {y} 个文件”。
搜索编辑器颜色突出显示搜索编辑器中的结果。这可以与查找匹配项分开配置,以便更好地区分同一编辑器中不同类别的匹配项。

searchEditor.findMatchBackground:编辑器结果的颜色。searchEditor.findMatchBorder:编辑器结果的边框颜色。searchEditor.textInputBorder:搜索编辑器文本输入框边框。
悬停高亮显示在显示悬停的符号后面。

editor.hoverHighlightBackground:显示悬停的单词下方的突出显示。颜色必须是不透明的,以免隐藏下方的装饰。
当前行通常显示为背景高亮或边框(而不是两者)。

editor.lineHighlightBackground:光标所在行高亮显示的背景颜色。editor.inactiveLineHighlightBackground:编辑器未聚焦时,光标所在行高亮显示的背景颜色。editor.lineHighlightBorder:光标所在行周围边框的高亮背景颜色。
Unicode 高亮显示的颜色
editorUnicodeHighlight.border:用于高亮显示 Unicode 字符的边框颜色。editorUnicodeHighlight.background:用于高亮显示 Unicode 字符的背景颜色。
链接颜色在单击链接时可见。

editorLink.activeForeground:活动链接的颜色。
范围高亮显示在选择搜索结果时可见。

editor.rangeHighlightBackground:高亮显示范围的背景颜色,用于快速打开、文件符号和查找功能。颜色必须是不透明的,以免隐藏下方的装饰。editor.rangeHighlightBorder:高亮显示范围周围边框的背景颜色。
符号高亮显示在通过命令(如转到定义)导航到符号时可见。
editor.symbolHighlightBackground:高亮显示符号的背景颜色。颜色必须是不透明的,以免隐藏下方的装饰。editor.symbolHighlightBorder:高亮显示符号周围边框的背景颜色。
要查看编辑器中的空格,请启用切换渲染空格。
editorWhitespace.foreground:编辑器中空格字符的颜色。
要查看编辑器缩进指南,请设置 "editor.guides.indentation": true 和 "editor.guides.highlightActiveIndentation": true。
editorIndentGuide.background:编辑器缩进指南的颜色。editorIndentGuide.background1:编辑器缩进指南(1)的颜色。editorIndentGuide.background2:编辑器缩进指南(2)的颜色。editorIndentGuide.background3:编辑器缩进指南(3)的颜色。editorIndentGuide.background4:编辑器缩进指南(4)的颜色。editorIndentGuide.background5:编辑器缩进指南(5)的颜色。editorIndentGuide.background6:编辑器缩进指南(6)的颜色。editorIndentGuide.activeBackground:活动编辑器缩进指南的颜色。editorIndentGuide.activeBackground1:活动编辑器缩进指南(1)的颜色。editorIndentGuide.activeBackground2:活动编辑器缩进指南(2)的颜色。editorIndentGuide.activeBackground3:活动编辑器缩进指南(3)的颜色。editorIndentGuide.activeBackground4:活动编辑器缩进指南(4)的颜色。editorIndentGuide.activeBackground5:活动编辑器缩进指南(5)的颜色。editorIndentGuide.activeBackground6:活动编辑器缩进指南(6)的颜色。
要查看编辑器内联提示,请设置 "editor.inlineSuggest.enabled": true。
editorInlayHint.background:内联提示的背景颜色。editorInlayHint.foreground: 行内提示的前景色。editorInlayHint.typeForeground: 类型行内提示的前景色editorInlayHint.typeBackground: 类型行内提示的背景色editorInlayHint.parameterForeground: 参数行内提示的前景色editorInlayHint.parameterBackground: 参数行内提示的背景色
要查看编辑器标尺,请使用 "editor.rulers" 定义其位置
-
editorRuler.foreground: 编辑器标尺的颜色。 -
editor.linkedEditingBackground: 编辑器处于链接编辑模式时的背景色。
CodeLens

editorCodeLens.foreground: 编辑器 CodeLens 的前景色。
灯泡
editorLightBulb.foreground: 灯泡操作图标使用的颜色。editorLightBulbAutoFix.foreground: 灯泡自动修复操作图标使用的颜色。editorLightBulbAi.foreground: 灯泡 AI 图标使用的颜色。
括号匹配

editorBracketMatch.background: 匹配括号后面的背景色。editorBracketMatch.border: 匹配括号框的颜色。
括号对颜色化
editorBracketHighlight.foreground1: 括号 (1) 的前景色。需要启用括号对颜色化。editorBracketHighlight.foreground2: 括号 (2) 的前景色。需要启用括号对颜色化。editorBracketHighlight.foreground3: 括号 (3) 的前景色。需要启用括号对颜色化。editorBracketHighlight.foreground4: 括号 (4) 的前景色。需要启用括号对颜色化。editorBracketHighlight.foreground5: 括号 (5) 的前景色。需要启用括号对颜色化。editorBracketHighlight.foreground6: 括号 (6) 的前景色。需要启用括号对颜色化。editorBracketHighlight.unexpectedBracket.foreground: 意外括号的前景色。
括号对引导线
-
editorBracketPairGuide.activeBackground1: 活动括号对引导线 (1) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.activeBackground2: 活动括号对引导线 (2) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.activeBackground3: 活动括号对引导线 (3) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.activeBackground4: 活动括号对引导线 (4) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.activeBackground5: 活动括号对引导线 (5) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.activeBackground6: 活动括号对引导线 (6) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.background1: 非活动括号对引导线 (1) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.background2: 非活动括号对引导线 (2) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.background3: 非活动括号对引导线 (3) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.background4: 非活动括号对引导线 (4) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.background5: 非活动括号对引导线 (5) 的背景色。需要启用括号对引导线。 -
editorBracketPairGuide.background6: 非活动括号对引导线 (6) 的背景色。需要启用括号对引导线。
折叠
editor.foldBackground: 折叠范围的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。editor.foldPlaceholderForeground: 折叠范围第一行后折叠文本的颜色。
概览标尺
此标尺位于编辑器右边缘的滚动条下方,提供编辑器中装饰的概览。
editorOverviewRuler.background: 编辑器概览标尺的背景色。仅在启用小地图并将其放置在编辑器右侧时使用。editorOverviewRuler.border: 概览标尺边框的颜色。editorOverviewRuler.findMatchForeground: 查找匹配项的概览标尺标记颜色。颜色必须是非不透明的,以免隐藏下方的装饰。editorOverviewRuler.rangeHighlightForeground: 高亮范围(如“快速打开”、“文件内符号”和“查找”功能)的概览标尺标记颜色。颜色必须是非不透明的,以免隐藏下方的装饰。editorOverviewRuler.selectionHighlightForeground: 选择高亮显示的概览标尺标记颜色。颜色必须是非不透明的,以免隐藏下方的装饰。editorOverviewRuler.wordHighlightForeground: 符号高亮显示的概览标尺标记颜色。颜色必须是非不透明的,以免隐藏下方的装饰。editorOverviewRuler.wordHighlightStrongForeground: 写访问符号高亮显示的概览标尺标记颜色。颜色必须是非不透明的,以免隐藏下方的装饰。editorOverviewRuler.wordHighlightTextForeground: 符号文本出现的概览标尺标记颜色。颜色必须是非不透明的,以免隐藏下方的装饰。editorOverviewRuler.modifiedForeground: 已修改内容的概览标尺标记颜色。editorOverviewRuler.addedForeground: 已添加内容的概览标尺标记颜色。editorOverviewRuler.deletedForeground: 已删除内容的概览标尺标记颜色。editorOverviewRuler.errorForeground: 错误的概览标尺标记颜色。editorOverviewRuler.warningForeground: 警告的概览标尺标记颜色。editorOverviewRuler.infoForeground: 信息提示的概览标尺标记颜色。editorOverviewRuler.bracketMatchForeground: 匹配括号的概览标尺标记颜色。editorOverviewRuler.inlineChatInserted: 行内聊天插入内容的概览标尺标记颜色。editorOverviewRuler.inlineChatRemoved: 行内聊天删除内容的概览标尺标记颜色。editorOverviewRuler.commentDraftForeground: 带有草稿评论的评论线程的编辑器概览标尺装饰颜色。此颜色应为不透明的。
错误和警告
editorError.foreground: 编辑器中错误波浪线的くださ前景色。editorError.border: 编辑器中错误框的边框颜色。editorError.background: 编辑器中错误文本的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。editorWarning.foreground: 编辑器中警告波浪线的くださ前景色。editorWarning.border: 编辑器中警告框的边框颜色。editorWarning.background: 编辑器中警告文本的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。editorInfo.foreground: 编辑器中信息提示波浪线的くださ前景色。editorInfo.border: 编辑器中信息提示框的边框颜色。editorInfo.background: 编辑器中信息提示文本的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。editorHint.foreground: 编辑器中提示的前景色。editorHint.border: 编辑器中提示框的边框颜色。problemsErrorIcon.foreground: 问题错误图标使用的颜色。problemsWarningIcon.foreground: 问题警告图标使用的颜色。problemsInfoIcon.foreground: 问题信息图标使用的颜色。
未使用的源代码
editorUnnecessaryCode.border: 编辑器中不必要的(未使用的)源代码的边框颜色。editorUnnecessaryCode.opacity: 编辑器中不必要的(未使用的)源代码的透明度。例如,"#000000c0"将以 75% 的透明度渲染代码。对于高对比度主题,请使用"editorUnnecessaryCode.border"主题颜色来为不必要的代码添加下划线,而不是将其淡出。
装订区包含字形边距和行号
editorGutter.background: 编辑器装订区的背景色。装订区包含字形边距和行号。editorGutter.modifiedBackground: 已修改行的编辑器装订区背景色。editorGutter.modifiedSecondaryBackground: 已修改行的编辑器装订区次要背景色。editorGutter.addedBackground: 已添加行的编辑器装订区背景色。editorGutter.addedSecondaryBackground: 已添加行的编辑器装订区次要背景色。editorGutter.deletedBackground: 已删除行的编辑器装订区背景色。editorGutter.deletedSecondaryBackground: 已删除行的编辑器装订区次要背景色。editorGutter.commentRangeForeground: 注释范围的编辑器装订区装饰颜色。editorGutter.commentGlyphForeground: 注释字形的编辑器装订区装饰颜色。editorGutter.commentUnresolvedGlyphForeground: 未解决的评论线程的注释字形的编辑器装订区装饰颜色。editorGutter.foldingControlForeground: 编辑器装订区中折叠控件的颜色。editorGutter.itemGlyphForeground: 装订区项字形的编辑器装订区装饰颜色。editorGutter.itemBackground: 装订区项背景的编辑器装订区装饰颜色。此颜色应为不透明的。editorGutter.commentDraftGlyphForeground: 带有草稿评论的评论线程的注释字形的编辑器装订区装饰颜色。
审阅拉取请求时可以看到编辑器评论小部件
editorCommentsWidget.resolvedBorder: 已解决评论的边框和箭头颜色。editorCommentsWidget.unresolvedBorder: 未解决评论的边框和箭头颜色。editorCommentsWidget.rangeBackground: 评论范围的背景色。editorCommentsWidget.rangeActiveBackground: 当前选定或悬停评论范围的背景色。editorCommentsWidget.replyInputBackground: 评论回复输入框的背景色。
使用 Copilot 建议下一个要进行的更改时,可以看到编辑器行内编辑
inlineEdit.gutterIndicator.primaryBorder: 主要行内编辑装订区指示器的边框颜色。inlineEdit.gutterIndicator.primaryForeground: 主要行内编辑装订区指示器的くださ前景色。inlineEdit.gutterIndicator.primaryBackground: 主要行内编辑装订区指示器的背景色。inlineEdit.gutterIndicator.secondaryBorder: 次要行内编辑装订区指示器的边框颜色。inlineEdit.gutterIndicator.secondaryForeground: 次要行内编辑装订区指示器的くださ前景色。inlineEdit.gutterIndicator.secondaryBackground: 次要行内编辑装订区指示器的背景色。inlineEdit.gutterIndicator.successfulBorder: 成功的行内编辑装订区指示器的边框颜色。inlineEdit.gutterIndicator.successfulForeground: 成功的行内编辑装订区指示器的くださ前景色。inlineEdit.gutterIndicator.successfulBackground: 成功的行内编辑装订区指示器的背景色。inlineEdit.gutterIndicator.background: 行内编辑装订区指示器的背景色。inlineEdit.originalBackground: 行内编辑中原始文本的背景色。inlineEdit.modifiedBackground: 行内编辑中修改文本的背景色。inlineEdit.originalChangedLineBackground: 行内编辑原始文本中已更改行的背景色。inlineEdit.originalChangedTextBackground: 行内编辑原始文本中已更改文本的叠加颜色。inlineEdit.modifiedChangedLineBackground: 行内编辑修改文本中已更改行的背景色。inlineEdit.modifiedChangedTextBackground: 行内编辑修改文本中已更改文本的叠加颜色。inlineEdit.originalBorder: 行内编辑中原始文本的边框颜色。inlineEdit.modifiedBorder: 行内编辑中修改文本的边框颜色。inlineEdit.tabWillAcceptModifiedBorder: 当 Tab 键将接受修改后的行内编辑小部件的修改边框颜色。inlineEdit.tabWillAcceptOriginalBorder: 当 Tab 键将接受原始文本上的行内编辑小部件的原始边框颜色。
差异编辑器颜色
要为插入和删除的文本着色,请使用背景色或边框色,但不要同时使用两者。
diffEditor.insertedTextBackground: 已插入文本的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。diffEditor.insertedTextBorder: 已插入文本的轮廓颜色。diffEditor.removedTextBackground: 已删除文本的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。diffEditor.removedTextBorder: 已删除文本的轮廓颜色。diffEditor.border: 两个文本编辑器之间的边框颜色。diffEditor.diagonalFill: 差异编辑器的对角填充颜色。对角填充用于并排差异视图。diffEditor.insertedLineBackground: 已插入行的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。diffEditor.removedLineBackground: 已删除行的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。diffEditorGutter.insertedLineBackground: 已插入行的边距背景色。diffEditorGutter.removedLineBackground: 已删除行的边距背景色。diffEditorOverview.insertedForeground: 插入内容的差异概览标尺くださ前景色。diffEditorOverview.removedForeground: 删除内容的差异概览标尺くださ前景色。diffEditor.unchangedRegionBackground: 差异编辑器中未更改块的颜色。diffEditor.unchangedRegionForeground: 差异编辑器中未更改块的前景色。diffEditor.unchangedRegionShadow: 未更改区域小部件周围的阴影颜色。diffEditor.unchangedCodeBackground: 差异编辑器中未更改代码的背景色。diffEditor.move.border: 差异编辑器中已移动文本的边框颜色。diffEditor.moveActive.border: 差异编辑器中已移动文本的活动边框颜色。multiDiffEditor.headerBackground: 差异编辑器的标题背景色multiDiffEditor.background: 多文件差异编辑器的背景色multiDiffEditor.border: 多文件差异编辑器的边框颜色
聊天颜色
chat.requestBorder: 聊天请求的边框颜色。chat.requestBackground: 聊天请求的背景色。chat.slashCommandBackground: 聊天斜杠命令的背景色。chat.slashCommandForeground: 聊天斜杠命令的くださ前景色。chat.avatarBackground: 聊天头像的背景色。chat.avatarForeground: 聊天头像的くださ前景色。chat.editedFileForeground: 已编辑文件列表中聊天已编辑文件的くださ前景色。chat.linesAddedForeground: 聊天代码块胶囊中添加行的くださ前景色。chat.linesRemovedForeground: 聊天代码块胶囊中删除行的くださ前景色。chat.requestCodeBorder: 聊天请求气泡中代码块的边框颜色。chat.requestBubbleBackground: 聊天请求气泡的背景色。chat.requestBubbleHoverBackground: 悬停在聊天请求气泡上的背景色。chat.checkpointSeparator: 聊天检查点分隔符颜色。chatManagement.sashBorder: 聊天管理编辑器分栏器边框的颜色。
行内聊天颜色
inlineChat.background: 交互式编辑器小部件的背景色。inlineChat.foreground: 交互式编辑器小部件的くださ前景色inlineChat.border: 交互式编辑器小部件的边框颜色。inlineChat.shadow: 交互式编辑器小部件的阴影颜色。inlineChatInput.border: 交互式编辑器输入的边框颜色。inlineChatInput.focusBorder: 交互式编辑器输入获得焦点时的边框颜色。inlineChatInput.placeholderForeground: 交互式编辑器输入占位符的くださ前景色。inlineChatInput.background: 交互式编辑器输入的背景色。inlineChatDiff.inserted: 交互式编辑器输入中插入文本的背景色。inlineChatDiff.removed: 交互式编辑器输入中删除文本的背景色。
面板聊天颜色
interactive.activeCodeBorder: 编辑器获得焦点时当前交互式代码单元格的边框颜色。interactive.inactiveCodeBorder: 编辑器未获得焦点时当前交互式代码单元格的边框颜色。
编辑器小部件颜色
编辑器小部件显示在编辑器内容的上方。例如查找/替换对话框、建议小部件和编辑器悬停。
-
editorWidget.foreground: 编辑器小部件(如查找/替换)的くださ前景色。 -
editorWidget.background: 编辑器小部件(如查找/替换)的背景色。 -
editorWidget.border: 编辑器小部件的边框颜色,除非小部件不包含边框或定义了自己的边框颜色。 -
editorWidget.resizeBorder: 编辑器小部件调整大小栏的边框颜色。仅当小部件选择具有调整大小边框且颜色未被小部件覆盖时,才会使用此颜色。 -
editorSuggestWidget.background: 建议小部件的背景色。 -
editorSuggestWidget.border: 建议小部件的边框颜色。 -
editorSuggestWidget.foreground: 建议小部件的くださ前景色。 -
editorSuggestWidget.focusHighlightForeground: 当某项获得焦点时,建议小部件中匹配项高亮的颜色。 -
editorSuggestWidget.highlightForeground: 建议小部件中匹配项高亮的颜色。 -
editorSuggestWidget.selectedBackground: 建议小部件中选定项的背景色。 -
editorSuggestWidget.selectedForeground: 建议小部件中选定项的くださ前景色。 -
editorSuggestWidget.selectedIconForeground: 建议小部件中选定项的图标くださ前景色。 -
editorSuggestWidgetStatus.foreground: 建议小部件状态的くださ前景色。 -
editorHoverWidget.foreground: 编辑器悬停的くださ前景色。 -
editorHoverWidget.background: 编辑器悬停的背景色。 -
editorHoverWidget.border: 编辑器悬停的边框颜色。 -
editorHoverWidget.highlightForeground: 参数提示中活动项的くださ前景色。 -
editorHoverWidget.statusBarBackground: 编辑器悬停状态栏的背景色。 -
editorGhostText.border: 由行内补全提供程序和建议预览显示的幽灵文本的边框颜色。 -
editorGhostText.background: 编辑器中幽灵文本的背景色。 -
editorGhostText.foreground: 由行内补全提供程序和建议预览显示的幽灵文本的くださ前景色。 -
editorStickyScroll.background: 编辑器固定滚动背景色。 -
editorStickyScroll.border: 编辑器中固定滚动的边框颜色。 -
editorStickyScroll.shadow: 编辑器中固定滚动的阴影颜色。 -
editorStickyScrollGutter.background: 编辑器中固定滚动装订区部分的背景色。 -
editorStickyScrollHover.background: 编辑器固定滚动悬停背景色。
调试异常小部件是一个占位视图,在调试停止在异常处时显示在编辑器中。
debugExceptionWidget.background: 异常小部件背景色。debugExceptionWidget.border: 异常小部件边框颜色。
编辑器标记视图在导航到编辑器中的错误和警告时显示(**转到下一个错误或警告**命令)。
editorMarkerNavigation.background: 编辑器标记导航小部件背景。editorMarkerNavigationError.background: 编辑器标记导航小部件错误颜色。editorMarkerNavigationWarning.background: 编辑器标记导航小部件警告颜色。editorMarkerNavigationInfo.background: 编辑器标记导航小部件信息颜色。editorMarkerNavigationError.headerBackground: 编辑器标记导航小部件错误标题背景。editorMarkerNavigationWarning.headerBackground: 编辑器标记导航小部件警告标题背景。editorMarkerNavigationInfo.headerBackground: 编辑器标记导航小部件信息标题背景。
占位视图颜色
占位视图用于在编辑器内显示引用和声明。

peekView.border: 占位视图边框和箭头的颜色。peekViewEditor.background: 占位视图编辑器的背景色。peekViewEditorGutter.background: 占位视图编辑器装订区的背景色。peekViewEditor.matchHighlightBackground: 占位视图编辑器中的匹配高亮颜色。peekViewEditor.matchHighlightBorder: 占位视图编辑器中的匹配高亮边框颜色。peekViewResult.background: 占位视图结果列表的背景色。peekViewResult.fileForeground: 占位视图结果列表中文件节点的くださ前景色。peekViewResult.lineForeground: 占位视图结果列表中行节点的くださ前景色。peekViewResult.matchHighlightBackground: 占位视图结果列表中的匹配高亮颜色。peekViewResult.selectionBackground: 占位视图结果列表中的选定项的背景色。peekViewResult.selectionForeground: 占位视图结果列表中的选定项的くださ前景色。peekViewTitle.background: 占位视图标题区域的背景色。peekViewTitleDescription.foreground: 占位视图标题信息的颜色。peekViewTitleLabel.foreground: 占位视图标题的颜色。peekViewEditorStickyScroll.background: 占位视图编辑器中固定滚动的背景色。peekViewEditorStickyScrollGutter.background: 占位视图编辑器中固定滚动装订区部分的背景色。
合并冲突颜色
编辑器包含特殊差异范围时会显示合并冲突装饰。

merge.currentHeaderBackground: 行内合并冲突中当前标题的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。merge.currentContentBackground: 行内合并冲突中当前内容的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。merge.incomingHeaderBackground: 行内合并冲突中传入标题的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。merge.incomingContentBackground: 行内合并冲突中传入内容的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。merge.border: 行内合并冲突中标题和分隔符的边框颜色。merge.commonContentBackground: 行内合并冲突中共同祖先内容的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。merge.commonHeaderBackground: 行内合并冲突中共同祖先标题的背景色。颜色必须是非不透明的,以免隐藏下方的装饰。editorOverviewRuler.currentContentForeground: 行内合并冲突的当前概览标尺くださ前景色。editorOverviewRuler.incomingContentForeground: 行内合并冲突的传入概览标尺くださ前景色。editorOverviewRuler.commonContentForeground: 行内合并冲突的共同祖先概览标尺くださ前景色。editorOverviewRuler.commentForeground: 已解决评论的编辑器概览标尺装饰颜色。此颜色应为不透明的。editorOverviewRuler.commentUnresolvedForeground: 未解决评论的编辑器概览标尺装饰颜色。此颜色应为不透明的。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: 基本的字词更改背景色。mergeEditor.conflict.input1.background: 输入 1 中装饰的背景色。mergeEditor.conflict.input2.background: 输入 2 中装饰的背景色。
面板颜色
面板显示在编辑器区域下方,包含输出和集成终端等视图。
panel.background: 面板背景色。panel.border: 面板边框颜色,用于将面板与编辑器分开。panel.dropBorder: 面板标题的拖放反馈颜色。面板显示在编辑器区域下方,包含输出和集成终端等视图。panelTitle.activeBorder: 活动面板标题的边框颜色。panelTitle.activeForeground: 活动面板的标题颜色。panelTitle.inactiveForeground: 非活动面板的标题颜色。panelTitle.border: 面板标题底部边框颜色,用于将标题与视图分开。面板显示在编辑器区域下方,包含输出和集成终端等视图。panelTitleBadge.background: 面板标题徽章背景色。面板显示在编辑器区域下方,包含输出和集成终端等视图。panelTitleBadge.foreground: 面板标题徽章くださ前景色。面板显示在编辑器区域下方,包含输出和集成终端等视图。panelInput.border: 面板中输入的输入框边框。panelSection.border: 面板部分边框颜色,用于面板中多个视图水平堆叠时。面板显示在编辑器区域下方,包含输出和集成终端等视图。panelSection.dropBackground: 面板部分的拖放反馈颜色。颜色应具有透明度,以便面板部分仍可透出。面板显示在编辑器区域下方,包含输出和集成终端等视图。panelSectionHeader.background: 面板部分标题背景色。面板显示在编辑器区域下方,包含输出和集成终端等视图。panelSectionHeader.foreground: 面板部分标题くださ前景色。面板显示在编辑器区域下方,包含输出和集成终端等视图。panelStickyScroll.background: 面板中固定滚动的背景色。panelStickyScroll.border: 面板中固定滚动的边框颜色。panelStickyScroll.shadow: 面板中固定滚动的阴影颜色。panelSectionHeader.border: 面板部分标题边框颜色,用于面板中多个视图垂直堆叠时。面板显示在编辑器区域下方,包含输出和集成终端等视图。outputView.background: 输出视图背景色。outputViewStickyScroll.background: 输出视图固定滚动背景色。
状态栏颜色
状态栏显示在工作区的底部。
statusBar.background: 标准状态栏背景色。statusBar.foreground: 状态栏くださ前景色。statusBar.border: 分隔状态栏和编辑器的状态栏边框颜色。statusBar.debuggingBackground: 程序正在调试时的状态栏背景色。statusBar.debuggingForeground: 程序正在调试时的状态栏くださ前景色。statusBar.debuggingBorder: 程序正在调试时分隔状态栏和编辑器的状态栏边框颜色。statusBar.noFolderForeground: 未打开文件夹时状态栏的くださ前景色。statusBar.noFolderBackground: 未打开文件夹时状态栏的背景色。statusBar.noFolderBorder: 未打开文件夹时分隔状态栏和编辑器的状态栏边框颜色。statusBarItem.activeBackground: 点击时状态栏项的背景色。statusBarItem.hoverForeground: 悬停时状态栏项的くださ前景色。状态栏显示在窗口底部。statusBarItem.hoverBackground: 悬停时状态栏项的背景色。statusBarItem.prominentForeground: 状态栏显著项的くださ前景色。statusBarItem.prominentBackground: 状态栏显著项的背景色。statusBarItem.prominentHoverForeground: 悬停时状态栏显著项的くださ前景色。显著项区别于其他状态栏条目以指示重要性。状态栏显示在窗口底部。statusBarItem.prominentHoverBackground: 悬停时状态栏显著项的背景色。statusBarItem.remoteBackground: 状态栏上远程指示器的背景色。statusBarItem.remoteForeground: 状态栏上远程指示器的くださ前景色。statusBarItem.remoteHoverBackground: 悬停时状态栏上远程指示器的背景色。statusBarItem.remoteHoverForeground: 悬停时状态栏上远程指示器的くださ前景色。statusBarItem.errorBackground: 状态栏错误项的背景色。错误项区别于其他状态栏条目以指示错误状况。statusBarItem.errorForeground: 状态栏错误项的くださ前景色。错误项区别于其他状态栏条目以指示错误状况。statusBarItem.errorHoverBackground: 悬停时状态栏错误项的背景色。错误项区别于其他状态栏条目以指示错误状况。状态栏显示在窗口底部。statusBarItem.errorHoverForeground: 悬停时状态栏错误项的くださ前景色。错误项区别于其他状态栏条目以指示错误状况。状态栏显示在窗口底部。statusBarItem.warningBackground: 状态栏警告项的背景色。警告项区别于其他状态栏条目以指示警告状况。状态栏显示在窗口底部。statusBarItem.warningForeground: 状态栏警告项的くださ前景色。警告项区别于其他状态栏条目以指示警告状况。状态栏显示在窗口底部。statusBarItem.warningHoverBackground: 悬停时状态栏警告项的背景色。警告项区别于其他状态栏条目以指示警告状况。状态栏显示在窗口底部。statusBarItem.warningHoverForeground: 悬停时状态栏警告项的くださ前景色。警告项区别于其他状态栏条目以指示警告状况。状态栏显示在窗口底部。statusBarItem.compactHoverBackground: 悬停包含两个悬停项的状态栏项的背景色。状态栏显示在窗口底部。statusBarItem.focusBorder: 键盘导航时获得焦点状态栏项的边框颜色。状态栏显示在窗口底部。statusBar.focusBorder: 键盘导航时获得焦点状态栏的边框颜色。状态栏显示在窗口底部。statusBarItem.offlineBackground: 工作台离线时状态栏项的背景色。statusBarItem.offlineForeground: 工作台离线时状态栏项的くださ前景色。statusBarItem.offlineHoverForeground: 工作台离线时状态栏项的悬停くださ前景色。statusBarItem.offlineHoverBackground: 工作台离线时状态栏项的悬停背景色。
显著项区别于其他状态栏条目以指示重要性。一个例子是**切换 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.activeForeground: 命令中心活动时的文本颜色。commandCenter.background: 命令中心的背景颜色。commandCenter.activeBackground: 命令中心活动时的背景颜色。commandCenter.border: 命令中心的边框颜色。commandCenter.inactiveForeground: 窗口非活动时命令中心的文本颜色。commandCenter.inactiveBorder: 窗口非活动时命令中心的边框颜色。commandCenter.activeBorder: 命令中心活动时的边框颜色。commandCenter.debuggingBackground: 程序调试时命令中心的背景颜色。
通知颜色
通知气泡从工作台的右下角向上滑动。

一旦在通知中心打开,它们将显示在带有标题的列表中。

notificationCenter.border: 通知中心的边框颜色。notificationCenterHeader.foreground: 通知中心标题的文本颜色。notificationCenterHeader.background: 通知中心标题的背景颜色。notificationToast.border: 通知气泡的边框颜色。notifications.foreground: 通知文本颜色。notifications.background: 通知背景颜色。notifications.border: 通知中心中用于分隔通知的边框颜色。notificationLink.foreground: 通知链接的文本颜色。notificationsErrorIcon.foreground: 通知错误图标使用的颜色。notificationsWarningIcon.foreground: 通知警告图标使用的颜色。notificationsInfoIcon.foreground: 通知信息图标使用的颜色。
横幅颜色
横幅显示在标题栏下方,并在可见时跨越工作台的整个宽度。
banner.background: 横幅背景颜色。banner.foreground: 横幅文本颜色。banner.iconForeground: 横幅文本前面的图标颜色。
扩展颜色
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: 扩展赞助者的图标颜色。extensionIcon.privateForeground: 私有扩展的图标颜色。mcpIcon.starForeground: mcp 收藏的图标颜色。
快速选择器颜色
pickerGroup.border: 快速选择器(快速打开)分组边框的颜色。pickerGroup.foreground: 快速选择器(快速打开)分组标签的文本颜色。quickInput.background: 快速输入背景颜色。快速输入小部件是颜色主题选择器等视图的容器。quickInput.foreground: 快速输入文本颜色。快速输入小部件是颜色主题选择器等视图的容器。quickInputList.focusBackground: 快速选择器中焦点项的背景颜色。quickInputList.focusForeground: 快速选择器中焦点项的文本颜色。quickInputList.focusIconForeground: 快速选择器中焦点项的图标文本颜色。quickInputTitle.background: 快速选择器标题背景颜色。快速选择器小部件是命令面板等选择器的容器。
键盘绑定标签颜色
当命令关联有键盘绑定时,会显示键盘绑定标签。命令面板中可以看到键盘绑定标签的示例。

键盘绑定标签的用法包括(但不限于):
- 命令面板
- 键盘快捷方式编辑器
- 键盘快捷方式记录器模态框
- 扩展市场页面中的“功能贡献”部分
以下自定义可用:
keybindingLabel.background: 键盘绑定标签的背景颜色。键盘绑定标签用于表示键盘快捷键。keybindingLabel.foreground: 键盘绑定标签的文本颜色。键盘绑定标签用于表示键盘快捷键。keybindingLabel.border: 键盘绑定标签的边框颜色。键盘绑定标签用于表示键盘快捷键。keybindingLabel.bottomBorder: 键盘绑定标签的底部边框颜色。键盘绑定标签用于表示键盘快捷键。
键盘快捷方式表颜色
keybindingTable.headerBackground: 键盘快捷方式表头的背景颜色。keybindingTable.rowsBackground: 键盘快捷方式表交替行的背景颜色。
集成终端颜色
-
terminal.background: 集成终端视口的背景颜色。 -
terminal.border: 分隔终端中拆分窗格的边框颜色。默认为panel.border。 -
terminal.foreground: 集成终端的默认文本颜色。 -
terminal.ansiBlack: 终端中的“黑色” ANSI 颜色。 -
terminal.ansiBlue: 终端中的“蓝色” 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: 终端的选择文本颜色。如果为 null,则保留选择文本颜色并应用最小对比度比例功能。 -
terminal.inactiveSelectionBackground: 终端非焦点时的选择背景颜色。 -
terminal.findMatchBackground: 终端中当前搜索匹配项的颜色。颜色必须不是不透明的,以免隐藏下面的终端内容。 -
terminal.findMatchBorder: 终端中当前搜索匹配项的边框颜色。 -
terminal.findMatchHighlightBackground: 终端中其他搜索匹配项的颜色。颜色必须不是不透明的,以免隐藏下面的终端内容。 -
terminal.findMatchHighlightBorder: 终端中其他搜索匹配项的边框颜色。 -
terminal.hoverHighlightBackground: 悬停在终端链接上时的突出显示颜色。 -
terminalCursor.background: 终端光标的背景颜色。允许自定义被块状光标覆盖的字符颜色。 -
terminalCursor.foreground: 终端光标的文本颜色。 -
terminal.dropBackground: 拖动到终端上时的背景颜色。颜色应具有透明度,以便终端内容仍然可见。 -
terminal.tab.activeBorder: 面板中终端标签侧面的边框。默认为tab.activeBorder。 -
terminalCommandDecoration.defaultBackground: 默认终端命令装饰的背景颜色。 -
terminalCommandDecoration.successBackground: 成功命令的终端命令装饰背景颜色。 -
terminalCommandDecoration.errorBackground: 错误命令的终端命令装饰背景颜色。 -
terminalOverviewRuler.cursorForeground: 概览标尺光标颜色。 -
terminalOverviewRuler.findMatchForeground: 终端中查找匹配项的概览标尺标记颜色。 -
terminalStickyScroll.background: 终端中粘滞滚动覆盖的背景颜色。 -
terminalStickyScroll.border: 终端中粘滞滚动覆盖的边框。 -
terminalStickyScrollHover.background: 悬停时终端中粘滞滚动覆盖的背景颜色。 -
terminal.initialHintForeground: 终端初始提示的文本颜色。 -
terminalOverviewRuler.border: 概览标尺左侧边框颜色。 -
terminalCommandGuide.foreground: 悬停时出现在命令及其输出左侧的终端命令指南的文本颜色。 -
terminalSymbolIcon.aliasForeground: 别名图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.branchForeground: 分支图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.commitForeground: 提交图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.flagForeground: 标志图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.optionForeground: 选项图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.optionValueForeground: 枚举成员图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.methodForeground: 方法图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.argumentForeground: 参数图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.inlineSuggestionForeground: 内联建议图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.fileForeground: 文件图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.folderForeground: 文件夹图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.pullRequestDoneForeground: 已完成的拉取请求图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.pullRequestForeground: 拉取请求图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.remoteForeground: 远程图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.stashForeground: 暂存图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.symbolText: 纯文本建议的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.symbolicLinkFileForeground: 符号链接文件图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.symbolicLinkFolderForeground: 符号链接文件夹图标的文本颜色。这些图标将出现在终端建议小部件中。 -
terminalSymbolIcon.tagForeground: 标签图标的文本颜色。这些图标将出现在终端建议小部件中。
调试颜色
debugToolBar.background: 调试工具栏背景颜色。debugToolBar.border: 调试工具栏边框颜色。editor.stackFrameHighlightBackground: 编辑器中顶部堆栈帧高亮显示的背景颜色。editor.focusedStackFrameHighlightBackground: 编辑器中焦点堆栈帧高亮显示的背景颜色。editor.inlineValuesForeground: 调试内联值文本的颜色。editor.inlineValuesBackground: 调试内联值背景的颜色。debugView.exceptionLabelForeground: 在调试器中断到异常时,在调用堆栈视图中显示的标签的文本颜色。debugView.exceptionLabelBackground: 在调试器中断到异常时,在调用堆栈视图中显示的标签的背景颜色。debugView.stateLabelForeground: 显示当前会话或线程状态的调用堆栈视图中标签的文本颜色。debugView.stateLabelBackground: 显示当前会话或线程状态的调用堆栈视图中标签的背景颜色。debugView.valueChangedHighlight: 用于突出显示调试视图中值更改的颜色(例如,在变量视图中)。debugTokenExpression.name: 调试视图中显示的令牌名称的文本颜色(例如,在变量或监视视图中)。debugTokenExpression.value: 调试视图中显示的令牌值的文本颜色。debugTokenExpression.string: 调试视图中字符串的文本颜色。debugTokenExpression.boolean: 调试视图中布尔值的文本颜色。debugTokenExpression.number: 调试视图中数字的文本颜色。debugTokenExpression.error: 调试视图中表达式错误的文本颜色。debugTokenExpression.type: 调试视图中显示的令牌类型的文本颜色(例如,变量或监视视图)。
测试颜色
testing.runAction: 编辑器中“运行”图标的颜色。testing.iconErrored: 测试资源管理器中“错误”图标的颜色。testing.iconFailed: 测试资源管理器中“失败”图标的颜色。testing.iconPassed: 测试资源管理器中“通过”图标的颜色。testing.iconQueued: 测试资源管理器中“排队”图标的颜色。testing.iconUnset: 测试资源管理器中“未设置”图标的颜色。testing.iconSkipped: 测试资源管理器中“跳过”图标的颜色。testing.iconErrored.retired: 测试资源管理器中“错误”图标的已停用颜色。testing.iconFailed.retired: 测试资源管理器中“失败”图标的已停用颜色。testing.iconPassed.retired: 测试资源管理器中“通过”图标的已停用颜色。testing.iconQueued.retired: 测试资源管理器中“排队”图标的已停用颜色。testing.iconUnset.retired: 测试资源管理器中“未设置”图标的已停用颜色。testing.iconSkipped.retired: 测试资源管理器中“跳过”图标的已停用颜色。testing.peekBorder: 预览视图边框和箭头的颜色。testing.peekHeaderBackground: 预览视图边框和箭头的颜色。testing.message.error.lineBackground: 编辑器中内联显示的错误消息旁边的边距颜色。testing.message.info.decorationForeground: 编辑器中内联显示的测试信息消息的文本颜色。testing.message.info.lineBackground: 编辑器中内联显示的有关信息消息旁边的边距颜色。testing.messagePeekBorder: 预览已记录消息时的预览视图边框和箭头的颜色。testing.messagePeekHeaderBackground: 预览已记录消息时的预览视图边框和箭头的颜色。testing.coveredBackground: 已覆盖文本的背景颜色。testing.coveredBorder: 已覆盖文本的边框颜色。testing.coveredGutterBackground: 代码已覆盖区域的边距颜色。testing.uncoveredBranchBackground: 为未覆盖分支显示的控件的背景颜色。testing.uncoveredBackground: 未覆盖文本的背景颜色。testing.uncoveredBorder: 未覆盖文本的边框颜色。testing.uncoveredGutterBackground: 代码未覆盖区域的边距颜色。testing.coverCountBadgeBackground: 指示执行次数的徽章背景颜色。testing.coverCountBadgeForeground: 指示执行次数的徽章文本颜色。testing.message.error.badgeBackground: 编辑器中内联显示的测试错误消息的背景颜色。testing.message.error.badgeBorder: 编辑器中内联显示的测试错误消息的边框颜色。testing.message.error.badgeForeground: 编辑器中内联显示的测试错误消息的文本颜色。
欢迎页颜色
-
welcomePage.background: 欢迎页的背景颜色。 -
welcomePage.progress.background: 欢迎页进度条的文本颜色。 -
welcomePage.progress.foreground: 欢迎页进度条的背景颜色。 -
welcomePage.tileBackground: 欢迎页上磁贴的背景颜色。 -
welcomePage.tileHoverBackground: 欢迎页上磁贴的悬停背景颜色。 -
welcomePage.tileBorder: 欢迎页上磁贴的边框颜色。 -
walkThrough.embeddedEditorBackground: 交互式 Playground 中嵌入式编辑器的背景颜色。 -
walkthrough.stepTitle.foreground: 每个 walkthrough 步骤标题的文本颜色。
Git 颜色
gitDecoration.addedResourceForeground: 添加的 Git 资源的颜色。用于文件标签和 SCM 视图。gitDecoration.modifiedResourceForeground: 修改的 Git 资源的颜色。用于文件标签和 SCM 视图。gitDecoration.deletedResourceForeground: 删除的 Git 资源的颜色。用于文件标签和 SCM 视图。gitDecoration.renamedResourceForeground: 重命名或复制的 Git 资源的颜色。用于文件标签和 SCM 视图。gitDecoration.stageModifiedResourceForeground: 已暂存修改的 Git 装饰的颜色。用于文件标签和 SCM 视图。gitDecoration.stageDeletedResourceForeground: 已暂存删除的 Git 装饰的颜色。用于文件标签和 SCM 视图。gitDecoration.untrackedResourceForeground: 未跟踪的 Git 资源的颜色。用于文件标签和 SCM 视图。gitDecoration.ignoredResourceForeground: 已忽略的 Git 资源的颜色。用于文件标签和 SCM 视图。gitDecoration.conflictingResourceForeground: 冲突的 Git 资源的颜色。用于文件标签和 SCM 视图。gitDecoration.submoduleResourceForeground: 子模块资源的颜色。git.blame.editorDecorationForeground: 责备编辑器装饰的颜色。
源代码管理图颜色
scmGraph.historyItemHoverLabelForeground: 历史项悬停标签的文本颜色。scmGraph.foreground1: 源代码管理图的文本颜色 (1)。scmGraph.foreground2: 源代码管理图的文本颜色 (2)。scmGraph.foreground3: 源代码管理图的文本颜色 (3)。scmGraph.foreground4: 源代码管理图的文本颜色 (4)。scmGraph.foreground5: 源代码管理图的文本颜色 (5)。scmGraph.historyItemHoverAdditionsForeground: 历史项悬停添加项的文本颜色。scmGraph.historyItemHoverDeletionsForeground: 历史项悬停删除项的文本颜色。scmGraph.historyItemRefColor: 历史项引用的颜色。scmGraph.historyItemRemoteRefColor: 历史项远程引用的颜色。scmGraph.historyItemBaseRefColor: 历史项基础引用的颜色。scmGraph.historyItemHoverDefaultLabelForeground: 历史项悬停默认标签的文本颜色。scmGraph.historyItemHoverDefaultLabelBackground: 历史项悬停默认标签的背景颜色。
设置编辑器颜色
注意:这些颜色适用于 GUI 设置编辑器,该编辑器可以通过首选项:打开设置 (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: 设置编辑器分栏视图分隔线边框的颜色。settings.settingsHeaderHoverForeground: 分区标题或悬停标题的文本颜色。
面包屑颜色
面包屑导航的主题颜色。
breadcrumb.foreground: 面包屑项的文本颜色。breadcrumb.background: 面包屑项的背景颜色。breadcrumb.focusForeground: 焦点面包屑项的文本颜色。breadcrumb.activeSelectionForeground: 选择的面包屑项的文本颜色。breadcrumbPicker.background: 面包屑项选择器的背景颜色。
代码片段颜色
代码片段的主题颜色。
editor.snippetTabstopHighlightBackground: 代码片段制表符的高亮背景颜色。editor.snippetTabstopHighlightBorder: 代码片段制表符的高亮边框颜色。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: 包符号的文本颜色。symbolIcon.propertyForeground: 属性符号的文本颜色。symbolIcon.referenceForeground: 引用符号的文本颜色。symbolIcon.snippetForeground: 代码片段符号的文本颜色。symbolIcon.stringForeground: 字符串符号的文本颜色。symbolIcon.structForeground: 结构体符号的文本颜色。symbolIcon.textForeground: 文本符号的文本颜色。symbolIcon.typeParameterForeground: 类型参数符号的文本颜色。symbolIcon.unitForeground: 单位符号的文本颜色。symbolIcon.variableForeground: 变量符号的文本颜色。
调试图标颜色
-
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: 调试工具栏的步进图标(原文此处应为“step out”,翻译为“跳出”)。 -
debugIcon.continueForeground: 调试工具栏的继续图标。 -
debugIcon.stepBackForeground: 调试工具栏的后退图标。 -
debugConsole.infoForeground: 调试 REPL 控制台中信息消息的文本颜色。 -
debugConsole.warningForeground: 调试 REPL 控制台中警告消息的文本颜色。 -
debugConsole.errorForeground: 调试 REPL 控制台中错误消息的文本颜色。 -
debugConsole.sourceForeground: 调试 REPL 控制台中源文件名的文本颜色。 -
debugConsoleInputIcon.foreground: 调试控制台输入标记图标的文本颜色。
笔记本颜色
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: 笔记本单元格在单元格状态栏中成功图标的颜色。notebookEditorOverviewRuler.runningCellForeground: 笔记本编辑器概览标尺中运行单元格装饰的颜色。
图表颜色
charts.foreground: 图表中文本的对比度颜色。charts.lines: 图表中线条的颜色。charts.red: 图表中红色元素的颜色。charts.blue: 图表中蓝色元素的颜色。charts.yellow: 图表中黄色元素的颜色。charts.orange: 图表中橙色元素的颜色。charts.green: 图表中绿色元素的颜色。charts.purple: 图表中紫色元素的颜色。chart.line: 图表的线条颜色。chart.axis: 图表的轴颜色。chart.guide: 图表的引导线。
端口颜色
ports.iconRunningProcessForeground: 具有关联正在运行进程的端口的图标颜色。
注释视图颜色
commentsView.resolvedIcon: 已解决注释的图标颜色。commentsView.unresolvedIcon: 未解决注释的图标颜色。
操作栏颜色
actionBar.toggledBackground: 操作栏中已切换操作项的背景颜色。
简单查找小部件颜色
simpleFindWidget.sashBorder: 分隔条边框的颜色。
仪表盘颜色
gauge.background: 仪表盘背景颜色。gauge.foreground: 仪表盘前景颜色。gauge.border: 仪表盘边框颜色。gauge.warningBackground: 仪表盘警告背景颜色。gauge.warningForeground: 仪表盘警告前景颜色。gauge.errorBackground: 仪表盘错误背景颜色。gauge.errorForeground: 仪表盘错误前景颜色。
Markdown
markdownAlert.note.foreground: Markdown 中笔记警报的前景颜色。markdownAlert.tip.foreground: Markdown 中提示警报的前景颜色。markdownAlert.important.foreground: Markdown 中重要警报的前景颜色。markdownAlert.warning.foreground: Markdown 中警告警报的前景颜色。markdownAlert.caution.foreground: Markdown 中注意警报的前景颜色。
代理会话颜色
agentSessionReadIndicator.foreground: 代理会话中已读指示器的前景颜色。agentSessionSelectedBadge.border: 已选代理会话项中徽章的边框颜色。agentSessionSelectedUnfocusedBadge.border: 视图未聚焦时,已选代理会话项中徽章的边框颜色。
扩展颜色
颜色 ID 也可以通过 颜色贡献点 由扩展程序贡献。使用 workbench.colorCustomizations 设置和颜色主题定义文件中的代码补全时,也会显示这些颜色。用户可以在 扩展贡献 选项卡中查看扩展程序定义的颜色。