主題顏色

您可以透過 workbench.colorCustomizations 使用者設定來自訂您目前使用的 Visual Studio Code 色彩主題

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

注意:如果您想要使用現有的色彩主題,請參閱色彩主題,您將學會如何透過喜好設定:色彩主題下拉式選單來設定目前使用的色彩主題(⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T))。

主題色彩在網頁檢視 (webviews) 中可作為 CSS 變數使用,此外還有一個擴充功能提供相關的 IntelliSense。

色彩格式

色彩值可以使用 RGB 色彩模型定義,並包含用於透明度的 Alpha 色版。支援的十六進位格式包括:#RGB#RGBA#RRGGBB 以及 #RRGGBBAA。R (紅)、G (綠)、B (藍) 和 A (Alpha) 為十六進位字元 (0-9, a-f 或 A-F)。三位數記法 (#RGB) 是六位數形式 (#RRGGBB) 的縮寫,而四位數 RGB 記法 (#RGBA) 是八位數形式 (#RRGGBBAA) 的縮寫。例如,#e35f#ee3355ff 是相同的顏色。

若未定義 Alpha 值,則預設為 ff(不透明,無透明度)。若 Alpha 設為 00,則色彩完全透明。

某些色彩不應為不透明,以免覆蓋其他標註。請檢查色彩描述以了解適用對象。

對比色彩

對比色彩通常僅針對高對比主題進行設定。若已設定,它們會在 UI 元素周圍增加額外的邊框以提高對比度。

  • contrastActiveBorder:在作用中元素周圍增加額外的邊框,以將其與其他元素區隔,從而獲得更高的對比度。
  • contrastBorder:在元素周圍增加額外的邊框,以將其與其他元素區隔,從而獲得更高的對比度。

基本色彩

  • focusBorder:取得焦點之元素的整體邊框色彩。此色彩僅在未被元件覆蓋時使用。
  • foreground:整體前景色彩。此色彩僅在未被元件覆蓋時使用。
  • disabledForeground:已停用元素的整體前景色彩。此色彩僅在未被元件覆蓋時使用。
  • widget.border:小工具(如編輯器內的「搜尋/取代」)的邊框色彩。
  • widget.shadow:小工具(如編輯器內的「搜尋/取代」)的陰影色彩。
  • selection.background:工作台內文字選取的背景色彩(適用於輸入欄位或文字區域,不適用於編輯器和終端機內的選取內容)。
  • descriptionForeground:提供額外資訊(例如標籤)之描述文字的前景色彩。
  • errorForeground:錯誤訊息的整體前景色彩(此色彩僅在未被元件覆蓋時使用)。
  • icon.foreground:工作台中圖示的預設色彩。
  • sash.hoverBorder:可拖曳分割線的懸停邊框色彩。

視窗邊框

VS Code 視窗邊框的主題色彩。

  • window.activeBorder:作用中(取得焦點)視窗的邊框色彩。
  • window.inactiveBorder:非作用中(未取得焦點)視窗的邊框色彩。

視窗邊框色彩僅在 macOS 和 Linux 上支援(不支援 Windows),且僅在啟用自訂標題列時生效 ("window.titleBarStyle": "custom")。

文字色彩

文字文件內的色彩,例如歡迎頁面。

  • textBlockQuote.background:文字中區塊引用的背景色彩。
  • textBlockQuote.border:文字中區塊引用的邊框色彩。
  • textCodeBlock.background:文字中程式碼區塊的背景色彩。
  • textLink.activeForeground:文字中連結在點擊時與滑鼠懸停時的前景色彩。
  • textLink.foreground:文字中連結的前景色彩。
  • textPreformat.foreground:預先格式化文字片段的前景色彩。
  • textPreformat.background:預先格式化文字片段的背景色彩。
  • 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:懸停時非作用中選項按鈕的背景色彩。

用於所有下拉式選單(Dropdown)小工具(如整合終端機或輸出面板)的一組色彩。請注意,目前 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)

徽章是小型的資訊標籤,例如搜尋結果計數。

  • 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:奇數表格列的背景色彩。

活動列

