在 VS Code 中试试

主题颜色

您可以使用 workbench.colorCustomizations 用户设置自定义当前活动的 Visual Studio Code 颜色主题

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

注意:如果您想使用现有的颜色主题,请参阅颜色主题,您可以在其中了解如何通过首选项:颜色主题下拉菜单 (⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T)) 设置当前活动的颜色主题。

主题颜色在 webviews 中可用作 CSS 变量,并且有一个扩展提供其 IntelliSense 支持。

颜色格式

颜色值可以在 RGB 颜色模型中定义,带有用于透明度的 Alpha 通道。支持以下十六进制表示法作为格式:#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:预格式化文本段的背景颜色。
  • textSeparator.foreground:文本分隔符的颜色。

操作颜色

控制工作台中操作交互的一组颜色。

  • toolbar.hoverBackground:使用鼠标悬停在操作上方时工具栏的背景颜色
  • toolbar.hoverOutline:使用鼠标悬停在操作上方时工具栏的轮廓颜色
  • toolbar.activeBackground:将鼠标按住操作上方时工具栏的背景颜色
  • editorActionList.background:操作列表背景颜色。
  • editorActionList.foreground:操作列表前景颜色。
  • editorActionList.focusForeground:聚焦项的操作列表前景颜色。
  • editorActionList.focusBackground:聚焦项的操作列表背景颜色。

按钮控件

用于按钮小组件的一组颜色,例如新窗口资源管理器中的打开文件夹按钮。

button control

  • 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 control

  • dropdown.background:下拉控件背景。
  • dropdown.listBackground:下拉列表背景。
  • dropdown.border:下拉控件边框。
  • dropdown.foreground:下拉控件前景。

输入控件

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

input control

  • 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:滚动条滑块阴影,指示视图已滚动。
  • 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.border

  • editorGroup.dropBackground:拖动编辑器时的背景颜色。

    editorGroup.dropBackground

  • editorGroupHeader.noTabsBackground:使用单个选项卡时(设置 "workbench.editor.showTabs": "single")编辑器组标题头部的背景颜色。

    editorGroupHeader.noTabsBackground

  • editorGroupHeader.tabsBackground:选项卡容器的背景颜色。

    editorGroupHeader.tabsBackground

  • editorGroupHeader.tabsBorder:启用选项卡时编辑器选项卡控件下方的边框颜色。

    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 组合的边框颜色。

选择颜色在选择一个或多个字符时可见。除了选择区域外,所有内容相同的区域也会高亮显示。

selection highlight

  • editor.selectionBackground:编辑器选择的颜色。
  • editor.selectionForeground:高对比度下选定文本的颜色。
  • editor.inactiveSelectionBackground: 非活动编辑器中选区的颜色。此颜色不能是不透明的,以免遮挡底层装饰。
  • editor.selectionHighlightBackground: 内容与选区相同的区域的颜色。此颜色不能是不透明的,以免遮挡底层装饰。
  • editor.selectionHighlightBorder: 内容与选区相同的区域的边框颜色。

当光标位于符号或单词内时,单词高亮颜色可见。取决于文件类型可用的语言支持,所有匹配的引用和声明都会高亮显示,读访问和写访问会使用不同的颜色。如果文档符号语言支持不可用,则会回退到单词高亮。

occurrences

  • editor.wordHighlightBackground: 符号在读取时 (例如读取变量时) 的背景颜色。此颜色不能是不透明的,以免遮挡底层装饰。
  • editor.wordHighlightBorder: 符号在读取时 (例如读取变量时) 的边框颜色。
  • editor.wordHighlightStrongBackground: 符号在写入时 (例如写入变量时) 的背景颜色。此颜色不能是不透明的,以免遮挡底层装饰。
  • editor.wordHighlightStrongBorder: 符号在写入时 (例如写入变量时) 的边框颜色。
  • editor.wordHighlightTextBackground: 符号的文本匹配项的背景颜色。此颜色不能是不透明的,以免遮挡底层装饰。
  • editor.wordHighlightTextBorder: 符号的文本匹配项的边框颜色。

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

