主题颜色

你可以使用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,颜色将完全透明。

某些颜色不应为不透明,以免覆盖其他注释。请查看颜色描述以了解适用于哪些颜色。

对比颜色

对比色通常仅为高对比度主题设置。如果设置,它们会在整个用户界面的项目周围添加额外的边框,以增加对比度。

  • 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.background: 按钮背景颜色。
  • button.foreground: 按钮前景颜色。
  • button.border: 按钮边框颜色。
  • button.separator: 按钮分隔符颜色。
  • button.hoverBackground: 按钮悬停时的背景颜色。
  • button.secondaryForeground: 次要按钮前景色。
  • button.secondaryBackground: 次要按钮背景颜色。
  • button.secondaryHoverBackground: 悬停时次要按钮的背景颜色。
  • checkbox.background: 复选框小部件的背景颜色。
  • checkbox.foreground: 复选框小部件的前景色。
  • checkbox.border: 复选框小部件的边框颜色。
  • checkbox.selectBackground: 当复选框小部件所在的元素被选中时,复选框小部件的背景颜色。
  • checkbox.selectBorder: 当复选框小部件所在的元素被选中时,复选框的边框颜色。
  • 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.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: 当Activity Bar项处于非活动状态时的前景色。
  • 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: Profiles编辑器分割视图的边框颜色。

侧边栏包含诸如资源管理器和搜索等视图。

  • 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: 小地图上信息标记的颜色。

  • minimapSlider.background: 小地图滑块背景颜色。

  • minimapSlider.hoverBackground: 当悬停时,小地图滑块的背景颜色。

  • minimapSlider.activeBackground: 点击时的小地图滑块背景颜色。

  • minimapGutter.addedBackground: 用于添加内容的小地图槽颜色。

  • minimapGutter.modifiedBackground: 用于修改内容的小地图装订线颜色。

  • minimapGutter.deletedBackground: 用于删除内容的小地图装订线颜色。

编辑器组与标签

编辑器组是编辑器的容器。可以有多个编辑器组。标签页是编辑器的容器。在一个编辑器组中可以打开多个标签页。

  • editorGroup.border: 用于分隔多个编辑器组的颜色。

    editorGroup.border

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

    editorGroup.dropBackground

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

    editorGroupHeader.noTabsBackground

  • editorGroupHeader.tabsBackground: Tabs容器的背景颜色。

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

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

选择高亮

  • 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} results in {y} files”的文本中。

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

搜索编辑器匹配

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

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

悬停高亮

  • editor.hoverHighlightBackground: 高亮显示鼠标悬停的单词下方。颜色不能是不透明的,以免隐藏底层的装饰。

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

线条高亮

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

编辑器水印的颜色

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

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: 内联聊天删除内容的概览标尺标记颜色。

错误和警告:

  • 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.addedBackground: 编辑器装订线背景颜色,用于添加的行。
  • editorGutter.deletedBackground: 编辑器装订线背景颜色,用于已删除的行。
  • editorGutter.commentRangeForeground: 编辑器装订线注释范围的装饰颜色。
  • editorGutter.commentGlyphForeground: 编辑器装订线注释符号的前景色。
  • editorGutter.commentUnresolvedGlyphForeground: 编辑器装订线装饰颜色,用于未解决的评论线程的评论符号。
  • editorGutter.foldingControlForeground: 编辑器边栏中折叠控件的颜色。

在审查拉取请求时可以看到编辑器评论小部件:

  • editorCommentsWidget.resolvedBorder: 已解决评论的边框和箭头颜色。
  • editorCommentsWidget.unresolvedBorder: 未解决评论的边框和箭头颜色。
  • editorCommentsWidget.rangeBackground: 评论范围的背景颜色。
  • editorCommentsWidget.rangeActiveBackground: 当前选中或悬停的评论范围的背景颜色。
  • editorCommentsWidget.replyInputBackground: 评论回复输入框的背景颜色。

差异编辑器颜色

为了给插入和删除的文本着色,请使用背景色或边框颜色,但不要同时使用两者。

  • 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: 编辑文件列表中已编辑文件的聊天前景色。

内联聊天颜色

  • 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视图颜色

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

Peek视图

  • peekView.border: 预览视图边框和箭头的颜色。
  • peekViewEditor.background: 预览视图编辑器的背景颜色。
  • peekViewEditorGutter.background: 在peek视图编辑器中,gutter的背景颜色。
  • peekViewEditor.matchHighlightBackground: 在peek视图编辑器中匹配高亮颜色。
  • peekViewEditor.matchHighlightBorder: 在peek视图编辑器中匹配高亮边框颜色。
  • peekViewResult.background: 预览视图结果列表的背景颜色。
  • peekViewResult.fileForeground: 在peek视图结果列表中文件节点的前景色。
  • peekViewResult.lineForeground: 在peek视图结果列表中,行节点的前景色。
  • peekViewResult.matchHighlightBackground: 在peek视图结果列表中的匹配高亮颜色。
  • peekViewResult.selectionBackground: 在peek视图结果列表中选中条目的背景颜色。
  • peekViewResult.selectionForeground: 在peek视图结果列表中选中条目的前景色。
  • peekViewTitle.background: 预览视图标题区域的背景颜色。
  • peekViewTitleDescription.foreground: 预览视图标题信息的颜色。
  • peekViewTitleLabel.foreground: 预览视图标题的颜色。
  • peekViewEditorStickyScroll.background: 在peek视图编辑器中粘性滚动的背景颜色。

