主题颜色

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

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

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

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

颜色格式

颜色值可以在包含用于透明度的 alpha 通道的 RGB 颜色模型中定义。支持以下十六进制记法格式:#RGB#RGBA#RRGGBB#RRGGBBAA。R(红)、G(绿)、B(蓝)和 A(alpha)是十六进制字符(0-9、a-f 或 A-F)。三位记法(#RGB)是六位形式(#RRGGBB)的简写,四位 RGBA 记法(#RGBA)是八位形式(#RRGGBBAA)的简写。例如,#e35f#ee3355ff 是相同的颜色。

如果未定义 alpha 值,默认为 ff(不透明,无透明度)。如果 alpha 设置为 00,则颜色完全透明。

为了不覆盖其他标注,某些颜色不应是不透明的。请检查颜色描述以查看哪些颜色适用此规则。

对比度颜色

对比度颜色通常仅为高对比度主题设置。如果进行了设置,它们会在整个 UI 的项目周围添加额外的边框,以提高对比度。

  • contrastActiveBorder:活动元素周围的额外边框,用于将其与其他元素分隔开以获得更大的对比度。
  • contrastBorder:元素周围的额外边框,用于将其与其他元素分隔开以获得更大的对比度。

基础颜色

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

窗口边框

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

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

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

文本颜色

文本文档内部的颜色,例如欢迎页面。

  • textBlockQuote.background:文本中块引用(blockquote)的背景色。
  • 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:被取消强调(deemphasized)项目的列表/树前景色。
  • list.dropBetweenBackground:使用鼠标在项目之间移动项目时,列表/树的拖放边框颜色。
  • tree.indentGuidesStroke:树小部件缩进导线的笔触颜色。
  • tree.inactiveIndentGuidesStroke:未激活的缩进导线的树笔触颜色。
  • tree.tableColumnsBorder:缩进导线的树笔触颜色。
  • tree.tableOddRowsBackground:奇数表格行的背景色。

活动栏 (Activity Bar)

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

  • 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:配置文件编辑器拆分视图 sash 边框的颜色。

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

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

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

  • sideBar.border:侧边栏面向编辑器一侧的边框颜色。

  • sideBar.dropBackground:侧边栏区域的拖放反馈颜色。该颜色应具有透明度,以便侧边栏区域仍然透出。

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

  • sideBarSectionHeader.background:侧边栏节标题(section header)背景色。

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

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

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

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

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

  • sideBarStickyScroll.background:侧边栏中固定滚动(sticky scroll)的背景色。

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

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

迷你地图

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

  • minimap.findMatchHighlight:文件内搜索匹配项的高亮颜色。

  • minimap.selectionHighlight:编辑器选中内容的高亮颜色。

  • minimap.errorHighlight:编辑器内错误的高亮颜色。

  • minimap.warningHighlight:编辑器内警告的高亮颜色。

  • minimap.background:小地图背景色。

  • minimap.selectionOccurrenceHighlight:重复编辑器选中内容的小地图标记颜色。

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

  • minimap.infoHighlight:信息(infos)的小地图标记颜色。

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

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

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

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

  • minimapGutter.addedBackground:新增内容的小地图边沟(gutter)颜色。

  • 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:最后一个固定(pinned)编辑器的右侧边框,用于将其与未固定的编辑器分隔开。

  • tab.inactiveBackground:非活动标签页背景色。

  • tab.unfocusedInactiveBackground:未聚焦组中非活动标签页的背景色

  • tab.inactiveForeground:活动组中非活动标签页的前景色。

  • tab.unfocusedActiveForeground:非活动编辑器组中活动标签页的前景色。

  • tab.unfocusedInactiveForeground:非活动编辑器组中非活动标签页的前景色。

  • tab.hoverBackground:悬停时的标签页背景色

  • tab.unfocusedHoverBackground:未聚焦组中悬停时的标签页背景色

  • tab.hoverForeground:悬停时的标签页前景色

  • tab.unfocusedHoverForeground:未聚焦组中悬停时的标签页前景色

  • tab.hoverBorder:悬停时突出显示标签页的边框

  • tab.unfocusedHoverBorder:未聚焦组中悬停时突出显示标签页的边框

  • tab.activeModifiedBorder:活动组中修改过(dirty)的活动标签页顶部的边框。

  • tab.inactiveModifiedBorder:活动组中修改过(dirty)的非活动标签页顶部的边框。

  • tab.unfocusedActiveModifiedBorder:未聚焦组中修改过(dirty)的活动标签页顶部的边框。

  • tab.unfocusedInactiveModifiedBorder:未聚焦组中修改过(dirty)的非活动标签页顶部的边框。

  • editorPane.background:在居中编辑器布局左右两侧可见的编辑器窗格的背景色。

  • sideBySideEditor.horizontalBorder:在编辑器组中从上到下并排显示时,分隔两个编辑器的颜色。

  • sideBySideEditor.verticalBorder:在编辑器组中从左到右并排显示时,分隔两个编辑器的颜色。

