主题颜色

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

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

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

主题颜色在Webview中作为 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:活动元素周围的额外边框,用于与G其他元素分离以实现更高的对比度。
  • contrastBorder:元素周围的额外边框,用于与G其他元素分离以实现更高的对比度。

基本颜色

  • focusBorder:焦点元素的整体边框颜色。仅当组件未覆盖时才使用此颜色。
  • foreground:整体前景色。仅当组件未覆盖时才使用此颜色。
  • disabledForeground:禁用元素的整体前景色。仅当组件未覆盖时才使用此颜色。
  • widget.border:编辑器内小部件(如查找/替换)的边框颜色。
  • widget.shadow:编辑器内小部件(如查找/替换)的阴影颜色。
  • selection.background:工作台中文本选择的背景颜色(适用于输入字段或文本区域,不适用于编辑器和终端中的选择)。
  • descriptionForeground:提供附加信息(例如标签)的描述文本的前景色。
  • errorForeground:错误消息的整体前景色(仅当组件未覆盖时才使用此颜色)。
  • icon.foreground:工作台中图标的默认颜色。
  • sash.hoverBorder:可拖动镶边悬停时的边框颜色。

窗口边框

VS Code 窗口边框的主题颜色。

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

窗口边框颜色仅在 macOS 和 Linux 上支持(不支持 Windows),并且仅当启用自定义标题栏时("window.titleBarStyle": "custom")。

文本颜色

文本文档(如欢迎页面)中的颜色。

  • textBlockQuote.background:文本中块引用的背景颜色。
  • textBlockQuote.border:文本中块引用的边框颜色。
  • textCodeBlock.background:文本中代码块的背景颜色。
  • textLink.activeForeground:文本中链接被点击和鼠标悬停时的前景色。
  • textLink.foreground:文本中链接的前景色。
  • textPreformat.foreground:预格式化文本段的前景色。
  • textPreformat.background:预格式化文本段的背景颜色。
  • textPreformat.border:预格式化文本段的边框颜色。
  • textSeparator.foreground:文本分隔符的颜色。

操作颜色

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

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

按钮控件

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

button control

  • button.background:按钮背景颜色。
  • button.foreground:按钮前景色。
  • button.border:按钮边框颜色。
  • button.separator:按钮分隔符颜色。
  • button.hoverBackground:鼠标悬停时的按钮背景颜色。
  • button.secondaryForeground:辅助按钮前景色。
  • button.secondaryBackground:辅助按钮背景颜色。
  • button.secondaryHoverBackground:鼠标悬停时的辅助按钮背景颜色。
  • button.secondaryBorder:辅助按钮边框颜色。
  • 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.background:滚动条轨道背景颜色。
  • scrollbar.shadow:滚动条滑块阴影,用于指示视图已滚动。
  • scrollbarSlider.activeBackground:点击滚动条滑块时的背景颜色。
  • scrollbarSlider.background:滚动条滑块背景颜色。
  • scrollbarSlider.hoverBackground:鼠标悬停在滚动条滑块时的背景颜色。

徽章

徽章是小的信息标签,例如搜索结果计数。

  • badge.foreground:徽章前景色。
  • badge.background:徽章背景颜色。

进度条

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

列表和树

文件资源管理器等列表和树的颜色。活动列表/树具有键盘焦点,非活动列表/树没有。

  • list.activeSelectionBackground:当列表/树处于活动状态时,选中项的列表/树背景颜色。
  • list.activeSelectionForeground:当列表/树处于活动状态时,选中项的列表/树前景色。
  • list.activeSelectionIconForeground:当列表/树处于活动状态时,选中项的列表/树图标前景色。活动列表/树具有键盘焦点,非活动列表/树没有。
  • list.dropBackground:使用鼠标拖动项目时,列表/树的拖放背景颜色。
  • list.focusBackground:当列表/树处于活动状态时,焦点项的列表/树背景颜色。
  • list.focusForeground:当列表/树处于活动状态时,焦点项的列表/树前景色。活动列表/树具有键盘焦点,非活动列表/树没有。
  • list.focusHighlightForeground:在列表/树内搜索时,活动焦点项上匹配突出显示的前景色。
  • list.focusOutline:当列表/树处于活动状态时,焦点项的列表/树轮廓颜色。活动列表/树具有键盘焦点,非活动列表/树没有。
  • list.focusAndSelectionOutline:当列表/树处于活动状态且被选中时,焦点项的列表/树轮廓颜色。活动列表/树具有键盘焦点,非活动列表/树没有。
  • list.highlightForeground:在列表/树内搜索时,匹配突出显示的前景色。
  • list.hoverBackground:鼠标悬停在项目上时的列表/树背景颜色。
  • list.hoverForeground:鼠标悬停在项目上时的列表/树前景色。
  • list.inactiveSelectionBackground:当列表/树处于非活动状态时,选中项的列表/树背景颜色。
  • list.inactiveSelectionForeground:当列表/树处于非活动状态时,选中项的列表/树前景色。活动列表/树具有键盘焦点,非活动列表/树没有。
  • list.inactiveSelectionIconForeground:当列表/树处于非活动状态时,选中项的列表/树图标前景色。活动列表/树具有键盘焦点,非活动列表/树没有。
  • list.inactiveFocusBackground:当列表处于非活动状态时,焦点项的列表背景颜色。活动列表具有键盘焦点,非活动列表没有。目前仅在列表中支持。
  • list.inactiveFocusOutline:当列表/树处于非活动状态时,焦点项的列表/树轮廓颜色。活动列表/树具有键盘焦点,非活动列表/树没有。
  • list.invalidItemForeground:列表/树中无效项目的前景色,例如资源管理器中未解析的根。
  • list.errorForeground:包含错误的列表项的前景色。
  • list.warningForeground:包含警告的列表项的前景色。
  • listFilterWidget.background:在列表/树内搜索时,键入文本的列表/树过滤器背景颜色。
  • listFilterWidget.outline:在列表/树内搜索时,键入文本的列表/树过滤器小部件轮廓颜色。
  • listFilterWidget.noMatchesOutline:在列表/树内搜索时,未找到匹配项的列表/树过滤器小部件轮廓颜色。
  • listFilterWidget.shadow:列表和树中类型过滤器小部件的阴影颜色。
  • list.filterMatchBackground:列表和树中过滤匹配项的背景颜色。
  • list.filterMatchBorder:列表和树中过滤匹配项的边框颜色。
  • list.deemphasizedForeground:弱化显示的列表/树项的前景色。
  • list.dropBetweenBackground:使用鼠标在项目之间移动时,列表/树的拖放边框颜色。
  • tree.indentGuidesStroke:树小部件缩进指南的描边颜色。
  • tree.inactiveIndentGuidesStroke:非活动缩进指南的树描边颜色。
  • tree.tableColumnsBorder:树缩进指南的描边颜色。
  • tree.tableOddRowsBackground:奇数行表格的背景颜色。