Find matches

  • editor.findMatchBackground: 当前搜索匹配项的颜色。
  • editor.findMatchForeground: 当前搜索匹配项的文本颜色。
  • editor.findMatchHighlightForeground: 其他搜索匹配项的前景颜色。
  • editor.findMatchHighlightBackground: 其他搜索匹配项的颜色。此颜色不能是不透明的,以免遮挡底层装饰。
  • editor.findRangeHighlightBackground: 限制搜索的范围的颜色 (在查找部件中启用“在选中内容中查找”)。此颜色不能是不透明的,以免遮挡底层装饰。
  • editor.findMatchBorder: 当前搜索匹配项的边框颜色。
  • editor.findMatchHighlightBorder: 其他搜索匹配项的边框颜色。
  • editor.findRangeHighlightBorder: 限制搜索的范围的边框颜色 (在查找部件中启用“在选中内容中查找”)。

搜索颜色用于搜索视图中的全局搜索结果。

Search Results

  • search.resultsInfoForeground: 搜索视图完成消息中的文本颜色。例如,此颜色用于表示“在 {y} 个文件中找到 {x} 个结果”的文本。

搜索编辑器颜色用于高亮显示搜索编辑器中的结果。可以将其与同一编辑器中的其他查找匹配项分开配置,以便更好地区分不同类别的匹配项。

Search Editor Matches

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

悬停高亮显示在显示悬停提示的符号后面。

Hover Highlight

  • editor.hoverHighlightBackground: 显示悬停提示的单词下方的背景颜色。此颜色不能是不透明的,以免遮挡底层装饰。

当前行通常显示为背景高亮或边框 (但不同时显示两者)。

Line Highlight

  • editor.lineHighlightBackground: 光标所在行的背景高亮颜色。
  • editor.lineHighlightBorder: 光标所在行周围边框的背景颜色。

编辑器水印的颜色

  • editorWatermark.foreground: 编辑器水印中标签的前景颜色。

Unicode 高亮颜色

  • editorUnicodeHighlight.border: 用于高亮 Unicode 字符的边框颜色。
  • editorUnicodeHighlight.background: 用于高亮 Unicode 字符的背景颜色。

链接颜色在点击链接时可见。

Link

  • editorLink.activeForeground: 活动链接的颜色。

在选择搜索结果时,范围高亮可见。

Range Highlight

  • 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

CodeLens

  • editorCodeLens.foreground: 编辑器 CodeLens 的前景颜色。

灯泡

  • editorLightBulb.foreground: 灯泡动作图标使用的颜色。
  • editorLightBulbAutoFix.foreground: 灯泡自动修复动作图标使用的颜色。
  • editorLightBulbAi.foreground: 灯泡 AI 图标使用的颜色。

括号匹配

Bracket colors

  • 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: 编辑器概览标尺的背景颜色。仅当启用 minimap 并放置在编辑器右侧时使用。
  • 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: 内联聊天删除内容的概览标尺标记颜色。

错误和警告

  • 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: 代码行槽项目背景的编辑器代码行槽装饰颜色。此颜色应为不透明。

审阅拉取请求时可以看到编辑器注释部件

  • 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: Diff 编辑器的斜填充颜色。斜填充用于并排的 diff 视图。
  • diffEditor.insertedLineBackground: 已插入行的背景颜色。此颜色不能是不透明的,以免遮挡底层装饰。
  • diffEditor.removedLineBackground: 已删除行的背景颜色。此颜色不能是不透明的,以免遮挡底层装饰。
  • diffEditorGutter.insertedLineBackground: 已插入行所在的边距背景颜色。
  • diffEditorGutter.removedLineBackground: 已删除行所在的边距背景颜色。
  • diffEditorOverview.insertedForeground: 已插入内容的 Diff 概览标尺前景颜色。
  • diffEditorOverview.removedForeground: 已删除内容的 Diff 概览标尺前景颜色。
  • diffEditor.unchangedRegionBackground: Diff 编辑器中未更改块的颜色。
  • diffEditor.unchangedRegionForeground: Diff 编辑器中未更改块的前景颜色。
  • diffEditor.unchangedRegionShadow: 未更改区域小部件周围的阴影颜色。
  • diffEditor.unchangedCodeBackground: Diff 编辑器中未更改代码的背景颜色。
  • diffEditor.move.border: Diff 编辑器中已移动文本的边框颜色。
  • diffEditor.moveActive.border: Diff 编辑器中已移动文本的活动边框颜色。
  • multiDiffEditor.headerBackground: 多文件 diff 编辑器头部的背景颜色
  • multiDiffEditor.background: 多文件 diff 编辑器的背景颜色
  • multiDiffEditor.border: 多文件 diff 编辑器的边框颜色