活動列 (Activity Bar) 通常顯示在工作台的最左側或最右側,並允許在側邊欄 (Side 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:設定檔編輯器分割檢視之分割線邊框色彩。

側邊欄包含如「檔案總管」和「搜尋」等檢視。

  • 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) 顯示目前檔案的縮小版本。

  • 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:內嵌交談已插入內容的迷你地圖標記色彩。

編輯器群組與標籤頁 (Editor Groups & Tabs)

編輯器群組是編輯器的容器。可以有多個編輯器群組。標籤頁 (Tab) 是編輯器的容器。單個編輯器群組中可以開啟多個標籤頁。

  • 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:當編輯器群組內水平排列(由左至右)兩個編輯器時,用於分隔它們的色彩。

編輯器色彩

最顯著的編輯器色彩是語法反白所使用的 Token 色彩,並基於已安裝的語言文法。這些色彩由色彩主題定義,但也可以透過 editor.tokenColorCustomizations 設定進行自訂。請參閱自訂色彩主題以取得更新色彩主題與可用 Token 類型的詳細資訊。

此處列出所有其他編輯器色彩

  • 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:編輯器處於連結編輯模式時的背景色彩。

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) 包含字元邊距與行號

  • 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) 色彩

  • 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) 色彩

窺視檢視用於在編輯器內將參照與宣告顯示為一個檢視。

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:基礎版本中變更的背景色彩。
  • 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 items)的前景顏色。
  • 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:工作區離線時的狀態列項目懸停背景顏色。

顯著項目(Prominent items)會與其他狀態列項目區隔以表示其重要性。一個範例是切換 Tab 鍵移動焦點指令的變更模式指示器。

標題列顏色

  • titleBar.activeBackground:視窗啟用時的標題列背景顏色。
  • titleBar.activeForeground:視窗啟用時的標題列前景顏色。
  • titleBar.inactiveBackground:視窗未啟用時的標題列背景顏色。
  • titleBar.inactiveForeground:視窗未啟用時的標題列前景顏色。
  • titleBar.border:標題列邊框顏色。
  • menubar.selectionForeground:選單列中選定選單項目的前景顏色。
  • menubar.selectionBackground:選單列中選定選單項目的背景顏色。
  • menubar.selectionBorder:選單列中選定選單項目的邊框顏色。
  • menu.foreground:選單項目的前景顏色。
  • menu.background:選單項目的背景顏色。
  • menu.selectionForeground:選單中選定選單項目的前景顏色。
  • menu.selectionBackground:選單中選定選單項目的背景顏色。
  • menu.selectionBorder:選單中選定選單項目的邊框顏色。
  • menu.separatorBackground:選單中分隔線項目的顏色。
  • menu.border:選單的邊框顏色。

指令中心顏色

  • commandCenter.foreground:指令中心的前景顏色。
  • commandCenter.activeForeground:指令中心的啟用前景顏色。
  • commandCenter.background:指令中心的背景顏色。
  • commandCenter.activeBackground:指令中心的啟用背景顏色。
  • commandCenter.border:指令中心的邊框顏色。
  • commandCenter.inactiveForeground:視窗未啟用時指令中心的前景顏色。
  • commandCenter.inactiveBorder:視窗未啟用時指令中心的邊框顏色。
  • commandCenter.activeBorder:指令中心的啟用邊框顏色。
  • commandCenter.debuggingBackground:程式偵錯時指令中心的背景顏色。

通知顏色

通知 Toast(彈出視窗)會從工作區右下角滑出。

Notification Toasts

一旦在通知中心開啟,它們將會以包含標題的列表形式顯示。

Notification Center

  • notificationCenter.border:通知中心邊框顏色。
  • notificationCenterHeader.foreground:通知中心標題前景顏色。
  • notificationCenterHeader.background:通知中心標題背景顏色。
  • notificationToast.border:通知 Toast 邊框顏色。
  • notifications.foreground:通知前景顏色。
  • notifications.background:通知背景顏色。
  • notifications.border:通知中心內區隔其他通知的通知邊框顏色。
  • notificationLink.foreground:通知連結的前景顏色。
  • notificationsErrorIcon.foreground:通知錯誤圖示的顏色。
  • notificationsWarningIcon.foreground:通知警告圖示的顏色。
  • notificationsInfoIcon.foreground:通知資訊圖示的顏色。