活动栏

活动栏通常显示在工作台的最左侧或最右侧,允许在侧边栏视图之间快速切换。

  • activityBar.background:活动栏背景颜色。
  • activityBar.dropBorder:活动栏项目的拖放反馈颜色。活动栏显示在最左侧或最右侧,允许在侧边栏视图之间切换。
  • activityBar.foreground:活动栏前景色(例如用于图标)。
  • activityBar.inactiveForeground:活动栏项目非活动时的前景色。
  • activityBar.border:活动栏与侧边栏之间的边框颜色。
  • activityBarBadge.background:活动通知徽章背景颜色。
  • activityBarBadge.foreground:活动通知徽章前景色。
  • activityBar.activeBorder:活动栏活动指示器边框颜色。
  • activityBar.activeBackground:活动元素的可选活动栏背景颜色。
  • activityBar.activeFocusBorder:活动项的活动栏焦点边框颜色。
  • activityBarTop.foreground:活动栏位于顶部时,项目中活动前景色。活动栏允许在侧边栏视图之间切换。
  • activityBarTop.activeBorder:活动栏位于顶部时,活动项的焦点边框颜色。活动栏允许在侧边栏视图之间切换。
  • activityBarTop.inactiveForeground:活动栏位于顶部时,项目中非活动前景色。活动栏允许在侧边栏视图之间切换。
  • activityBarTop.dropBorder:活动栏位于顶部时,项目的拖放反馈颜色。活动栏允许在侧边栏视图之间切换。
  • activityBarTop.background:活动栏设置在顶部/底部时的背景颜色。
  • activityBarTop.activeBackground:活动栏设置在顶部/底部时,活动项的背景颜色。活动栏允许在侧边栏视图之间切换。
  • activityWarningBadge.foreground:警告活动徽章的前景色
  • activityWarningBadge.background:警告活动徽章的背景颜色
  • activityErrorBadge.foreground:错误活动徽章的前景色
  • activityErrorBadge.background:错误活动徽章的背景颜色

配置文件

  • profileBadge.background:配置文件徽章背景颜色。配置文件徽章显示在活动栏设置齿轮图标的顶部。
  • profileBadge.foreground:配置文件徽章前景色。配置文件徽章显示在活动栏设置齿轮图标的顶部。
  • profiles.sashBorder:配置文件编辑器分割视图镶边的边框颜色。

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

  • sideBar.background:侧边栏背景颜色。

  • sideBar.foreground:侧边栏前景色。侧边栏是资源管理器和搜索等视图的容器。

  • sideBar.border:侧边栏与编辑器分离处的边框颜色。

  • sideBar.dropBackground:侧边栏部分的拖放反馈颜色。颜色应具有透明度,以便侧边栏部分仍能透视。

  • sideBarTitle.foreground:侧边栏标题前景色。

  • sideBarSectionHeader.background:侧边栏部分标题背景颜色。

  • sideBarSectionHeader.foreground:侧边栏部分标题前景色。

  • sideBarSectionHeader.border:侧边栏部分标题边框颜色。

  • sideBarActivityBarTop.border:位于顶部/底部的活动栏与视图之间的边框颜色。

  • sideBarTitle.background:侧边栏标题背景颜色。侧边栏是资源管理器和搜索等视图的容器。

  • sideBarTitle.border:侧边栏标题底部的边框颜色,用于将标题与视图分离。侧边栏是资源管理器和搜索等视图的容器。

  • sideBarStickyScroll.background:侧边栏中粘性滚动的背景颜色。

  • sideBarStickyScroll.border:侧边栏中粘性滚动的边框颜色。

  • sideBarStickyScroll.shadow:侧边栏中粘性滚动的阴影颜色。

迷你地图

缩略图显示当前文件的缩小版本。

  • minimap.findMatchHighlight:文件内搜索匹配项的突出显示颜色。

  • minimap.selectionHighlight:编辑器选择的突出显示颜色。

  • minimap.errorHighlight:编辑器内错误的突出显示颜色。

  • minimap.warningHighlight:编辑器内警告的突出显示颜色。

  • minimap.background:缩略图背景颜色。

  • minimap.selectionOccurrenceHighlight:重复编辑器选择的缩略图标记颜色。

  • minimap.foregroundOpacity:缩略图中渲染的前景元素的透明度。例如,"#000000c0" 将以 75% 的透明度渲染元素。

  • minimap.infoHighlight:信息的缩略图标记颜色。

  • minimap.chatEditHighlight:缩略图中待处理编辑区域的颜色。

  • minimapSlider.background:缩略图滑块背景颜色。

  • minimapSlider.hoverBackground:鼠标悬停在缩略图滑块时的背景颜色。

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

  • minimapGutter.addedBackground:添加内容的缩略图槽颜色。

  • minimapGutter.modifiedBackground:修改内容的缩略图槽颜色。

  • minimapGutter.deletedBackground:删除内容的缩略图槽颜色。

  • editorMinimap.inlineChatInserted:内联聊天插入内容的缩略图标记颜色。