聊天颜色

  • chat.requestBorder: 聊天请求的边框颜色。
  • chat.requestBackground: 聊天请求的背景颜色。
  • chat.slashCommandBackground: 聊天斜杠命令的背景颜色。
  • chat.slashCommandForeground: 聊天斜杠命令的前景颜色。
  • chat.avatarBackground: 聊天头像的背景颜色。
  • chat.avatarForeground: 聊天头像的前景颜色。
  • chat.editedFileForeground: 聊天已编辑文件列表中的已编辑文件前景颜色。
  • prompt.frontMatter.background: Front Matter 头部块的背景颜色。
  • prompt.frontMatter.inactiveBackground: 非活动 Front Matter 头部块的背景颜色。

内联聊天颜色

  • 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: 编辑器中粘性滚动的阴影颜色。

  • editorStickyScrollHover.background: 编辑器粘性滚动悬停时的背景颜色。

调试异常部件是一个速览视图,当调试在异常处停止时,会在编辑器中显示。

  • debugExceptionWidget.background: 异常部件背景颜色。
  • debugExceptionWidget.border: 异常部件边框颜色。

当在编辑器中导航到错误和警告时 (转到下一个错误或警告命令),会显示编辑器标记视图。

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

速览视图颜色

速览视图用于在编辑器内部显示引用和声明。

Peek view

  • 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: 速览视图编辑器中粘性滚动的背景颜色。

合并冲突颜色

当编辑器包含特殊的 diff 范围时,会显示合并冲突装饰。

Merge ranges

  • 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: 调试程序时命令中心背景色。

通知颜色

通知 Toast 从工作台右下角向上滑动显示。

Notification Toasts

在通知中心打开后,它们会以列表形式显示,并带有标题。

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: 用于通知信息图标的颜色。

Banner 显示在标题栏下方,可见时跨越工作台的整个宽度。

  • banner.background: Banner 背景色。
  • banner.foreground: Banner 前景色。
  • banner.iconForeground: Banner 文本前图标的颜色。

扩展颜色

  • 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: 私有扩展图标的颜色。

快速选择器颜色

  • pickerGroup.border: 快速选择器(快速打开)分组边框的颜色。
  • pickerGroup.foreground: 快速选择器(快速打开)分组标签的颜色。
  • quickInput.background: 快速输入背景色。快速输入部件是颜色主题选择器等视图的容器。
  • quickInput.foreground: 快速输入前景色。快速输入部件是颜色主题选择器等视图的容器。
  • quickInputList.focusBackground: 快速选择器中焦点项的背景色。
  • quickInputList.focusForeground: 快速选择器中焦点项的前景色。
  • quickInputList.focusIconForeground: 快速选择器中焦点项的图标前景色。
  • quickInputTitle.background: 快速选择器标题背景色。快速选择器部件是命令面板等选择器的容器。

键绑定标签颜色

命令关联有键绑定时,会显示键绑定标签。可以在命令面板中看到键绑定标签的示例。

Keybinding label

键绑定标签的用法包括(但不限于)

  • 命令面板
  • 键盘快捷方式编辑器
  • 键盘快捷方式记录器模态框
  • 扩展市场页面的“功能贡献”部分

以下是可用的自定义项

  • 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.flagForeground: 标志图标的前景色。这些图标将出现在终端建议部件中。

  • terminalSymbolIcon.optionForeground: 选项图标的前景色。这些图标将出现在终端建议部件中。

  • terminalSymbolIcon.optionValueForeground: 枚举成员图标的前景色。这些图标将出现在终端建议部件中。

  • terminalSymbolIcon.methodForeground: 方法图标的前景色。这些图标将出现在终端建议部件中。

  • terminalSymbolIcon.argumentForeground: 参数图标的前景色。这些图标将出现在终端建议部件中。

  • terminalSymbolIcon.inlineSuggestionForeground: 内联建议图标的前景色。这些图标将出现在终端建议部件中。

  • terminalSymbolIcon.fileForeground: 文件图标的前景色。这些图标将出现在终端建议部件中。

  • terminalSymbolIcon.folderForeground: 文件夹图标的前景色。这些图标将出现在终端建议部件中。