當顯示時,橫幅會出現在標題列下方並橫跨整個工作區寬度。

  • banner.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:終端機中黏性捲動(Sticky Scroll)覆蓋層的背景顏色。

  • 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:已完成的 Pull Request 圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。

  • terminalSymbolIcon.pullRequestForeground:Pull Request 圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。

  • terminalSymbolIcon.remoteForeground:遠端圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。

  • terminalSymbolIcon.stashForeground:Stash 圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。

  • terminalSymbolIcon.symbolText:純文字建議的前景顏色。這些圖示會出現在終端機建議視窗小工具中。

  • terminalSymbolIcon.symbolicLinkFileForeground:符號連結檔案圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。

  • terminalSymbolIcon.symbolicLinkFolderForeground:符號連結資料夾圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。

  • terminalSymbolIcon.tagForeground:標籤圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。

偵錯顏色

  • debugToolBar.background:偵錯工具列背景顏色。
  • debugToolBar.border:偵錯工具列邊框顏色。
  • editor.stackFrameHighlightBackground:編輯器中頂層堆疊框架反白的背景顏色。
  • editor.focusedStackFrameHighlightBackground:編輯器中已聚焦堆疊框架反白的背景顏色。
  • editor.inlineValuesForeground:偵錯內嵌數值文字的顏色。
  • editor.inlineValuesBackground:偵錯內嵌數值背景的顏色。
  • debugView.exceptionLabelForeground:當偵錯工具因例外狀況中斷時,「呼叫堆疊」(CALL STACK) 檢視中所顯示標籤的前景顏色。
  • 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:測試總管中「錯誤」圖示的停用(retired)顏色。
  • testing.iconFailed.retired:測試總管中「失敗」圖示的停用顏色。
  • testing.iconPassed.retired:測試總管中「通過」圖示的停用顏色。
  • testing.iconQueued.retired:測試總管中「佇列」圖示的停用顏色。
  • testing.iconUnset.retired:測試總管中「未設定」圖示的停用顏色。
  • testing.iconSkipped.retired:測試總管中「跳過」圖示的停用顏色。
  • testing.peekBorder:檢視區 (peek view) 邊框與箭頭的顏色。
  • 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) 指令開啟的 GUI 設定編輯器。

  • settings.headerForeground:區段標頭或已啟用標題的前景顏色。
  • settings.modifiedItemIndicator:指示已修改設定的線條。
  • settings.dropdownBackground:下拉式選單背景。
  • settings.dropdownForeground:下拉式選單前景。
  • settings.dropdownBorder:下拉式選單邊框。
  • settings.dropdownListBorder:下拉式選單列表邊框。
  • settings.checkboxBackground:核取方塊背景。
  • settings.checkboxForeground:核取方塊前景。
  • settings.checkboxBorder:核取方塊邊框。
  • settings.rowHoverBackground:設定列懸停時的背景顏色。
  • settings.textInputBackground:文字輸入框背景。
  • settings.textInputForeground:文字輸入框前景。
  • settings.textInputBorder:文字輸入框邊框。
  • settings.numberInputBackground:數字輸入框背景。
  • settings.numberInputForeground:數字輸入框前景。
  • settings.numberInputBorder:數字輸入框邊框。
  • settings.focusedRowBackground:已聚焦設定列的背景顏色。
  • settings.focusedRowBorder:設定列被聚焦時其頂部和底部邊框的顏色。
  • settings.headerBorder:標頭容器邊框的顏色。
  • settings.sashBorder:設定編輯器分割檢視邊框的顏色。
  • settings.settingsHeaderHoverForeground:區段標頭或懸停標題的前景顏色。

階層連結導覽的佈景主題顏色

  • breadcrumb.foreground:階層連結項目的顏色。
  • breadcrumb.background:階層連結項目的背景顏色。
  • breadcrumb.focusForeground:已聚焦階層連結項目的顏色。
  • breadcrumb.activeSelectionForeground:選定階層連結項目的顏色。
  • breadcrumbPicker.background:階層連結項目挑選器的背景顏色。

程式碼片段 (Snippets) 顏色