编辑器组和选项卡

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

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

    editorGroup.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:搜索视图完成消息中的文本颜色。例如,此颜色用于“{x} results in {y} files”的文本中。

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

Search Editor Matches

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

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

Hover Highlight

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

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

Line Highlight

  • editor.lineHighlightBackground:光标位置行高亮的背景颜色。
  • editor.inactiveLineHighlightBackground:编辑器未获得焦点时,光标位置行高亮的背景颜色。
  • editor.lineHighlightBorder:光标位置行周围边框的背景颜色。

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:匹配括号框的颜色。
  • editorBracketMatch.foreground:匹配括号的前景色。

括号对颜色化

  • editorBracketHighlight.foreground1:括号 (1) 的前景色。需要启用括号对颜色化。
  • editorBracketHighlight.foreground2:括号 (2) 的前景色。需要启用括号对颜色化。
  • editorBracketHighlight.foreground3:括号 (3) 的前景色。需要启用括号对颜色化。
  • editorBracketHighlight.foreground4:括号 (4) 的前景色。需要启用括号对颜色化。
  • editorBracketHighlight.foreground5:括号 (5) 的前景色。需要启用括号对颜色化。
  • editorBracketHighlight.foreground6:括号 (6) 的前景色。需要启用括号对颜色化。
  • editorBracketHighlight.unexpectedBracket.foreground:意外括号的前景色。

括号对指南

  • editorBracketPairGuide.activeBackground1:活动括号对指南 (1) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.activeBackground2:活动括号对指南 (2) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.activeBackground3:活动括号对指南 (3) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.activeBackground4:活动括号对指南 (4) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.activeBackground5:活动括号对指南 (5) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.activeBackground6:活动括号对指南 (6) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.background1:非活动括号对指南 (1) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.background2:非活动括号对指南 (2) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.background3:非活动括号对指南 (3) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.background4:非活动括号对指南 (4) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.background5:非活动括号对指南 (5) 的背景颜色。需要启用括号对指南。

  • editorBracketPairGuide.background6:非活动括号对指南 (6) 的背景颜色。需要启用括号对指南。

折叠

  • editor.foldBackground:折叠区域的背景颜色。颜色不能不透明,以免隐藏底层装饰。
  • editor.foldPlaceholderForeground:折叠区域第一行之后折叠文本的颜色。

概览标尺

此标尺位于编辑器右侧边缘的滚动条下方,并提供编辑器中装饰的概览。

  • editorOverviewRuler.background:编辑器概览标尺的背景颜色。仅当启用缩略图并将其放置在编辑器的右侧时使用。
  • editorOverviewRuler.border:概览标尺边框的颜色。
  • editorOverviewRuler.findMatchForeground:查找匹配项的概览标尺标记颜色。颜色不能不透明,以免隐藏底层装饰。
  • editorOverviewRuler.rangeHighlightForeground:突出显示范围的概览标尺标记颜色,例如通过快速打开、文件中符号和查找功能。颜色不能不透明,以免隐藏底层装饰。
  • editorOverviewRuler.selectionHighlightForeground:选择高亮的概览标尺标记颜色。颜色不能不透明,以免隐藏底层装饰。
  • editorOverviewRuler.wordHighlightForeground:符号高亮的概览标尺标记颜色。颜色不能不透明,以免隐藏底层装饰。
  • editorOverviewRuler.wordHighlightStrongForeground:写访问符号高亮的概览标尺标记颜色。颜色不能不透明,以免隐藏底层装饰。
  • editorOverviewRuler.wordHighlightTextForeground:符号文本出现的概览标尺标记颜色。颜色不能不透明,以免隐藏底层装饰。
  • editorOverviewRuler.modifiedForeground:修改内容的概览标尺标记颜色。
  • editorOverviewRuler.addedForeground:添加内容的概览标尺标记颜色。
  • editorOverviewRuler.deletedForeground:删除内容的概览标尺标记颜色。
  • editorOverviewRuler.errorForeground:错误的概览标尺标记颜色。
  • editorOverviewRuler.warningForeground:警告的概览标尺标记颜色。
  • editorOverviewRuler.infoForeground:信息的概览标尺标记颜色。
  • editorOverviewRuler.bracketMatchForeground:匹配括号的概览标尺标记颜色。
  • editorOverviewRuler.inlineChatInserted:内联聊天插入内容的概览标尺标记颜色。
  • editorOverviewRuler.inlineChatRemoved:内联聊天删除内容的概览标尺标记颜色。
  • editorOverviewRuler.commentDraftForeground:具有草稿注释的注释线程的编辑器概览标尺装饰颜色。此颜色应不透明。

错误和警告

  • editorError.foreground:编辑器中错误波浪线的前景色。
  • editorError.border:编辑器中错误框的边框颜色。
  • editorError.background:编辑器中错误文本的背景颜色。颜色不能不透明,以免隐藏底层装饰。
  • editorWarning.foreground:编辑器中警告波浪线的前景色。
  • editorWarning.border:编辑器中警告框的边框颜色。
  • editorWarning.background:编辑器中警告文本的背景颜色。颜色不能不透明,以免隐藏底层装饰。
  • editorInfo.foreground:编辑器中信息波浪线的前景色。
  • editorInfo.border:编辑器中信息框的边框颜色。
  • editorInfo.background:编辑器中信息文本的背景颜色。颜色不能不透明,以免隐藏底层装饰。
  • editorHint.foreground:编辑器中提示的前景色。
  • editorHint.border:编辑器中提示框的边框颜色。
  • problemsErrorIcon.foreground:用于问题错误图标的颜色。
  • problemsWarningIcon.foreground:用于问题警告图标的颜色。
  • problemsInfoIcon.foreground:用于问题信息图标的颜色。