编辑器颜色

最突出的编辑器颜色是用于语法高亮的标记(token)颜色,它基于安装的语言语法。这些颜色由颜色主题定义,但也可以使用 editor.tokenColorCustomizations 设置进行自定义。有关更新颜色主题和可用标记类型的详细信息,请参阅自定义颜色主题

此处列出了所有其他编辑器颜色

  • editor.background:编辑器背景色。
  • editor.foreground:编辑器默认前景色。
  • editorLineNumber.foreground:编辑器行号的颜色。
  • editorLineNumber.activeForeground:编辑器活动行号的颜色。
  • editorLineNumber.dimmedForeground:当 editor.renderFinalNewline 设置为 dimmed 时,编辑器最终行的颜色。
  • editorCursor.background:编辑器光标的背景色。允许自定义块状光标所覆盖字符的颜色。
  • editorCursor.foreground:编辑器光标的颜色。
  • editorMultiCursor.primary.foreground:存在多个光标时主编辑器光标的颜色。
  • editorMultiCursor.primary.background:存在多个光标时主编辑器光标的背景色。允许自定义块状光标所覆盖字符的颜色。
  • editorMultiCursor.secondary.foreground:存在多个光标时次要编辑器光标的颜色。
  • editorMultiCursor.secondary.background:存在多个光标时次要编辑器光标的背景色。允许自定义块状光标所覆盖字符的颜色。
  • editor.placeholder.foreground:编辑器中占位符文本的前景色。
  • editor.compositionBorder:IME 组合(输入法)的边框颜色。

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

selection highlight

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

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

occurrences

  • editor.wordHighlightBackground:读取访问(例如读取变量)期间符号的背景色。该颜色不能是不透明的,以免隐藏底层的装饰。
  • editor.wordHighlightBorder:读取访问(例如读取变量)期间符号的边框颜色。
  • editor.wordHighlightStrongBackground:写入访问(例如写入变量)期间符号的背景色。该颜色不能是不透明的,以免隐藏底层的装饰。
  • editor.wordHighlightStrongBorder:写入访问(例如写入变量)期间符号的边框颜色。
  • editor.wordHighlightTextBackground:符号文本匹配项的背景色。该颜色不能是不透明的,以免隐藏底层的装饰。
  • editor.wordHighlightTextBorder:符号文本匹配项的边框颜色。

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

Find matches

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

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

Search Results

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

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

Search Editor Matches

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

悬停高亮显示在显示悬停提示的符号下方。

Hover Highlight

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

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

Line Highlight

  • editor.lineHighlightBackground:光标位置所在行高亮的背景色。
  • editor.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:编辑器处于关联编辑(linked editing)模式时的背景色。

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" 主题颜色为不必要的代码加上下划线,而不是淡化它。

边沟(gutter)包含字形边距(glyph margin)和行号

  • 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:包含草稿评论的评论线程的评论字形编辑器边沟装饰颜色。

审核拉取请求(PR)时可以看到编辑器评论小部件

  • 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:Chat Management 编辑器拆分视图 sash 边框的颜色。

内联聊天颜色

  • 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:内联补全提供程序和建议预览显示的幽灵文本(ghost text)边框颜色。

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

  • editorGhostText.foreground:内联补全提供程序和建议预览显示的幽灵文本的前景色。

  • editorStickyScroll.background:编辑器固定滚动的背景色。

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

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

  • editorStickyScrollGutter.background:编辑器固定滚动边沟部分的背景色。

  • editorStickyScrollHover.background:编辑器固定滚动悬停时的背景色。

调试异常小部件是一个速览视图(peek view),在调试停止于异常时显示在编辑器中。

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

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

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

速览视图颜色