合并冲突颜色

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

合并范围

  • 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: 面板标题底部的边框颜色,用于将标题与视图分隔开。面板显示在编辑器区域下方,包含输出和集成终端等视图。
  • 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背景颜色。
  • banner.foreground: Banner前景颜色。
  • 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: 扩展赞助商的图标颜色。

快速选择器颜色

  • 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: 终端中的'BrightBlack' ANSI颜色。
  • terminal.ansiBrightBlue: 终端中的 'BrightBlue' ANSI 颜色。
  • terminal.ansiBrightCyan: 终端中的 'BrightCyan' ANSI 颜色。
  • terminal.ansiBrightGreen: 终端中的 'BrightGreen' ANSI 颜色。
  • terminal.ansiBrightMagenta: 终端中的 'BrightMagenta' ANSI 颜色。
  • terminal.ansiBrightRed: 终端中的 'BrightRed' ANSI 颜色。
  • terminal.ansiBrightWhite: 终端中的 'BrightWhite' ANSI 颜色。
  • terminal.ansiBrightYellow: 终端中的 'BrightYellow' ANSI 颜色。
  • terminal.ansiCyan: 终端中的'青色' ANSI 颜色。
  • terminal.ansiGreen: 终端中的'绿色' ANSI 颜色。
  • terminal.ansiMagenta: 终端中的'Magenta' ANSI颜色。
  • terminal.ansiRed: 终端中的'红色' ANSI 颜色。
  • terminal.ansiWhite: 终端中的'白色' ANSI 颜色。
  • terminal.ansiYellow: 终端中的'黄色' ANSI 颜色。
  • terminal.selectionBackground: 终端的选择背景颜色。
  • terminal.selectionForeground: 终端的选区前景色。当此值为空时,选区前景色将被保留,并应用最小对比度功能。
  • 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: 终端命令指南的前景色,当鼠标悬停在命令及其输出上时,出现在命令左侧。

调试颜色

  • debugToolBar.background: 调试工具栏背景颜色。
  • debugToolBar.border: 调试工具栏边框颜色。
  • editor.stackFrameHighlightBackground: 编辑器中顶部堆栈帧高亮的背景颜色。
  • editor.focusedStackFrameHighlightBackground: 编辑器中聚焦堆栈帧高亮的背景颜色。
  • editor.inlineValuesForeground: 调试内联值文本的颜色。
  • editor.inlineValuesBackground: 调试内联值背景的颜色。
  • debugView.exceptionLabelForeground: 当调试器在异常中断时,在调用堆栈视图中显示的标签的前景色。
  • 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: 窥视视图边框和箭头的颜色。
  • 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: 交互式游乐场中嵌入式编辑器的背景颜色。

  • 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: 用于责备编辑器装饰的颜色。

源代码控制图颜色

  • 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设置编辑器,可以通过Preferences: Open Settings (UI)命令打开。

  • settings.headerForeground: 部分标题或活动标题的前景色。
  • settings.modifiedItemIndicator: 指示已修改设置的行。
  • settings.dropdownBackground: 下拉菜单背景。
  • settings.dropdownForeground: 下拉菜单前景色。
  • settings.dropdownBorder: 下拉框边框。
  • settings.dropdownListBorder: 下拉列表边框。
  • settings.checkboxBackground: 复选框背景。
  • settings.checkboxForeground: 复选框前景色。
  • settings.checkboxBorder: 复选框边框。
  • settings.rowHoverBackground: 当悬停时,设置行的背景颜色。
  • settings.textInputBackground: 文本输入框背景。
  • settings.textInputForeground: 文本输入框前景色。
  • settings.textInputBorder: 文本输入框边框。
  • settings.numberInputBackground: 数字输入框背景。
  • settings.numberInputForeground: 数字输入框前景色。
  • settings.numberInputBorder: 数字输入框边框。
  • settings.focusedRowBackground: 聚焦设置行的背景颜色。
  • settings.focusedRowBorder: 当行被聚焦时,行的顶部和底部边框的颜色。
  • settings.headerBorder: 标题容器边框的颜色。
  • settings.sashBorder: 设置编辑器分割视图的边框颜色。
  • 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: 空符号的前景色。
  • 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.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: 窗框边框的颜色。

扩展颜色

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