程式碼片段的佈景主題顏色

  • 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.cellBorderColor:筆記本儲存格的邊框顏色。
  • notebook.cellHoverBackground:儲存格懸停時的背景顏色。
  • notebook.cellInsertionIndicator:筆記本儲存格插入指示器的顏色。
  • notebook.cellStatusBarItemHoverBackground:筆記本儲存格狀態列項目的背景顏色。
  • notebook.cellToolbarSeparator:儲存格底部工具列中分隔線的顏色。
  • notebook.cellEditorBackground:筆記本儲存格編輯器的背景顏色。
  • notebook.focusedCellBackground:已聚焦儲存格的背景顏色。
  • notebook.focusedCellBorder:儲存格被聚焦時,焦點指示器邊框的顏色。
  • notebook.focusedEditorBorder:筆記本儲存格編輯器的邊框顏色。
  • notebook.inactiveFocusedCellBorder:當主要焦點位於編輯器之外,且儲存格被聚焦時,該儲存格頂部和底部邊框的顏色。
  • notebook.inactiveSelectedCellBorder:當選取多個儲存格時,其邊框顏色。
  • notebook.outputContainerBackgroundColor:筆記本輸出容器的背景顏色。
  • notebook.outputContainerBorderColor:筆記本輸出容器的邊框顏色。
  • notebook.selectedCellBackground:儲存格被選取時的背景顏色。
  • notebook.selectedCellBorder:儲存格被選取但未被聚焦時,其頂部和底部邊框的顏色。
  • notebook.symbolHighlightBackground:反白儲存格的背景顏色。
  • notebookScrollbarSlider.activeBackground:筆記本捲軸滑桿被點擊時的背景顏色。
  • notebookScrollbarSlider.background:筆記本捲軸滑桿的背景顏色。
  • notebookScrollbarSlider.hoverBackground:筆記本捲軸滑桿懸停時的背景顏色。
  • notebookStatusErrorIcon.foreground:儲存格狀態列中筆記本儲存格的錯誤圖示顏色。
  • notebookStatusRunningIcon.foreground:儲存格狀態列中筆記本儲存格的執行中圖示顏色。
  • notebookStatusSuccessIcon.foreground:儲存格狀態列中筆記本儲存格的成功圖示顏色。
  • notebookEditorOverviewRuler.runningCellForeground:筆記本編輯器概覽尺規中執行中儲存格裝飾的顏色。

圖表顏色

  • charts.foreground:圖表中文字的對比顏色。
  • charts.lines:圖表中線條的顏色。
  • charts.red:圖表中紅色元素的顏色。
  • charts.blue:圖表中藍色元素的顏色。
  • charts.yellow:圖表中黃色元素的顏色。
  • charts.orange:圖表中橘色元素的顏色。
  • charts.green:圖表中綠色元素的顏色。
  • charts.purple:圖表中紫色元素的顏色。
  • chart.line:圖表的線條顏色。
  • chart.axis:圖表的座標軸顏色。
  • chart.guide:圖表的導引線顏色。

連接埠顏色

  • ports.iconRunningProcessForeground:關聯了執行中處理程序的連接埠圖示顏色。

註解檢視顏色

  • commentsView.resolvedIcon:已解決註解的圖示顏色。
  • commentsView.unresolvedIcon:未解決註解的圖示顏色。

動作列顏色

  • actionBar.toggledBackground:動作列中已切換動作項目的背景顏色。

簡易搜尋視窗小工具顏色

  • simpleFindWidget.sashBorder:窗格邊框的顏色。

計量器 (Gauge) 顏色

  • 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) 警示的前景顏色。

代理程式工作階段顏色

  • agentSessionReadIndicator.foreground:代理程式工作階段中讀取指示器的前景顏色。
  • agentSessionSelectedBadge.border:已選定代理程式工作階段項目中徽章的邊框顏色。
  • agentSessionSelectedUnfocusedBadge.border:當檢視未聚焦時,已選定代理程式工作階段項目中徽章的邊框顏色。
  • agentStatusIndicator.background:標題列中代理程式狀態指示器的背景顏色。
  • aiCustomizationManagement.sashBorder:聊天自訂管理編輯器分割檢視邊框的顏色。

擴充功能顏色

顏色 ID 也可以由擴充功能透過 顏色貢獻點 進行貢獻。當在 workbench.colorCustomizations 設定及色彩佈景主題定義檔中使用程式碼完成時,這些顏色也會出現。使用者可在 擴充功能貢獻 索引標籤中查看擴充功能定義了哪些顏色。

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