速览视图(peek view)用于将引用和声明作为编辑器内部的视图展示。

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 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:基准(base)中变更的背景色。
  • mergeEditor.changeBase.word.background:基准中单词级变更的背景色。
  • mergeEditor.conflict.input1.background:输入 1 中装饰的背景色。
  • mergeEditor.conflict.input2.background:输入 2 中装饰的背景色。

面板颜色

面板显示在编辑器区域下方,包含输出和集成终端等视图。

  • panel.background:面板背景色。
  • panel.border:将面板与编辑器分隔开的面板边框颜色。
  • panel.dropBorder:面板标题的拖放反馈颜色。面板显示在编辑器区域下方,包含输出和集成终端等视图。
  • panelTitle.activeBorder:活动面板标题的边框颜色。
  • panelTitle.activeForeground:活动面板的标题颜色。
  • panelTitle.inactiveForeground:非活动面板的标题颜色。
  • panelTitle.border:面板标题底部的边框颜色,用于将标题与视图分隔开。面板显示在编辑器区域下方,包含输出和集成终端等视图。
  • panelTitleBadge.background:面板标题徽标背景色。面板显示在编辑器区域下方,包含输出和集成终端等视图。
  • panelTitleBadge.foreground:面板标题徽标前景色。面板显示在编辑器区域下方,包含输出和集成终端等视图。
  • panelInput.border:面板中输入框的边框颜色。
  • panelSection.border:当多个视图在面板中水平堆叠时使用的面板节边框颜色。面板显示在编辑器区域下方,包含输出和集成终端等视图。
  • panelSection.dropBackground:面板区域的拖放反馈颜色。该颜色应具有透明度,以便面板区域仍然透出。面板显示在编辑器区域下方,包含输出和集成终端等视图。
  • panelSectionHeader.background:面板节标题背景色。面板显示在编辑器区域下方,包含输出和集成终端等视图。
  • panelSectionHeader.foreground:面板节标题前景色。面板显示在编辑器区域下方,包含输出和集成终端等视图。
  • panelStickyScroll.background:面板中固定滚动的背景色。
  • panelStickyScroll.border:面板中固定滚动的边框颜色。
  • panelStickyScroll.shadow:面板中固定滚动的阴影颜色。
  • panelSectionHeader.border:当多个视图在面板中垂直堆叠时使用的面板节标题边框颜色。面板显示在编辑器区域下方,包含输出和集成终端等视图。
  • outputView.background:输出视图背景色。
  • outputViewStickyScroll.background:输出视图固定滚动背景色。

状态栏颜色

状态栏显示在工作台的底部。

  • statusBar.background:标准状态栏背景色。
  • statusBar.foreground:状态栏前景色。
  • statusBar.border:分隔状态栏和编辑器的状态栏边框颜色。
  • statusBar.debuggingBackground:正在调试程序时的状态栏背景色。
  • statusBar.debuggingForeground:正在调试程序时的状态栏前景色。
  • statusBar.debuggingBorder:正在调试程序时分隔状态栏和编辑器的状态栏边框颜色。
  • statusBar.noFolderForeground:未打开文件夹时的状态栏前景色。
  • statusBar.noFolderBackground:未打开文件夹时的状态栏背景色。
  • statusBar.noFolderBorder:未打开文件夹时分隔状态栏和编辑器的状态栏边框颜色。
  • statusBarItem.activeBackground:点击时的状态栏项目背景色。
  • statusBarItem.hoverForeground:悬停时的状态栏项目前景色。状态栏显示在窗口底部。
  • statusBarItem.hoverBackground:悬停时的状态栏项目背景色。
  • statusBarItem.prominentForeground:状态栏突出(prominent)项目的前景色。
  • 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:程序处于调试状态时命令中心的背景色。

通知颜色

弹出通知会从工作台右下角向上滑出。

Notification Toasts

在通知中心打开后,它们会以带有页眉的列表形式显示

Notification Center

  • notificationCenter.border:通知中心的边框颜色。
  • notificationCenterHeader.foreground:通知中心页眉的前景色。
  • notificationCenterHeader.background:通知中心页眉的背景色。
  • notificationToast.border:弹出通知的边框颜色。
  • notifications.foreground:通知的前景色。
  • notifications.background:通知的背景色。
  • notifications.border:通知中心中用于与其他通知隔开的通知边框颜色。
  • notificationLink.foreground:通知链接的前景色。
  • notificationsErrorIcon.foreground:用于通知错误图标的颜色。
  • notificationsWarningIcon.foreground:用于通知警告图标的颜色。
  • notificationsInfoIcon.foreground:用于通知信息图标的颜色。