未使用的源代码

  • editorUnnecessaryCode.border:编辑器中不必要(未使用)源代码的边框颜色。
  • editorUnnecessaryCode.opacity:编辑器中不必要(未使用)源代码的透明度。例如,"#000000c0" 将以 75% 的透明度渲染代码。对于高对比度主题,请使用 "editorUnnecessaryCode.border" 主题颜色来强调不必要的代码,而不是使其褪色。

装订线包含字形边距和行号

  • editorGutter.background:编辑器装订线的背景颜色。装订线包含字形边距和行号。
  • editorGutter.modifiedBackground:已修改行对应的编辑器装订线背景颜色。
  • editorGutter.modifiedSecondaryBackground:已修改行对应的编辑器装订线辅助背景颜色。
  • editorGutter.addedBackground:已添加行对应的编辑器装订线背景颜色。
  • editorGutter.addedSecondaryBackground:已添加行对应的编辑器装订线辅助背景颜色。
  • editorGutter.deletedBackground:已删除行对应的编辑器装订线背景颜色。
  • editorGutter.deletedSecondaryBackground:已删除行对应的编辑器装订线辅助背景颜色。
  • editorGutter.commentRangeForeground:注释范围的编辑器装订线装饰颜色。
  • editorGutter.commentGlyphForeground:注释字形的编辑器装订线装饰颜色。
  • editorGutter.commentUnresolvedGlyphForeground:未解决注释线程的注释字形的编辑器装订线装饰颜色。
  • editorGutter.foldingControlForeground:编辑器装订线中折叠控件的颜色。
  • editorGutter.itemGlyphForeground:装订线项目字形的编辑器装订线装饰颜色。
  • editorGutter.itemBackground:装订线项目背景的编辑器装订线装饰颜色。此颜色应不透明。
  • editorGutter.commentDraftGlyphForeground:具有草稿注释的注释线程的注释字形的编辑器装订线装饰颜色。

在查看拉取请求时可以看到编辑器注释小部件

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

在使用 Copilot 建议下一个更改时可以看到编辑器内联编辑

  • inlineEdit.gutterIndicator.primaryBorder:主内联编辑装订线指示器的边框颜色。
  • inlineEdit.gutterIndicator.primaryForeground:主内联编辑装订线指示器的前景色。
  • inlineEdit.gutterIndicator.primaryBackground:主内联编辑装订线指示器的背景颜色。
  • inlineEdit.gutterIndicator.secondaryBorder:辅助内联编辑装订线指示器的边框颜色。
  • inlineEdit.gutterIndicator.secondaryForeground:辅助内联编辑装订线指示器的前景色。
  • inlineEdit.gutterIndicator.secondaryBackground:辅助内联编辑装订线指示器的背景颜色。
  • inlineEdit.gutterIndicator.successfulBorder:成功内联编辑装订线指示器的边框颜色。
  • inlineEdit.gutterIndicator.successfulForeground:成功内联编辑装订线指示器的前景色。
  • inlineEdit.gutterIndicator.successfulBackground:成功内联编辑装订线指示器的背景颜色。
  • inlineEdit.gutterIndicator.background:内联编辑装订线指示器的背景颜色。
  • inlineEdit.originalBackground:内联编辑中原始文本的背景颜色。
  • inlineEdit.modifiedBackground:内联编辑中修改文本的背景颜色。
  • inlineEdit.originalChangedLineBackground:内联编辑中原始文本中更改行的背景颜色。
  • inlineEdit.originalChangedTextBackground:内联编辑中原始文本中更改文本的叠加颜色。
  • inlineEdit.modifiedChangedLineBackground:内联编辑中修改文本中更改行的背景颜色。
  • inlineEdit.modifiedChangedTextBackground:内联编辑中修改文本中更改文本的叠加颜色。
  • inlineEdit.originalBorder:内联编辑中原始文本的边框颜色。
  • inlineEdit.modifiedBorder:内联编辑中修改文本的边框颜色。
  • inlineEdit.tabWillAcceptModifiedBorder:当 Tab 键接受内联编辑时,修改边框的颜色。
  • inlineEdit.tabWillAcceptOriginalBorder:当 Tab 键接受内联编辑时,原始文本上方原始边框的颜色。

差异编辑器颜色

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

  • diffEditor.insertedTextBackground:插入文本的背景颜色。颜色不能不透明,以免隐藏底层装饰。
  • diffEditor.insertedTextBorder:插入文本的轮廓颜色。
  • diffEditor.removedTextBackground:删除文本的背景颜色。颜色不能不透明,以免隐藏底层装饰。
  • diffEditor.removedTextBorder:删除文本的轮廓颜色。
  • diffEditor.border:两个文本编辑器之间的边框颜色。
  • diffEditor.diagonalFill:差异编辑器对角线填充的颜色。对角线填充用于并排差异视图。
  • diffEditor.insertedLineBackground:插入行的背景颜色。颜色不能不透明,以免隐藏底层装饰。
  • diffEditor.removedLineBackground:删除行的背景颜色。颜色不能不透明,以免隐藏底层装饰。
  • diffEditorGutter.insertedLineBackground:插入行对应的边距背景颜色。
  • diffEditorGutter.removedLineBackground:删除行对应的边距背景颜色。
  • diffEditorOverview.insertedForeground:插入内容的差异概览标尺前景色。
  • diffEditorOverview.removedForeground:删除内容的差异概览标尺前景色。
  • diffEditor.unchangedRegionBackground:差异编辑器中未更改块的颜色。
  • diffEditor.unchangedRegionForeground:差异编辑器中未更改块的前景色。
  • diffEditor.unchangedRegionShadow:未更改区域小部件周围的阴影颜色。
  • diffEditor.unchangedCodeBackground:差异编辑器中未更改代码的背景颜色。
  • diffEditor.move.border:差异编辑器中移动文本的边框颜色。
  • diffEditor.moveActive.border:差异编辑器中移动文本的活动边框颜色。
  • multiDiffEditor.headerBackground:多文件差异编辑器的标题背景颜色
  • multiDiffEditor.background:多文件差异编辑器的背景颜色
  • multiDiffEditor.border:多文件差异编辑器的边框颜色