调试颜色

  • debugToolBar.background: 调试工具栏背景色。
  • debugToolBar.border: 调试工具栏边框颜色。
  • editor.stackFrameHighlightBackground: 编辑器中顶部堆栈帧高亮背景色。
  • editor.focusedStackFrameHighlightBackground: 编辑器中聚焦堆栈帧高亮背景色。
  • editor.inlineValuesForeground: 调试内联值文本颜色。
  • editor.inlineValuesBackground: 调试内联值背景色。
  • debugView.exceptionLabelForeground: 调试器因异常暂停时,CALL STACK 视图中显示的标签前景色。
  • debugView.exceptionLabelBackground: 调试器因异常暂停时,CALL STACK 视图中显示的标签背景色。
  • debugView.stateLabelForeground: CALL STACK 视图中显示当前会话或线程状态的标签前景色。
  • debugView.stateLabelBackground: CALL STACK 视图中显示当前会话或线程状态的标签背景色。
  • 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: Peek 视图边框和箭头的颜色。
  • testing.peekHeaderBackground: Peek 视图边框和箭头的颜色。
  • testing.message.error.lineBackground: 编辑器中内联显示的错误消息旁边的边距颜色。
  • testing.message.info.decorationForeground: 编辑器中内联显示的测试信息消息的文本颜色。
  • testing.message.info.lineBackground: 编辑器中内联显示的信息消息旁边的边距颜色。
  • testing.messagePeekBorder: Peek 已记录消息时,Peek 视图边框和箭头的颜色。
  • testing.messagePeekHeaderBackground: Peek 已记录消息时,Peek 视图边框和箭头的颜色。
  • 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: 交互式演练场中嵌入式编辑器背景色。

  • walkthrough.stepTitle.foreground: 每个演练步骤标题前景色。

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: blame 编辑器装饰颜色。

源代码管理图颜色

  • 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: 历史项悬停默认标签背景色。

设置编辑器颜色

注意: 这些颜色适用于可以通过 首选项: 打开设置(UI) 命令打开的 GUI 设置编辑器。

  • 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: 代码片段 Tab 停止位置高亮背景色。
  • editor.snippetTabstopHighlightBorder: 代码片段 Tab 停止位置高亮边框颜色。
  • editor.snippetFinalTabstopHighlightBackground: 代码片段最终 Tab 停止位置高亮背景色。
  • editor.snippetFinalTabstopHighlightBorder: 代码片段最终 Tab 停止位置高亮边框颜色。

符号图标颜色

大纲视图、面包屑导航和建议部件中显示的符号图标主题颜色

  • 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: 用于单步跳过的调试工具栏图标。

  • debugIcon.continueForeground: 用于继续的调试工具栏图标。

  • debugIcon.stepBackForeground: 用于后退一步的调试工具栏图标。

  • debugConsole.infoForeground: 调试 REPL 控制台中信息消息的前景色。

  • debugConsole.warningForeground: 调试 REPL 控制台中警告消息的前景色。

  • debugConsole.errorForeground: 调试 REPL 控制台中错误消息的前景色。

  • debugConsole.sourceForeground: 调试 REPL 控制台中源文件名的前景色。

  • debugConsoleInputIcon.foreground: 调试控制台输入标记图标的前景色。

Notebook 颜色

  • 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: sash 边框的颜色。

仪表盘颜色

  • gauge.background: 仪表背景颜色。
  • gauge.foreground: 仪表前景色。
  • gauge.border: 仪表边框颜色。
  • gauge.warningBackground: 仪表警告背景颜色。
  • gauge.warningForeground: 仪表警告前景色。
  • gauge.errorBackground: 仪表错误背景颜色。
  • gauge.errorForeground: 仪表错误前景色。

扩展颜色

颜色 ID 也可以通过扩展程序提供的 颜色贡献点 进行贡献。在 workbench.colorCustomizations 设置和颜色主题定义文件中使用代码完成时,这些颜色也会出现。用户可以在扩展贡献选项卡中查看扩展程序定义的颜色。