横幅在可见时会显示在标题栏下方,并贯穿整个工作台的宽度。

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

扩展颜色

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

快速选择器颜色

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

快捷键标签颜色

当命令关联了快捷键时,会显示快捷键标签。在命令面板中可以看到快捷键标签的示例

Keybinding label

快捷键标签的使用场景包括(但不限于)

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

提供以下自定义设置

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

键盘快捷方式表颜色

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

集成终端颜色

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • terminal.inactiveSelectionBackground:终端未获得焦点时的选择背景色。

  • terminal.findMatchBackground:终端中当前搜索匹配项的颜色。颜色不能是不透明的,以免遮挡底层的终端内容。

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

  • terminal.findMatchHighlightBackground:终端中其他搜索匹配项的颜色。颜色不能是不透明的,以免遮挡底层的终端内容。

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

  • terminal.hoverHighlightBackground:终端中悬停在链接上时的高亮颜色。

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

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

  • terminal.dropBackground:拖放到终端上方时的背景色。颜色应具备透明度,以便终端内容仍能显现。

  • terminal.tab.activeBorder:面板中终端标签页侧边的边框。默认值为 tab.activeBorder

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

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

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

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

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

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

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

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

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

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

  • terminalCommandGuide.foreground:悬停时显示在命令及其输出左侧的终端命令导轨的前景色。

  • terminalSymbolIcon.aliasForeground:别名图标的前景色。这些图标将显示在终端建议部件中

  • terminalSymbolIcon.branchForeground:分支图标的前景色。这些图标将显示在终端建议部件中。

  • terminalSymbolIcon.commitForeground:提交图标的前景色。这些图标将显示在终端建议部件中。

  • terminalSymbolIcon.flagForeground:标志图标的前景色。这些图标将显示在终端建议部件中

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

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

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

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

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

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

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

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

  • terminalSymbolIcon.pullRequestForeground:拉取请求图标的前景色。这些图标将显示在终端建议部件中。

  • terminalSymbolIcon.remoteForeground:远程图标的前景色。这些图标将显示在终端建议部件中。

  • terminalSymbolIcon.stashForeground:暂存图标的前景色。这些图标将显示在终端建议部件中。

  • terminalSymbolIcon.symbolText:纯文本建议的前景色。这些图标将显示在终端建议部件中。

  • terminalSymbolIcon.symbolicLinkFileForeground:符号链接文件图标的前景色。这些图标将显示在终端建议部件中。

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

  • terminalSymbolIcon.tagForeground:标签图标的前景色。这些图标将显示在终端建议部件中。

调试颜色

  • debugToolBar.background:调试工具栏背景色。
  • debugToolBar.border:调试工具栏边框颜色。
  • editor.stackFrameHighlightBackground:编辑器中顶部堆栈帧高亮的背景色。
  • editor.focusedStackFrameHighlightBackground:编辑器中聚焦堆栈帧高亮的背景色。
  • editor.inlineValuesForeground:调试内联值文本的颜色。
  • editor.inlineValuesBackground:调试内联值背景的颜色。
  • debugView.exceptionLabelForeground:当调试器因异常中断时,在“调用堆栈”视图中所示标签的前景色。
  • debugView.exceptionLabelBackground:当调试器因异常中断时,在“调用堆栈”视图中所示标签的背景色。
  • debugView.stateLabelForeground:“调用堆栈”视图中显示当前会话或线程状态的标签的前景色。
  • debugView.stateLabelBackground:“调用堆栈”视图中显示当前会话或线程状态的标签的背景色。
  • debugView.valueChangedHighlight:调试视图(例如在“变量”视图)中用于突出显示值更改的颜色。
  • debugTokenExpression.name:调试视图(例如在“变量”或“监视”视图)中所示标记名称的前景色。
  • debugTokenExpression.value:调试视图中所示标记值的前景色。
  • debugTokenExpression.string:调试视图中字符串的前景色。
  • debugTokenExpression.boolean:调试视图中布尔值的前景色。
  • debugTokenExpression.number:调试视图中数字的前景色。
  • debugTokenExpression.error:调试视图中表达式错误的前景色。
  • debugTokenExpression.type:调试视图(即“变量”或“监视”视图)中所示标记类型的前景色。