聊天颜色

  • chat.requestBorder:聊天请求的边框颜色。
  • chat.requestBackground:聊天请求的背景颜色。
  • chat.slashCommandBackground:聊天斜杠命令的背景颜色。
  • chat.slashCommandForeground:聊天斜杠命令的前景色。
  • chat.avatarBackground:聊天头像的背景颜色。
  • chat.avatarForeground:聊天头像的前景色。
  • chat.editedFileForeground:编辑文件列表中聊天已编辑文件的前景色。
  • chat.linesAddedForeground:聊天代码块中添加行的前景色。
  • chat.linesRemovedForeground:聊天代码块中删除行的前景色。
  • chat.requestCodeBorder:聊天请求气泡内代码块的边框颜色。
  • chat.requestBubbleBackground:聊天请求气泡的背景颜色。
  • chat.requestBubbleHoverBackground:鼠标悬停在聊天请求气泡时的背景颜色。
  • chat.checkpointSeparator:聊天检查点分隔符颜色。
  • chat.thinkingShimmer:思考/工作标签的闪烁高亮。
  • chatManagement.sashBorder:聊天管理编辑器分割视图镶边的边框颜色。

内联聊天颜色

  • inlineChat.background:交互式编辑器小部件的背景颜色。
  • inlineChat.foreground:交互式编辑器小部件的前景色
  • inlineChat.border:交互式编辑器小部件的边框颜色。
  • inlineChat.shadow:交互式编辑器小部件的阴影颜色。
  • inlineChatInput.border:交互式编辑器输入的边框颜色。
  • inlineChatInput.focusBorder:焦点时的交互式编辑器输入边框颜色。
  • inlineChatInput.placeholderForeground:交互式编辑器输入占位符的前景色。
  • inlineChatInput.background:交互式编辑器输入的背景颜色。
  • inlineChatDiff.inserted:交互式编辑器输入中插入文本的背景颜色。
  • inlineChatDiff.removed:交互式编辑器输入中删除文本的背景颜色。

面板聊天颜色

  • interactive.activeCodeBorder:当编辑器获得焦点时,当前交互式代码单元格的边框颜色。
  • interactive.inactiveCodeBorder:当编辑器未获得焦点时,当前交互式代码单元格的边框颜色。

编辑器小部件颜色

编辑器小部件显示在编辑器内容前面。例如查找/替换对话框、建议小部件和编辑器悬停。

  • editorWidget.foreground:编辑器小部件(如查找/替换)的前景色。

  • editorWidget.background:编辑器小部件(如查找/替换)的背景颜色。

  • editorWidget.border:编辑器小部件的边框颜色,除非小部件不包含边框或定义了自己的边框颜色。

  • editorWidget.resizeBorder:编辑器小部件调整大小栏的边框颜色。仅当小部件选择具有调整大小边框且颜色未被小部件覆盖时才使用此颜色。

  • editorSuggestWidget.background:建议小部件的背景颜色。

  • editorSuggestWidget.border:建议小部件的边框颜色。

  • editorSuggestWidget.foreground:建议小部件的前景色。

  • editorSuggestWidget.focusHighlightForeground:当项目获得焦点时,建议小部件中匹配高亮的前景色。

  • editorSuggestWidget.highlightForeground:建议小部件中匹配高亮的前景色。

  • editorSuggestWidget.selectedBackground:建议小部件中选中条目的背景颜色。

  • editorSuggestWidget.selectedForeground:建议小部件中选中条目的前景色。

  • editorSuggestWidget.selectedIconForeground:建议小部件中选中条目的图标前景色。

  • editorSuggestWidgetStatus.foreground:建议小部件状态的前景色。

  • editorHoverWidget.foreground:编辑器悬停的前景色。

  • editorHoverWidget.background:编辑器悬停的背景颜色。

  • editorHoverWidget.border:编辑器悬停的边框颜色。

  • editorHoverWidget.highlightForeground:参数提示中活动项目的前景色。

  • editorHoverWidget.statusBarBackground:编辑器悬停状态栏的背景颜色。

  • editorGhostText.border:内联完成提供者和建议预览显示的幽灵文本的边框颜色。

  • editorGhostText.background:编辑器中幽灵文本的背景颜色。

  • editorGhostText.foreground:内联完成提供者和建议预览显示的幽灵文本的前景色。

  • editorStickyScroll.background:编辑器粘性滚动的背景颜色。

  • editorStickyScroll.border:编辑器中粘性滚动的边框颜色。

  • editorStickyScroll.shadow:编辑器中粘性滚动的阴影颜色。

  • editorStickyScrollGutter.background:编辑器中粘性滚动装订线部分的背景颜色。

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

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

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

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

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

峰值视图颜色

峰值视图用于在编辑器内部显示引用和声明的视图。

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:峰值视图编辑器中粘性滚动的背景颜色。
  • peekViewEditorStickyScrollGutter.background:峰值视图编辑器中粘性滚动装订线部分的背景颜色。

Merge conflicts colors

Merge conflict decorations are shown when the editor contains special diff ranges.

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 colors

Panels are shown below the editor area and contain views like Output and Integrated Terminal.

  • 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:输出视图粘性滚动背景颜色。

Status Bar colors

The Status Bar is shown in the bottom of the workbench.

  • 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 键移动焦点命令更改模式指示器。

Title Bar colors

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

Command Center colors

  • commandCenter.foreground:命令中心的前景色。
  • commandCenter.activeForeground:命令中心的活动前景色。
  • commandCenter.background:命令中心的背景颜色。
  • commandCenter.activeBackground:命令中心的活动背景颜色。
  • commandCenter.border:命令中心的边框颜色。
  • commandCenter.inactiveForeground:窗口非活动时命令中心的前景色。
  • commandCenter.inactiveBorder:窗口非活动时命令中心的边框颜色。
  • commandCenter.activeBorder:命令中心的活动边框颜色。
  • commandCenter.debuggingBackground:程序正在调试时命令中心的背景颜色。

Notification colors

Notification toasts slide up from the bottom-right of the workbench.

Notification Toasts

Once opened in the Notification Center, they are displayed in a list with a header

Notification Center

  • notificationCenter.border:通知中心边框颜色。
  • notificationCenterHeader.foreground:通知中心标题前景色。
  • notificationCenterHeader.background:通知中心标题背景颜色。
  • notificationToast.border:通知 toast 边框颜色。
  • notifications.foreground:通知前景色。
  • notifications.background:通知背景颜色。
  • notifications.border:用于将通知中心中的通知分隔开的通知边框颜色。
  • notificationLink.foreground:通知链接前景色。
  • notificationsErrorIcon.foreground:用于通知错误图标的颜色。
  • notificationsWarningIcon.foreground:用于通知警告图标的颜色。
  • notificationsInfoIcon.foreground:用于通知信息图标的颜色。

The banner appears below the title bar and spans the entire width of the workbench when visible.

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

Extensions colors

  • extensionButton.prominentForeground:扩展视图按钮前景色(例如安装按钮)。
  • extensionButton.prominentBackground:扩展视图按钮背景颜色。
  • extensionButton.prominentHoverBackground:扩展视图按钮背景悬停颜色。
  • extensionButton.background:扩展操作的按钮背景颜色。
  • extensionButton.foreground:扩展操作的按钮前景色。
  • extensionButton.hoverBackground:扩展操作的按钮背景悬停颜色。
  • extensionButton.separator:扩展操作的按钮分隔符颜色。
  • extensionButton.border:扩展操作的按钮边框颜色。
  • extensionBadge.remoteBackground:扩展视图中远程徽章的背景颜色。
  • extensionBadge.remoteForeground:扩展视图中远程徽章的前景色。
  • extensionIcon.starForeground:扩展评分的图标颜色。
  • extensionIcon.verifiedForeground:扩展已验证发布者的图标颜色。
  • extensionIcon.preReleaseForeground:预发布扩展的图标颜色。
  • extensionIcon.sponsorForeground:扩展赞助者的图标颜色。
  • extensionIcon.privateForeground:私有扩展的图标颜色。
  • mcpIcon.starForeground:mcp 星标的图标颜色。

Quick picker colors

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

Keybinding label colors

Keybinding labels are shown when there is a keybinding associated with a command. An example of the keybinding label can be seen in the Command Palette

Keybinding label

Usages of the keybinding label include (but are not limited to)

  • The Command Palette
  • The Keyboard Shortcuts editor
  • The Keyboard Shortcuts recorder modal
  • The "feature contribution" section of an extension's marketplace page

The following customizations are available

  • keybindingLabel.background:按键绑定标签背景颜色。按键绑定标签用于表示键盘快捷方式。
  • keybindingLabel.foreground:按键绑定标签前景色。按键绑定标签用于表示键盘快捷方式。
  • keybindingLabel.border:按键绑定标签边框颜色。按键绑定标签用于表示键盘快捷方式。
  • keybindingLabel.bottomBorder:按键绑定标签下边框颜色。按键绑定标签用于表示键盘快捷方式。

Keyboard shortcut table colors

  • keybindingTable.headerBackground:键盘快捷方式表标头的背景颜色。
  • keybindingTable.rowsBackground:键盘快捷方式表交替行的背景颜色。