测试颜色

  • testing.runAction:编辑器中“运行”图标的颜色。
  • testing.iconErrored:测试资源管理器中“出错”图标的颜色。
  • testing.iconFailed:测试资源管理器中“失败”图标的颜色。
  • testing.iconPassed:测试资源管理器中“通过”图标的颜色。
  • testing.iconQueued:测试资源管理器中“已排队”图标的颜色。
  • testing.iconUnset:测试资源管理器中“未设置”图标的颜色。
  • testing.iconSkipped:测试资源管理器中“已跳过”图标的颜色。
  • testing.iconErrored.retired:测试资源管理器中“出错”图标的停用状态颜色。
  • testing.iconFailed.retired:测试资源管理器中“失败”图标的停用状态颜色。
  • testing.iconPassed.retired:测试资源管理器中“通过”图标的停用状态颜色。
  • testing.iconQueued.retired:测试资源管理器中“已排队”图标的停用状态颜色。
  • testing.iconUnset.retired:测试资源管理器中“未设置”图标的停用状态颜色。
  • testing.iconSkipped.retired:测试资源管理器中“已跳过”图标的停用状态颜色。
  • testing.peekBorder:预览视图边框和箭头的颜色。
  • testing.peekHeaderBackground:预览视图标头的背景色。
  • testing.message.error.lineBackground:编辑器中内联显示的错误消息旁边的装订线颜色。
  • testing.message.info.decorationForeground:编辑器中内联显示的测试信息消息文本颜色。
  • testing.message.info.lineBackground:编辑器中内联显示的信息消息旁边的装订线颜色。
  • testing.messagePeekBorder:预览日志消息时,预览视图边框和箭头的颜色。
  • testing.messagePeekHeaderBackground:预览日志消息时,预览视图标头的背景色。
  • testing.coveredBackground:被覆盖文本的背景色。
  • testing.coveredBorder:被覆盖文本的边框颜色。
  • testing.coveredGutterBackground:代码被覆盖区域的行号边槽颜色。
  • testing.uncoveredBranchBackground:未覆盖分支所示部件的背景色。
  • testing.uncoveredBackground:未被覆盖文本的背景色。
  • testing.uncoveredBorder:未被覆盖文本的边框颜色。
  • testing.uncoveredGutterBackground:代码未被覆盖区域的行号边槽颜色。
  • testing.coverCountBadgeBackground:指示执行次数徽章的背景色
  • testing.coverCountBadgeForeground:指示执行次数徽章的前景色
  • testing.message.error.badgeBackground:编辑器中内联显示的测试错误消息徽章背景色。
  • testing.message.error.badgeBorder:编辑器中内联显示的测试错误消息徽章边框颜色。
  • testing.message.error.badgeForeground:编辑器中内联显示的测试错误消息徽章文本颜色。

欢迎页面颜色

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

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

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

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

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

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

  • walkThrough.embeddedEditorBackground:交互式演练场中嵌入式编辑器的背景色。

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

Git 颜色

  • gitDecoration.addedResourceForeground:新增 Git 资源的颜色。用于文件标签和 SCM 小视图。
  • gitDecoration.modifiedResourceForeground:修改的 Git 资源的颜色。用于文件标签和 SCM 小视图。
  • gitDecoration.deletedResourceForeground:删除的 Git 资源的颜色。用于文件标签和 SCM 小视图。
  • gitDecoration.renamedResourceForeground:重命名或复制的 Git 资源的颜色。用于文件标签和 SCM 小视图。
  • gitDecoration.stageModifiedResourceForeground:暂存修改的 Git 装饰颜色。用于文件标签和 SCM 小视图。
  • gitDecoration.stageDeletedResourceForeground:暂存删除的 Git 装饰颜色。用于文件标签和 SCM 小视图。
  • gitDecoration.untrackedResourceForeground:未跟踪的 Git 资源的颜色。用于文件标签和 SCM 小视图。
  • gitDecoration.ignoredResourceForeground:忽略的 Git 资源的颜色。用于文件标签和 SCM 小视图。
  • gitDecoration.conflictingResourceForeground:冲突的 Git 资源的颜色。用于文件标签和 SCM 小视图。
  • gitDecoration.submoduleResourceForeground:子模块资源的颜色。
  • git.blame.editorDecorationForeground:Blame 编辑器装饰的颜色。