Integrated Terminal colors

  • terminal.background:集成终端视口的背景。

  • terminal.border:终端内拆分窗格的分隔边框颜色。默认为 panel.border。

  • terminal.foreground:集成终端的默认前景色。

  • terminal.ansiBlack:终端中的“黑色”ANSI 颜色。

  • terminal.ansiBlue:终端中的“蓝色”ANSI 颜色。

  • terminal.ansiBrightBlack:终端中的“亮黑色”ANSI 颜色。

  • terminal.ansiBrightBlue:终端中的“亮蓝色”ANSI 颜色。

  • terminal.ansiBrightCyan:终端中的“亮青色”ANSI 颜色。

  • terminal.ansiBrightGreen:终端中的“亮绿色”ANSI 颜色。

  • terminal.ansiBrightMagenta:终端中的“亮洋红色”ANSI 颜色。

  • terminal.ansiBrightRed:终端中的“亮红色”ANSI 颜色。

  • terminal.ansiBrightWhite:终端中的“亮白色”ANSI 颜色。

  • terminal.ansiBrightYellow:终端中的“亮黄色”ANSI 颜色。

  • terminal.ansiCyan:终端中的“青色”ANSI 颜色。

  • terminal.ansiGreen:终端中的“绿色”ANSI 颜色。

  • terminal.ansiMagenta:终端中的“洋红色”ANSI 颜色。

  • terminal.ansiRed:终端中的“红色”ANSI 颜色。

  • terminal.ansiWhite:终端中的“白色”ANSI 颜色。

  • terminal.ansiYellow:终端中的“黄色”ANSI 颜色。

  • terminal.selectionBackground:终端的选择背景颜色。

  • terminal.selectionForeground:终端的选择前景色。如果为 null,则将保留选择前景色并应用最小对比度功能。

  • terminal.inactiveSelectionBackground:终端未聚焦时的选择背景颜色。

  • terminal.findMatchBackground:终端中当前搜索匹配的颜色。颜色不得不透明,以免隐藏底层终端内容。

  • terminal.findMatchBorder:终端中当前搜索匹配的边框颜色。

  • terminal.findMatchHighlightBackground:终端中其他搜索匹配的颜色。颜色不得不透明,以免隐藏底层终端内容。

  • terminal.findMatchHighlightBorder:终端中其他搜索匹配的边框颜色。

  • terminal.hoverHighlightBackground:鼠标悬停在终端中的链接上时的突出显示颜色。

  • terminalCursor.background:终端光标的背景颜色。允许自定义被块光标覆盖的字符的颜色。

  • terminalCursor.foreground:终端光标的前景色。

  • terminal.dropBackground:在终端顶部拖动时的背景颜色。颜色应具有透明度,以便终端内容仍然可见。

  • terminal.tab.activeBorder:面板中终端选项卡侧面的边框。默认为 tab.activeBorder

  • terminalCommandDecoration.defaultBackground:默认终端命令装饰背景颜色。

  • terminalCommandDecoration.successBackground:成功命令的终端命令装饰背景颜色。

  • terminalCommandDecoration.errorBackground:错误命令的终端命令装饰背景颜色。

  • terminalOverviewRuler.cursorForeground:概览标尺光标颜色。

  • terminalOverviewRuler.findMatchForeground:终端中查找匹配的概览标尺标记颜色。

  • terminalStickyScroll.background:终端中粘性滚动覆盖层的背景颜色。

  • terminalStickyScroll.border:终端中粘性滚动覆盖层的边框。

  • terminalStickyScrollHover.background:鼠标悬停时终端中粘性滚动覆盖层的背景颜色。

  • terminal.initialHintForeground:终端初始提示的前景色。

  • terminalOverviewRuler.border:概览标尺左侧边框颜色。

  • terminalCommandGuide.foreground:终端命令指南的前景色,该指南在鼠标悬停时出现在命令及其输出的左侧。

  • terminalSymbolIcon.aliasForeground:别名图标的前景色。这些图标将出现在终端建议小组件中

  • terminalSymbolIcon.branchForeground:分支图标的前景色。这些图标将出现在终端建议小组件中。

  • terminalSymbolIcon.commitForeground:提交图标的前景色。这些图标将出现在终端建议小组件中。

  • terminalSymbolIcon.flagForeground:标志图标的前景色。这些图标将出现在终端建议小组件中

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

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

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

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

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

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

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

  • terminalSymbolIcon.pullRequestDoneForeground:已完成拉取请求图标的前景色。这些图标将出现在终端建议小组件中。

  • terminalSymbolIcon.pullRequestForeground:拉取请求图标的前景色。这些图标将出现在终端建议小组件中。

  • terminalSymbolIcon.remoteForeground:远程图标的前景色。这些图标将出现在终端建议小组件中。

  • terminalSymbolIcon.stashForeground:存储图标的前景色。这些图标将出现在终端建议小组件中。

  • terminalSymbolIcon.symbolText:纯文本建议的前景色。这些图标将出现在终端建议小组件中。

  • terminalSymbolIcon.symbolicLinkFileForeground:符号链接文件图标的前景色。这些图标将出现在终端建议小组件中。

  • terminalSymbolIcon.symbolicLinkFolderForeground:符号链接文件夹图标的前景色。这些图标将出现在终端建议小组件中。

  • terminalSymbolIcon.tagForeground:标签图标的前景色。这些图标将出现在终端建议小组件中。

Debug colors

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

  • 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:peeking 记录的消息时 peek 视图边框和箭头的颜色。
  • testing.messagePeekHeaderBackground:peeking 记录的消息时 peek 视图边框和箭头的颜色。
  • testing.coveredBackground:已覆盖文本的背景颜色。
  • testing.coveredBorder:已覆盖文本的边框颜色。
  • testing.coveredGutterBackground:代码已覆盖区域的 gutter 颜色。
  • testing.uncoveredBranchBackground:未覆盖分支显示的小组件背景。
  • testing.uncoveredBackground:未覆盖文本的背景颜色。
  • testing.uncoveredBorder:未覆盖文本的边框颜色。
  • testing.uncoveredGutterBackground:代码未覆盖区域的 gutter 颜色。
  • testing.coverCountBadgeBackground:指示执行计数的徽章背景。
  • testing.coverCountBadgeForeground:指示执行计数的徽章前景色。
  • testing.message.error.badgeBackground:编辑器中内联显示的测试错误消息的背景颜色。
  • testing.message.error.badgeBorder:编辑器中内联显示的测试错误消息的边框颜色。
  • testing.message.error.badgeForeground:编辑器中内联显示的测试错误消息的文本颜色。

Welcome page colors

  • welcomePage.background:欢迎页面背景颜色。

  • welcomePage.progress.background:欢迎页面进度条的前景色。

  • welcomePage.progress.foreground:欢迎页面进度条的背景颜色。

  • welcomePage.tileBackground:欢迎页面上磁贴的背景颜色。

  • welcomePage.tileHoverBackground:欢迎页面上磁贴的悬停背景颜色。

  • welcomePage.tileBorder:欢迎页面上磁贴的边框颜色。

  • walkThrough.embeddedEditorBackground:交互式操场上嵌入式编辑器的背景颜色。

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

Git colors

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

Source Control Graph colors

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

Settings Editor colors

Note: These colors are for the GUI settings editor which can be opened with the Preferences: Open Settings (UI) command.

  • 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:设置编辑器拆分视图 sash 边框的颜色。
  • settings.settingsHeaderHoverForeground:部分标头或悬停标题的前景色。

The theme colors for breadcrumbs navigation

  • breadcrumb.foreground:面包屑项的颜色。
  • breadcrumb.background:面包屑项的背景颜色。
  • breadcrumb.focusForeground:聚焦面包屑项的颜色。
  • breadcrumb.activeSelectionForeground:选定面包屑项的颜色。
  • breadcrumbPicker.background:面包屑项选择器的背景颜色。

Snippets colors

The theme colors for snippets

  • editor.snippetTabstopHighlightBackground:代码段 tabstop 的突出显示背景颜色。
  • editor.snippetTabstopHighlightBorder:代码段 tabstop 的突出显示边框颜色。
  • editor.snippetFinalTabstopHighlightBackground:代码段最终 tabstop 的突出显示背景颜色。
  • editor.snippetFinalTabstopHighlightBorder:代码段最终 tabstop 的突出显示边框颜色。

Symbol Icons colors

The theme colors for symbol icons that appears in the Outline view, breadcrumb navigation, and suggest widget

  • 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:变量符号的前景色。

Debug Icons colors

  • debugIcon.breakpointForeground:断点图标颜色。

  • debugIcon.breakpointDisabledForeground:禁用断点图标颜色。

  • debugIcon.breakpointUnverifiedForeground:未验证断点图标颜色。

  • debugIcon.breakpointCurrentStackframeForeground:当前断点堆栈帧图标颜色。

  • debugIcon.breakpointStackframeForeground:所有断点堆栈帧图标颜色。

  • debugIcon.startForeground:开始调试的调试工具栏图标。

  • debugIcon.pauseForeground:暂停的调试工具栏图标。

  • debugIcon.stopForeground:停止的调试工具栏图标。

  • debugIcon.disconnectForeground:断开连接的调试工具栏图标。

  • debugIcon.restartForeground:重启的调试工具栏图标。

  • debugIcon.stepOverForeground:单步跳过的调试工具栏图标。

  • debugIcon.stepIntoForeground:单步调试的调试工具栏图标。

  • debugIcon.stepOutForeground:单步跳出的调试工具栏图标。

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

  • debugIcon.stepBackForeground:单步返回的调试工具栏图标。

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

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

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

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

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

Notebook colors

  • notebook.editorBackground:笔记本背景颜色。
  • notebook.cellBorderColor:笔记本单元格的边框颜色。
  • notebook.cellHoverBackground:鼠标悬停时单元格的背景颜色。
  • notebook.cellInsertionIndicator:笔记本单元格插入指示器的颜色。
  • notebook.cellStatusBarItemHoverBackground:笔记本单元格状态栏项的背景颜色。
  • notebook.cellToolbarSeparator:单元格底部工具栏中分隔符的颜色
  • notebook.cellEditorBackground:笔记本单元格编辑器背景颜色
  • notebook.focusedCellBackground:单元格聚焦时单元格的背景颜色。
  • notebook.focusedCellBorder:单元格聚焦时单元格焦点指示器边框的颜色。
  • notebook.focusedEditorBorder:笔记本单元格编辑器边框的颜色。
  • notebook.inactiveFocusedCellBorder:当单元格聚焦而主焦点在编辑器外部时,单元格顶部和底部边框的颜色。
  • notebook.inactiveSelectedCellBorder:选择多个单元格时单元格边框的颜色。
  • notebook.outputContainerBackgroundColor:笔记本输出容器背景颜色。
  • notebook.outputContainerBorderColor:笔记本输出容器边框颜色。
  • notebook.selectedCellBackground:单元格选定时单元格的背景颜色。
  • notebook.selectedCellBorder:单元格选定但未聚焦时单元格顶部和底部边框的颜色。
  • notebook.symbolHighlightBackground:突出显示的单元格背景颜色
  • notebookScrollbarSlider.activeBackground:单击时笔记本滚动条滑块背景颜色。
  • notebookScrollbarSlider.background:笔记本滚动条滑块背景颜色。
  • notebookScrollbarSlider.hoverBackground:鼠标悬停时笔记本滚动条滑块背景颜色。
  • notebookStatusErrorIcon.foreground:单元格状态栏中笔记本单元格错误图标的颜色。
  • notebookStatusRunningIcon.foreground:单元格状态栏中笔记本单元格运行图标的颜色。
  • notebookStatusSuccessIcon.foreground:单元格状态栏中笔记本单元格成功图标的颜色。
  • notebookEditorOverviewRuler.runningCellForeground:笔记本编辑器概览标尺中运行单元格装饰的颜色。

Chart colors

  • charts.foreground:图表中文本的对比颜色。
  • charts.lines:图表中线条的颜色。
  • charts.red:图表中红色元素颜色。
  • charts.blue:图表中蓝色元素颜色。
  • charts.yellow:图表中黄色元素颜色。
  • charts.orange:图表中橙色元素颜色。
  • charts.green:图表中绿色元素颜色。
  • charts.purple:图表中紫色元素颜色。
  • chart.line:图表的线条颜色。
  • chart.axis:图表的轴颜色。
  • chart.guide:图表的参考线。

Ports colors

  • ports.iconRunningProcessForeground:具有关联运行进程的端口图标颜色。

Comments View colors

  • commentsView.resolvedIcon:已解决注释的图标颜色。
  • commentsView.unresolvedIcon:未解决注释的图标颜色。

Action Bar colors

  • actionBar.toggledBackground:操作栏中已切换操作项的背景颜色。

Simple Find Widget colors

  • simpleFindWidget.sashBorder:sash 边框的边框颜色。

Gauge colors

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

Markdown

  • markdownAlert.note.foreground:Markdown 中备注警报的前景色。
  • markdownAlert.tip.foreground:Markdown 中提示警报的前景色。
  • markdownAlert.important.foreground:Markdown 中重要警报的前景色。
  • markdownAlert.warning.foreground:Markdown 中警告警报的前景色。
  • markdownAlert.caution.foreground:Markdown 中注意警报的前景色。

Agent Session colors

  • agentSessionReadIndicator.foreground:代理会话中已读指示器的前景色。
  • agentSessionSelectedBadge.border:选定代理会话项中徽章的边框颜色。
  • agentSessionSelectedUnfocusedBadge.border:视图未聚焦时选定代理会话项中徽章的边框颜色。
  • agentStatusIndicator.background:标题栏中代理状态指示器的背景颜色。
  • aiCustomizationManagement.sashBorder:聊天自定义管理编辑器拆分视图 sash 边框的颜色。

Extension colors

Color IDs can also be contributed by extensions through the color contribution point. These colors also appear when using code complete in the workbench.colorCustomizations settings and the color theme definition file. Users can see what colors an extension defines in the extension contributions tab.

© . This site is unofficial and not affiliated with Microsoft.