源代码管理图谱颜色

  • scmGraph.historyItemHoverLabelForeground:历史项悬停标签的前景色。
  • scmGraph.foreground1:源代码管理图谱前景色 (1)。
  • scmGraph.foreground2:源代码管理图谱前景色 (2)。
  • scmGraph.foreground3:源代码管理图谱前景色 (3)。
  • scmGraph.foreground4:源代码管理图谱前景色 (4)。
  • scmGraph.foreground5:源代码管理图谱前景色 (5)。
  • scmGraph.historyItemHoverAdditionsForeground:历史项悬停新增内容的前景色。
  • scmGraph.historyItemHoverDeletionsForeground:历史项悬停删除内容的前景色。
  • scmGraph.historyItemRefColor:历史项引用颜色。
  • scmGraph.historyItemRemoteRefColor:历史项远程引用颜色。
  • scmGraph.historyItemBaseRefColor:历史项基准引用颜色。
  • scmGraph.historyItemHoverDefaultLabelForeground:历史项悬停默认标签的前景色。
  • scmGraph.historyItemHoverDefaultLabelBackground:历史项悬停默认标签的背景色。

设置编辑器颜色

注意:这些颜色适用于图形界面设置编辑器,可通过 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:Null 符号的前景色。
  • symbolIcon.numberForeground:数字符号的前景色。
  • symbolIcon.objectForeground:对象符号的前景色。
  • symbolIcon.operatorForeground:运算符符号的前景色。
  • symbolIcon.packageForeground:包符号的前景色。
  • symbolIcon.propertyForeground:属性符号的前景色。
  • symbolIcon.referenceForeground:引用符号的前景色。
  • symbolIcon.snippetForeground:代码片段符号的前景色。
  • symbolIcon.stringForeground:字符串符号的前景色。
  • symbolIcon.structForeground:结构体符号的前景色。
  • symbolIcon.textForeground:文本符号的前景色。
  • symbolIcon.typeParameterForeground:类型参数符号的前景色。
  • symbolIcon.unitForeground:单位符号的前景色。
  • symbolIcon.variableForeground:变量符号的前景色。

调试图标颜色

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

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

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

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

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

  • debugIcon.startForeground:调试工具栏中“开始调试”图标的颜色。

  • debugIcon.pauseForeground:调试工具栏中“暂停”图标的颜色。

  • debugIcon.stopForeground:调试工具栏中“停止”图标的颜色。

  • debugIcon.disconnectForeground:调试工具栏中“断开连接”图标的颜色。

  • debugIcon.restartForeground:调试工具栏中“重启”图标的颜色。

  • debugIcon.stepOverForeground:调试工具栏中“单步跳过”图标的颜色。

  • debugIcon.stepIntoForeground:调试工具栏中“单步跳入”图标的颜色。

  • debugIcon.stepOutForeground:调试工具栏中“单步跳出”图标的颜色。

  • debugIcon.continueForeground:调试工具栏中“继续”图标的颜色。

  • debugIcon.stepBackForeground:调试工具栏中“单步跳退”图标的颜色。

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

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

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

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

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

Notebook 颜色

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

图表颜色

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

端口颜色

  • ports.iconRunningProcessForeground:关联了正在运行进程的端口图标颜色。

批注视图颜色

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

操作栏颜色

  • actionBar.toggledBackground:操作栏中处于切换激活状态的操作项背景色。

简单查找控件颜色

  • simpleFindWidget.sashBorder:窗格边框的颜色。

仪表盘颜色

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

Markdown

  • markdownAlert.note.foreground:Markdown 中备注(Note)警示块的前景色。
  • markdownAlert.tip.foreground:Markdown 中提示(Tip)警示块的前景色。
  • markdownAlert.important.foreground:Markdown 中重要(Important)警示块的前景色。
  • markdownAlert.warning.foreground:Markdown 中警告(Warning)警示块的前景色。
  • markdownAlert.caution.foreground:Markdown 中小心(Caution)警示块的前景色。

Agent 会话颜色

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

扩展颜色

颜色 ID 也可以由扩展通过颜色贡献点提供。这些颜色在 workbench.colorCustomizations 设置和颜色主题定义文件使用代码自动补全时也会出现。用户可以在扩展贡献选项卡中查看扩展定义了哪些颜色。

English 한국어 中文(简体) 中文(繁體)
© . This website operates independently and is not affiliated with or endorsed by Microsoft. All brand names, logos, and trademarks are the property of their respective owners.