主題顏色

您可以使用 workbench.colorCustomizations 使用者設定，自訂您現用的 Visual Studio Code 色彩佈景主題。

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

注意：如果您想要使用現有的色彩佈景主題，請參閱色彩佈景主題，您將在此學習如何透過偏好設定：色彩佈景主題下拉式選單 (⌘K ⌘T (Windows、Linux Ctrl+K Ctrl+T)) 設定現用的色彩佈景主題。

佈景主題色彩在 webview 中以 CSS 變數的形式提供，並且有擴充功能可為它們提供 IntelliSense。

色彩格式

色彩值可以使用 RGB 色彩模型定義，並帶有 Alpha 通道以實現透明度。作為格式，支援以下十六進位標記法：#RGB、#RGBA、#RRGGBB 和 #RRGGBBAA。R (紅色)、G (綠色)、B (藍色) 和 A (Alpha) 是十六進位字元 (0-9、a-f 或 A-F)。三位數標記法 (#RGB) 是六位數形式 (#RRGGBB) 的簡短版本，而四位數 RGB 標記法 (#RGBA) 是八位數形式 (#RRGGBBAA) 的簡短版本。例如，#e35f 與 #ee3355ff 的顏色相同。

如果未定義 Alpha 值，則預設為 ff (不透明，無透明度)。如果 Alpha 設定為 00，則顏色完全透明。

某些顏色不應為不透明，以免遮蓋其他註解。請查看色彩描述，以了解哪些顏色適用此情況。

對比色彩

對比色彩通常僅針對高對比佈景主題設定。如果設定，它們會在 UI 中項目的周圍新增額外的邊框，以增加對比度。

• contrastActiveBorder：活動元素周圍的額外邊框，使其與其他元素區隔開來，以提高對比度。
• contrastBorder：元素周圍的額外邊框，使其與其他元素區隔開來，以提高對比度。

基礎色彩

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

視窗邊框

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

• window.activeBorder：活動 (已聚焦) 視窗的邊框顏色。
• window.inactiveBorder：非活動 (未聚焦) 視窗的邊框顏色。

視窗邊框顏色僅在 macOS 和 Linux (而非 Windows) 上支援，且僅在啟用自訂標題列 ("window.titleBarStyle": "custom") 時支援。

文字色彩

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

• textBlockQuote.background：文字中區塊引言的背景顏色。
• textBlockQuote.border：文字中區塊引言的邊框顏色。
• textCodeBlock.background：文字中程式碼區塊的背景顏色。
• textLink.activeForeground：文字中連結在按一下及滑鼠懸停時的前景顏色。
• textLink.foreground：文字中連結的前景顏色。
• textPreformat.foreground：預先格式化文字區段的前景顏色。
• textPreformat.background：預先格式化文字區段的背景顏色。
• textSeparator.foreground：文字分隔符號的顏色。

動作色彩

一組色彩，用於控制整個工作台中與動作的互動。

• toolbar.hoverBackground：滑鼠懸停在使用滑鼠的動作時的工具列背景
• toolbar.hoverOutline：滑鼠懸停在使用滑鼠的動作時的工具列外框
• toolbar.activeBackground：按住滑鼠在動作上時的工具列背景
• editorActionList.background：動作清單背景顏色。
• editorActionList.foreground：動作清單前景顏色。
• editorActionList.focusForeground：已聚焦項目的動作清單前景顏色。
• editorActionList.focusBackground：已聚焦項目的動作清單背景顏色。

按鈕控制項

一組用於按鈕小工具 (例如新視窗的 Explorer 中的開啟資料夾按鈕) 的色彩。

• button.background：按鈕背景顏色。
• button.foreground：按鈕前景顏色。
• button.border：按鈕邊框顏色。
• button.separator：按鈕分隔符號顏色。
• button.hoverBackground：懸停時的按鈕背景顏色。
• button.secondaryForeground：輔助按鈕前景顏色。
• button.secondaryBackground：輔助按鈕背景顏色。
• button.secondaryHoverBackground：懸停時的輔助按鈕背景顏色。
• checkbox.background：核取方塊小工具的背景顏色。
• checkbox.foreground：核取方塊小工具的前景顏色。
• checkbox.border：核取方塊小工具的邊框顏色。
• checkbox.selectBackground：當核取方塊小工具所在的元素被選取時，核取方塊小工具的背景顏色。
• checkbox.selectBorder：當核取方塊小工具所在的元素被選取時，核取方塊小工具的邊框顏色。
• radio.activeForeground：活動單選選項的前景顏色。
• radio.activeBackground：活動單選選項的背景顏色。
• radio.activeBorder：活動單選選項的邊框顏色。
• radio.inactiveForeground：非活動單選選項的前景顏色。
• radio.inactiveBackground：非活動單選選項的背景顏色。
• radio.inactiveBorder：非活動單選選項的邊框顏色。
• radio.inactiveHoverBackground：懸停時非活動活動單選選項的背景顏色。

下拉式控制項

一組用於所有下拉式小工具 (例如整合式終端機或輸出面板) 的色彩。請注意，下拉式控制項目前未在 macOS 上使用。

• dropdown.background：下拉式選單背景。
• dropdown.listBackground：下拉式清單背景。
• dropdown.border：下拉式選單邊框。
• dropdown.foreground：下拉式選單前景。

輸入控制項

用於輸入控制項 (例如搜尋檢視或尋找/取代對話方塊) 的色彩。

• input.background：輸入方塊背景。
• input.border：輸入方塊邊框。
• input.foreground：輸入方塊前景。
• input.placeholderForeground：輸入方塊預留位置文字的前景顏色。
• inputOption.activeBackground：輸入欄位中已啟動選項的背景顏色。
• inputOption.activeBorder：輸入欄位中已啟動選項的邊框顏色。
• inputOption.activeForeground：輸入欄位中已啟動選項的前景顏色。
• inputOption.hoverBackground：輸入欄位中已啟動選項的背景顏色。
• inputValidation.errorBackground：錯誤嚴重性的輸入驗證背景顏色。
• inputValidation.errorForeground：錯誤嚴重性的輸入驗證前景顏色。
• inputValidation.errorBorder：錯誤嚴重性的輸入驗證邊框顏色。
• inputValidation.infoBackground：資訊嚴重性的輸入驗證背景顏色。
• inputValidation.infoForeground：資訊嚴重性的輸入驗證前景顏色。
• inputValidation.infoBorder：資訊嚴重性的輸入驗證邊框顏色。
• inputValidation.warningBackground：資訊警告的輸入驗證背景顏色。
• inputValidation.warningForeground：警告嚴重性的輸入驗證前景顏色。
• inputValidation.warningBorder：警告嚴重性的輸入驗證邊框顏色。

捲軸控制項

• scrollbar.shadow：捲軸滑桿陰影，用於指示檢視已捲動。
• scrollbarSlider.activeBackground：按一下時捲軸滑桿背景顏色。
• scrollbarSlider.background：捲軸滑桿背景顏色。
• scrollbarSlider.hoverBackground：懸停時捲軸滑桿背景顏色。

徽章

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

• badge.foreground：徽章前景顏色。
• badge.background：徽章背景顏色。

進度列

• progressBar.background：長時間執行的作業顯示的進度列背景顏色。

清單與樹狀結構

清單和樹狀結構的色彩，例如檔案總管。活動清單/樹狀結構具有鍵盤焦點，非活動則沒有。

• list.activeSelectionBackground：當清單/樹狀結構為活動狀態時，已選取項目的清單/樹狀結構背景顏色。
• list.activeSelectionForeground：當清單/樹狀結構為活動狀態時，已選取項目的清單/樹狀結構前景顏色。
• list.activeSelectionIconForeground：當清單/樹狀結構為活動狀態時，已選取項目的清單/樹狀結構圖示前景顏色。活動清單/樹狀結構具有鍵盤焦點，非活動則沒有。
• list.dropBackground：使用滑鼠在周圍移動項目時，清單/樹狀結構拖放背景。
• list.focusBackground：當清單/樹狀結構為活動狀態時，已聚焦項目的清單/樹狀結構背景顏色。
• list.focusForeground：當清單/樹狀結構為活動狀態時，已聚焦項目的清單/樹狀結構前景顏色。活動清單/樹狀結構具有鍵盤焦點，非活動則沒有。
• list.focusHighlightForeground：在清單/樹狀結構內搜尋時，主動聚焦項目上符合醒目提示的清單/樹狀結構前景顏色。
• list.focusOutline：當清單/樹狀結構為活動狀態時，已聚焦項目的清單/樹狀結構外框顏色。活動清單/樹狀結構具有鍵盤焦點，非活動則沒有。
• list.focusAndSelectionOutline：當清單/樹狀結構為活動且已選取時，已聚焦項目的清單/樹狀結構外框顏色。活動清單/樹狀結構具有鍵盤焦點，非活動則沒有。
• list.highlightForeground：在清單/樹狀結構內搜尋時，符合醒目提示的清單/樹狀結構前景顏色。
• list.hoverBackground：使用滑鼠懸停在項目上時的清單/樹狀結構背景。
• list.hoverForeground：使用滑鼠懸停在項目上時的清單/樹狀結構前景。
• list.inactiveSelectionBackground：當清單/樹狀結構為非活動狀態時，已選取項目的清單/樹狀結構背景顏色。
• list.inactiveSelectionForeground：當清單/樹狀結構為非活動狀態時，已選取項目的清單/樹狀結構前景顏色。活動清單/樹狀結構具有鍵盤焦點，非活動則沒有。
• list.inactiveSelectionIconForeground：當清單/樹狀結構為非活動狀態時，已選取項目的清單/樹狀結構圖示前景顏色。活動清單/樹狀結構具有鍵盤焦點，非活動則沒有。
• list.inactiveFocusBackground：當清單為非活動狀態時，已聚焦項目的清單背景顏色。活動清單具有鍵盤焦點，非活動則沒有。目前僅在清單中支援。
• list.inactiveFocusOutline：當清單/樹狀結構為非活動狀態時，已聚焦項目的清單/樹狀結構外框顏色。活動清單/樹狀結構具有鍵盤焦點，非活動則沒有。
• list.invalidItemForeground：無效項目的清單/樹狀結構前景顏色，例如檔案總管中未解析的根目錄。
• list.errorForeground：包含錯誤的清單項目的前景顏色。
• list.warningForeground：包含警告的清單項目的前景顏色。
• listFilterWidget.background：在清單/樹狀結構內搜尋時，已輸入文字的清單/樹狀結構篩選器背景顏色。
• listFilterWidget.outline：在清單/樹狀結構內搜尋時，已輸入文字的清單/樹狀結構篩選器小工具外框顏色。
• listFilterWidget.noMatchesOutline：在清單/樹狀結構內搜尋時，找不到已輸入文字的符合項目的清單/樹狀結構篩選器小工具外框顏色。
• listFilterWidget.shadow：清單和樹狀結構中類型篩選器小工具的陰影顏色。
• list.filterMatchBackground：清單和樹狀結構中已篩選符合項目的背景顏色。
• list.filterMatchBorder：清單和樹狀結構中已篩選符合項目的邊框顏色。
• list.deemphasizedForeground：已弱化項目的清單/樹狀結構前景顏色。
• list.dropBetweenBackground：使用滑鼠在項目之間移動項目時，清單/樹狀結構拖放邊框顏色。
• tree.indentGuidesStroke：樹狀結構小工具縮排參考線的筆觸顏色。
• tree.inactiveIndentGuidesStroke：非活動縮排參考線的樹狀結構筆觸顏色。
• tree.tableColumnsBorder：縮排參考線的樹狀結構筆觸顏色。
• tree.tableOddRowsBackground：表格奇數列的背景顏色。

活動列

活動列通常顯示在工作台的最左側或最右側，可快速切換側邊欄的檢視。

• activityBar.background：活動列背景顏色。
• activityBar.dropBorder：活動列項目的拖放意見反應顏色。活動列顯示在最左側或最右側，可切換側邊欄的檢視。
• activityBar.foreground：活動列前景顏色 (例如用於圖示)。
• activityBar.inactiveForeground：非活動狀態時活動列項目的前景顏色。
• activityBar.border：活動列與側邊欄之間的邊框顏色。
• activityBarBadge.background：活動通知徽章背景顏色。
• activityBarBadge.foreground：活動通知徽章前景顏色。
• activityBar.activeBorder：活動列活動指示器邊框顏色。
• activityBar.activeBackground：活動列活動元素的選用背景顏色。
• activityBar.activeFocusBorder：活動列活動項目的焦點邊框顏色。
• activityBarTop.foreground：活動列在頂部時項目活動前景顏色。活動列可切換側邊欄的檢視。
• activityBarTop.activeBorder：活動列在頂部時項目活動焦點邊框顏色。活動列可切換側邊欄的檢視。
• activityBarTop.inactiveForeground：活動列在頂部時項目非活動前景顏色。活動列可切換側邊欄的檢視。
• activityBarTop.dropBorder：活動列在頂部時項目拖放意見反應顏色。活動列可切換側邊欄的檢視。
• activityBarTop.background：活動列設定為頂部/底部時的背景顏色。
• activityBarTop.activeBackground：活動列在頂部/底部時活動項目的背景顏色。活動列可切換側邊欄的檢視。
• activityWarningBadge.foreground：警告活動徽章的前景顏色
• activityWarningBadge.background：警告活動徽章的背景顏色
• activityErrorBadge.foreground：錯誤活動徽章的前景顏色
• activityErrorBadge.background：錯誤活動徽章的背景顏色

設定檔

• profileBadge.background：設定檔徽章背景顏色。設定檔徽章顯示在活動列中設定齒輪圖示的上方。
• profileBadge.foreground：設定檔徽章前景顏色。設定檔徽章顯示在活動列中設定齒輪圖示的上方。
• profiles.sashBorder：設定檔編輯器分割檢視分隔線邊框的顏色。

側邊欄

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

• sideBar.background：側邊欄背景顏色。

• sideBar.foreground：側邊欄前景顏色。側邊欄是檔案總管和搜尋等檢視的容器。

• sideBar.border：側邊欄在分隔編輯器一側的邊框顏色。

• sideBar.dropBackground：側邊欄區段的拖放意見反應顏色。顏色應具有透明度，以便側邊欄區段仍可透出。

• sideBarTitle.foreground：側邊欄標題前景顏色。

• sideBarSectionHeader.background：側邊欄區段標題背景顏色。

• sideBarSectionHeader.foreground：側邊欄區段標題前景顏色。

• sideBarSectionHeader.border：側邊欄區段標題邊框顏色。

• sideBarActivityBarTop.border：頂部/底部活動列與檢視之間的邊框顏色。

• sideBarTitle.background：側邊欄標題背景顏色。側邊欄是檔案總管和搜尋等檢視的容器。

• sideBarTitle.border：側邊欄標題在底部的邊框顏色，將標題與檢視分隔開來。側邊欄是檔案總管和搜尋等檢視的容器。

• sideBarStickyScroll.background：側邊欄中黏性捲動的背景顏色。

• sideBarStickyScroll.border：側邊欄中黏性捲動的邊框顏色。

• sideBarStickyScroll.shadow：側邊欄中黏性捲動的陰影顏色。

迷你地圖

迷你地圖顯示目前檔案的縮小版本。

• minimap.findMatchHighlight：檔案內搜尋符合項目的醒目提示顏色。

• minimap.selectionHighlight：編輯器選取範圍的醒目提示顏色。

• minimap.errorHighlight：編輯器內錯誤的醒目提示顏色。

• minimap.warningHighlight：編輯器內警告的醒目提示顏色。

• minimap.background：迷你地圖背景顏色。

• minimap.selectionOccurrenceHighlight：重複編輯器選取範圍的迷你地圖標記顏色。

• minimap.foregroundOpacity：迷你地圖中呈現的前景元素的不透明度。例如，"#000000c0" 將以 75% 的不透明度呈現元素。

• minimap.infoHighlight：資訊的迷你地圖標記顏色。

• minimap.chatEditHighlight：迷你地圖中擱置編輯區域的顏色。

• minimapSlider.background：迷你地圖滑桿背景顏色。

• minimapSlider.hoverBackground：懸停時迷你地圖滑桿背景顏色。

• minimapSlider.activeBackground：按一下時迷你地圖滑桿背景顏色。

• minimapGutter.addedBackground：已新增內容的迷你地圖裝訂邊顏色。

• minimapGutter.modifiedBackground：已修改內容的迷你地圖裝訂邊顏色。

• minimapGutter.deletedBackground：已刪除內容的迷你地圖裝訂邊顏色。

• editorMinimap.inlineChatInserted：行內聊天插入內容的迷你地圖標記顏色。

編輯器群組與索引標籤

編輯器群組是編輯器的容器。可以有多個編輯器群組。索引標籤是編輯器的容器。一個編輯器群組中可以開啟多個索引標籤。

• editorGroup.border：將多個編輯器群組彼此分隔開來的顏色。

  

• editorGroup.dropBackground：拖曳編輯器時的背景顏色。

  

• editorGroupHeader.noTabsBackground：使用單一索引標籤時 (設定 "workbench.editor.showTabs": "single") 編輯器群組標題標頭的背景顏色。

  

• editorGroupHeader.tabsBackground：索引標籤容器的背景顏色。

  

• 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：活動群組中已修改 (dirty) 活動索引標籤頂端的邊框。

• tab.inactiveModifiedBorder：活動群組中已修改 (dirty) 非活動索引標籤頂端的邊框。

• tab.unfocusedActiveModifiedBorder：未聚焦群組中已修改 (dirty) 活動索引標籤頂端的邊框。

• tab.unfocusedInactiveModifiedBorder：未聚焦群組中已修改 (dirty) 非活動索引標籤頂端的邊框。

• 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 組成的邊框顏色。

選取色彩在選取一個或多個字元時可見。除了選取範圍外，所有具有相同內容的區域也會醒目提示。

• editor.selectionBackground：編輯器選取範圍的顏色。
• editor.selectionForeground：高對比度選取文字的顏色。
• editor.inactiveSelectionBackground：非活動編輯器中選取範圍的顏色。顏色必須為非不透明，以免隱藏底層裝飾。
• editor.selectionHighlightBackground：與選取範圍具有相同內容之區域的顏色。顏色必須為非不透明，以免隱藏底層裝飾。
• editor.selectionHighlightBorder：與選取範圍具有相同內容之區域的邊框顏色。

當游標位於符號或單字內時，單字醒目提示色彩會可見。根據檔案類型可用的語言支援，所有符合的參考和宣告都會醒目提示，且讀取和寫入存取會取得不同的色彩。如果文件符號語言支援不可用，則會回復為單字醒目提示。

• editor.wordHighlightBackground：讀取存取期間符號的背景顏色，例如讀取變數時。顏色必須為非不透明，以免隱藏底層裝飾。
• editor.wordHighlightBorder：讀取存取期間符號的邊框顏色，例如讀取變數時。
• editor.wordHighlightStrongBackground：寫入存取期間符號的背景顏色，例如寫入變數時。顏色必須為非不透明，以免隱藏底層裝飾。
• editor.wordHighlightStrongBorder：寫入存取期間符號的邊框顏色，例如寫入變數時。
• editor.wordHighlightTextBackground：符號文字出現位置的背景顏色。顏色必須為非不透明，以免隱藏底層裝飾。
• editor.wordHighlightTextBorder：符號文字出現位置的邊框顏色。

尋找色彩取決於尋找/取代對話方塊中的目前尋找字串。

• editor.findMatchBackground：目前搜尋符合項目的顏色。
• editor.findMatchForeground：目前搜尋符合項的文字顏色。
• editor.findMatchHighlightForeground：其他搜尋符合項的前景色。
• editor.findMatchHighlightBackground：其他搜尋符合項的顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editor.findRangeHighlightBackground：限制搜尋範圍的顏色 (在尋找小工具中啟用「在選取範圍中尋找」)。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editor.findMatchBorder：目前搜尋符合項的邊框顏色。
• editor.findMatchHighlightBorder：其他搜尋符合項的邊框顏色。
• editor.findRangeHighlightBorder：限制搜尋範圍的邊框顏色 (在尋找小工具中啟用「在選取範圍中尋找」)。

搜尋色彩用於搜尋檢視窗格的全域搜尋結果。

• search.resultsInfoForeground：搜尋檢視窗格完成訊息中文字的顏色。例如，此顏色用於顯示「{x} 個結果，共 {y} 個檔案」的文字。

搜尋編輯器色彩會醒目提示搜尋編輯器中的結果。此設定可與其他尋找符合項分開設定，以便更好地區分同一編輯器中不同類型的符合項。

• searchEditor.findMatchBackground：編輯器結果的顏色。
• searchEditor.findMatchBorder：編輯器結果的邊框顏色。
• searchEditor.textInputBorder：搜尋編輯器文字輸入框邊框。

當游標停留在符號上方時，會在符號後方顯示hover 醒目提示。

• editor.hoverHighlightBackground：游標停留於其上的單字下方醒目提示。此顏色必須為非不透明，以免遮蔽底層的裝飾。

目前的行通常顯示為背景醒目提示或邊框 (兩者擇一)。

• editor.lineHighlightBackground：游標位置所在行的醒目提示背景顏色。
• editor.lineHighlightBorder：游標位置所在行周圍邊框的背景顏色。

編輯器浮水印的顏色

• editorWatermark.foreground：編輯器浮水印中標籤的前景色。

Unicode 醒目提示的顏色

• editorUnicodeHighlight.border：用於醒目提示 Unicode 字元的邊框顏色。
• editorUnicodeHighlight.background：用於醒目提示 Unicode 字元的背景顏色。

按一下連結時，連結顏色會顯示出來。

• editorLink.activeForeground：使用中連結的顏色。

選取搜尋結果時，範圍醒目提示會顯示出來。

• editor.rangeHighlightBackground：醒目提示範圍的背景顏色，由「快速開啟」、「在檔案中尋找符號」和「尋找」功能使用。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editor.rangeHighlightBorder：醒目提示範圍周圍邊框的背景顏色。

透過諸如跳到定義等命令導覽至符號時，符號醒目提示會顯示出來。

• editor.symbolHighlightBackground：醒目提示符號的背景顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editor.symbolHighlightBorder：醒目提示符號周圍邊框的背景顏色。

若要查看編輯器空白字元，請啟用切換轉譯空白字元。

• editorWhitespace.foreground：編輯器中空白字元的顏色。

若要查看編輯器縮排參考線，請設定 "editor.guides.indentation": true 和 "editor.guides.highlightActiveIndentation": true。

• editorIndentGuide.background：編輯器縮排參考線的顏色。
• editorIndentGuide.background1：編輯器縮排參考線 (1) 的顏色。
• editorIndentGuide.background2：編輯器縮排參考線 (2) 的顏色。
• editorIndentGuide.background3：編輯器縮排參考線 (3) 的顏色。
• editorIndentGuide.background4：編輯器縮排參考線 (4) 的顏色。
• editorIndentGuide.background5：編輯器縮排參考線 (5) 的顏色。
• editorIndentGuide.background6：編輯器縮排參考線 (6) 的顏色。
• editorIndentGuide.activeBackground：使用中編輯器縮排參考線的顏色。
• editorIndentGuide.activeBackground1：使用中編輯器縮排參考線 (1) 的顏色。
• editorIndentGuide.activeBackground2：使用中編輯器縮排參考線 (2) 的顏色。
• editorIndentGuide.activeBackground3：使用中編輯器縮排參考線 (3) 的顏色。
• editorIndentGuide.activeBackground4：使用中編輯器縮排參考線 (4) 的顏色。
• editorIndentGuide.activeBackground5：使用中編輯器縮排參考線 (5) 的顏色。
• editorIndentGuide.activeBackground6：使用中編輯器縮排參考線 (6) 的顏色。

若要查看編輯器行內提示，請設定 "editor.inlineSuggest.enabled": true。

• editorInlayHint.background：行內提示的背景顏色。
• editorInlayHint.foreground：行內提示的前景色。
• editorInlayHint.typeForeground：類型行內提示的前景色
• editorInlayHint.typeBackground：類型行內提示的背景顏色
• editorInlayHint.parameterForeground：參數行內提示的前景色
• editorInlayHint.parameterBackground：參數行內提示的背景顏色

若要查看編輯器標尺，請使用 "editor.rulers" 定義其位置

• editorRuler.foreground：編輯器標尺的顏色。

• editor.linkedEditingBackground：編輯器處於連結編輯模式時的背景顏色。

CodeLens

• editorCodeLens.foreground：編輯器 CodeLens 的前景色。

小燈泡

• editorLightBulb.foreground：用於小燈泡動作圖示的顏色。
• editorLightBulbAutoFix.foreground：用於小燈泡自動修正動作圖示的顏色。
• editorLightBulbAi.foreground：用於小燈泡 AI 圖示的顏色。

括號配對

• editorBracketMatch.background：配對括號後方的背景顏色。
• editorBracketMatch.border：配對括號框的顏色。

括號配對顏色標示

• editorBracketHighlight.foreground1：括號 (1) 的前景色。需要啟用括號配對顏色標示。
• editorBracketHighlight.foreground2：括號 (2) 的前景色。需要啟用括號配對顏色標示。
• editorBracketHighlight.foreground3：括號 (3) 的前景色。需要啟用括號配對顏色標示。
• editorBracketHighlight.foreground4：括號 (4) 的前景色。需要啟用括號配對顏色標示。
• editorBracketHighlight.foreground5：括號 (5) 的前景色。需要啟用括號配對顏色標示。
• editorBracketHighlight.foreground6：括號 (6) 的前景色。需要啟用括號配對顏色標示。
• editorBracketHighlight.unexpectedBracket.foreground：非預期括號的前景色。

括號配對參考線

• editorBracketPairGuide.activeBackground1：使用中括號配對參考線 (1) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.activeBackground2：使用中括號配對參考線 (2) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.activeBackground3：使用中括號配對參考線 (3) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.activeBackground4：使用中括號配對參考線 (4) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.activeBackground5：使用中括號配對參考線 (5) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.activeBackground6：使用中括號配對參考線 (6) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.background1：非使用中括號配對參考線 (1) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.background2：非使用中括號配對參考線 (2) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.background3：非使用中括號配對參考線 (3) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.background4：非使用中括號配對參考線 (4) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.background5：非使用中括號配對參考線 (5) 的背景顏色。需要啟用括號配對參考線。

• editorBracketPairGuide.background6：非使用中括號配對參考線 (6) 的背景顏色。需要啟用括號配對參考線。

折疊

• editor.foldBackground：折疊範圍的背景顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editor.foldPlaceholderForeground：折疊範圍第一行之後，已摺疊文字的顏色。

概觀尺規

此尺規位於編輯器右邊緣捲軸下方，可概觀編輯器中的裝飾。

• editorOverviewRuler.background：編輯器概觀尺規的背景顏色。僅在啟用迷你地圖並將其放置在編輯器右側時使用。
• editorOverviewRuler.border：概觀尺規邊框的顏色。
• editorOverviewRuler.findMatchForeground：尋找符合項的概觀尺規標記顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editorOverviewRuler.rangeHighlightForeground：醒目提示範圍的概觀尺規標記顏色，例如由「快速開啟」、「在檔案中尋找符號」和「尋找」功能所醒目提示的範圍。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editorOverviewRuler.selectionHighlightForeground：選取範圍醒目提示的概觀尺規標記顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editorOverviewRuler.wordHighlightForeground：符號醒目提示的概觀尺規標記顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editorOverviewRuler.wordHighlightStrongForeground：寫入權限符號醒目提示的概觀尺規標記顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editorOverviewRuler.wordHighlightTextForeground：符號文字出現處的概觀尺規標記顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editorOverviewRuler.modifiedForeground：已修改內容的概觀尺規標記顏色。
• editorOverviewRuler.addedForeground：已新增內容的概觀尺規標記顏色。
• editorOverviewRuler.deletedForeground：已刪除內容的概觀尺規標記顏色。
• editorOverviewRuler.errorForeground：錯誤的概觀尺規標記顏色。
• editorOverviewRuler.warningForeground：警告的概觀尺規標記顏色。
• editorOverviewRuler.infoForeground：資訊的概觀尺規標記顏色。
• editorOverviewRuler.bracketMatchForeground：配對括號的概觀尺規標記顏色。
• editorOverviewRuler.inlineChatInserted：行內聊天插入內容的概觀尺規標記顏色。
• editorOverviewRuler.inlineChatRemoved：行內聊天移除內容的概觀尺規標記顏色。

錯誤和警告

• editorError.foreground：編輯器中錯誤波浪底線的前景色。
• editorError.border：編輯器中錯誤方塊的邊框顏色。
• editorError.background：編輯器中錯誤文字的背景顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editorWarning.foreground：編輯器中警告波浪底線的前景色。
• editorWarning.border：編輯器中警告方塊的邊框顏色。
• editorWarning.background：編輯器中警告文字的背景顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editorInfo.foreground：編輯器中資訊波浪底線的前景色。
• editorInfo.border：編輯器中資訊方塊的邊框顏色。
• editorInfo.background：編輯器中資訊文字的背景顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editorHint.foreground：編輯器中提示的前景色。
• editorHint.border：編輯器中提示方塊的邊框顏色。
• problemsErrorIcon.foreground：用於問題錯誤圖示的顏色。
• problemsWarningIcon.foreground：用於問題警告圖示的顏色。
• problemsInfoIcon.foreground：用於問題資訊圖示的顏色。

未使用的原始碼

• editorUnnecessaryCode.border：編輯器中不必要 (未使用) 原始碼的邊框顏色。
• editorUnnecessaryCode.opacity：編輯器中不必要 (未使用) 原始碼的不透明度。例如，"#000000c0" 會以 75% 的不透明度呈現程式碼。對於高對比佈景主題，請使用 "editorUnnecessaryCode.border" 佈景主題色彩來底線不必要的程式碼，而不是將其淡出。

邊溝包含字形邊界和行號

• editorGutter.background：編輯器邊溝的背景顏色。邊溝包含字形邊界和行號。
• editorGutter.modifiedBackground：已修改行的編輯器邊溝背景顏色。
• editorGutter.addedBackground：已新增行的編輯器邊溝背景顏色。
• editorGutter.deletedBackground：已刪除行的編輯器邊溝背景顏色。
• editorGutter.commentRangeForeground：用於註解範圍的編輯器邊溝裝飾顏色。
• editorGutter.commentGlyphForeground：用於註解字形的編輯器邊溝裝飾顏色。
• editorGutter.commentUnresolvedGlyphForeground：用於未解決註解執行緒的註解字形的編輯器邊溝裝飾顏色。
• editorGutter.foldingControlForeground：編輯器邊溝中摺疊控制項的顏色。
• editorGutter.itemGlyphForeground：用於邊溝項目字形的編輯器邊溝裝飾顏色。
• editorGutter.itemBackground：用於邊溝項目背景的編輯器邊溝裝飾顏色。此顏色應為不透明。

在檢閱提取要求時，可以看到編輯器註解小工具

• editorCommentsWidget.resolvedBorder：已解決註解的邊框和箭頭顏色。
• editorCommentsWidget.unresolvedBorder：未解決註解的邊框和箭頭顏色。
• editorCommentsWidget.rangeBackground：註解範圍的背景顏色。
• editorCommentsWidget.rangeActiveBackground：目前選取或游標停留之註解範圍的背景顏色。
• editorCommentsWidget.replyInputBackground：註解回覆輸入框的背景顏色。

使用 Copilot 建議下一個要進行的變更時，可以看到編輯器行內編輯

inlineEdit.gutterIndicator.primaryBorder：主要行內編輯邊溝指示器的邊框顏色。

• inlineEdit.gutterIndicator.primaryForeground：主要行內編輯邊溝指示器的前景色。
• inlineEdit.gutterIndicator.primaryBackground：主要行內編輯邊溝指示器的背景顏色。inlineEdit.gutterIndicator.secondaryBorder：次要行內編輯邊溝指示器的邊框顏色。
• inlineEdit.gutterIndicator.secondaryForeground：次要行內編輯邊溝指示器的前景色。
• inlineEdit.gutterIndicator.secondaryBackground：次要行內編輯邊溝指示器的背景顏色。inlineEdit.gutterIndicator.successfulBorder：成功行內編輯邊溝指示器的邊框顏色。
• inlineEdit.gutterIndicator.successfulForeground：成功行內編輯邊溝指示器的前景色。
• inlineEdit.gutterIndicator.successfulBackground：成功行內編輯邊溝指示器的背景顏色。
• inlineEdit.gutterIndicator.background：行內編輯邊溝指示器的背景顏色。
• inlineEdit.originalBackground：行內編輯中原始文字的背景顏色。
• inlineEdit.modifiedBackground：行內編輯中已修改文字的背景顏色。
• inlineEdit.originalChangedLineBackground：行內編輯原始文字中已變更行的背景顏色。
• inlineEdit.originalChangedTextBackground：行內編輯原始文字中已變更文字的覆疊顏色。
• inlineEdit.modifiedChangedLineBackground：行內編輯已修改文字中已變更行的背景顏色。
• inlineEdit.modifiedChangedTextBackground：行內編輯已修改文字中已變更文字的覆疊顏色。
• inlineEdit.originalBorder：行內編輯中原始文字的邊框顏色。
• inlineEdit.modifiedBorder：行內編輯中已修改文字的邊框顏色。inlineEdit.tabWillAcceptModifiedBorder：當 Tab 鍵將接受時，行內編輯小工具的已修改邊框顏色。inlineEdit.tabWillAcceptOriginalBorder：當 Tab 鍵將接受時，原始文字上方行內編輯小工具的原始邊框顏色。

差異編輯器色彩

若要為插入和移除的文字著色，請使用背景或邊框顏色，但請勿同時使用兩者。

• diffEditor.insertedTextBackground：插入文字的背景顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• diffEditor.insertedTextBorder：插入文字的輪廓顏色。
• diffEditor.removedTextBackground：移除文字的背景顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• diffEditor.removedTextBorder：移除文字的輪廓顏色。
• diffEditor.border：兩個文字編輯器之間的邊框顏色。
• diffEditor.diagonalFill：差異編輯器對角線填滿的顏色。對角線填滿用於並排差異檢視。
• diffEditor.insertedLineBackground：插入行的背景顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• diffEditor.removedLineBackground：移除行的背景顏色。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• diffEditorGutter.insertedLineBackground：插入行之邊界的背景顏色。
• diffEditorGutter.removedLineBackground：移除行之邊界的背景顏色。
• diffEditorOverview.insertedForeground：插入內容的差異概觀尺規前景色。
• diffEditorOverview.removedForeground：移除內容的差異概觀尺規前景色。
• diffEditor.unchangedRegionBackground：差異編輯器中未變更區塊的顏色。
• diffEditor.unchangedRegionForeground：差異編輯器中未變更區塊的前景顏色。
• diffEditor.unchangedRegionShadow：未變更區域小工具周圍陰影的顏色。
• diffEditor.unchangedCodeBackground：差異編輯器中未變更程式碼的背景顏色。
• diffEditor.move.border：差異編輯器中移動文字的邊框顏色。
• diffEditor.moveActive.border：差異編輯器中移動文字的使用中邊框顏色。
• multiDiffEditor.headerBackground：差異編輯器標題的背景顏色
• multiDiffEditor.background：多檔案差異編輯器的背景顏色
• multiDiffEditor.border：多檔案差異編輯器的邊框顏色

聊天色彩

• chat.requestBorder：聊天請求的邊框顏色。
• chat.requestBackground：聊天請求的背景顏色。
• chat.slashCommandBackground：聊天斜線命令的背景顏色。
• chat.slashCommandForeground：聊天斜線命令的前景顏色。
• chat.avatarBackground：聊天頭像的背景顏色。
• chat.avatarForeground：聊天頭像的前景顏色。
• chat.editedFileForeground：已編輯檔案清單中聊天已編輯檔案的前景顏色。

行內聊天色彩

• inlineChat.background：互動式編輯器小工具的背景顏色。
• inlineChat.foreground：互動式編輯器小工具的前景顏色
• inlineChat.border：互動式編輯器小工具的邊框顏色。
• inlineChat.shadow：互動式編輯器小工具的陰影顏色。
• inlineChatInput.border：互動式編輯器輸入的邊框顏色。
• inlineChatInput.focusBorder：互動式編輯器輸入在焦點時的邊框顏色。
• inlineChatInput.placeholderForeground：互動式編輯器輸入預留位置的前景顏色。
• inlineChatInput.background：互動式編輯器輸入的背景顏色。
• inlineChatDiff.inserted：互動式編輯器輸入中插入文字的背景顏色。
• inlineChatDiff.removed：互動式編輯器輸入中移除文字的背景顏色。

面板聊天色彩

• interactive.activeCodeBorder：當編輯器有焦點時，目前互動式程式碼儲存格的邊框顏色。
• interactive.inactiveCodeBorder：當編輯器沒有焦點時，目前互動式程式碼儲存格的邊框顏色。

編輯器小工具色彩

編輯器小工具顯示在編輯器內容的前方。例如，「尋找/取代」對話方塊、建議小工具和編輯器 hover。

• 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：編輯器 hover 的前景顏色。

• editorHoverWidget.background：編輯器 hover 的背景顏色。

• editorHoverWidget.border：編輯器 hover 的邊框顏色。

• editorHoverWidget.highlightForeground：參數提示中使用中項目的前景顏色。

• editorHoverWidget.statusBarBackground：編輯器 hover 狀態列的背景顏色。

• editorGhostText.border：由行內完成提供者和建議預覽顯示的虛影文字邊框顏色。

• editorGhostText.background：編輯器中虛影文字的背景顏色。

• editorGhostText.foreground：由行內完成提供者和建議預覽顯示的虛影文字前景顏色。

• editorStickyScroll.background：編輯器黏性捲動背景顏色。

• editorStickyScroll.border：編輯器中黏性捲動的邊框顏色。

• editorStickyScroll.shadow：編輯器中黏性捲動的陰影顏色。

• editorStickyScrollHover.background：編輯器黏性捲動在 hover 時的背景顏色。

偵錯例外小工具是一種預覽檢視，會在偵錯於例外停止時顯示在編輯器中。

• debugExceptionWidget.background：例外小工具背景顏色。
• debugExceptionWidget.border：例外小工具邊框顏色。

當在編輯器中導覽至錯誤和警告時 (跳到下一個錯誤或警告命令)，編輯器標記檢視會顯示出來。

• editorMarkerNavigation.background：編輯器標記導覽小工具背景。
• editorMarkerNavigationError.background：編輯器標記導覽小工具錯誤顏色。
• editorMarkerNavigationWarning.background：編輯器標記導覽小工具警告顏色。
• editorMarkerNavigationInfo.background：編輯器標記導覽小工具資訊顏色。
• editorMarkerNavigationError.headerBackground：編輯器標記導覽小工具錯誤標題背景。
• editorMarkerNavigationWarning.headerBackground：編輯器標記導覽小工具警告標題背景。
• editorMarkerNavigationInfo.headerBackground：編輯器標記導覽小工具資訊標題背景。

Peek 檢視色彩

預覽視窗用於在編輯器內以檢視方式顯示參考和宣告。

• 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：預覽視窗編輯器中黏性捲動的背景顏色。

合併衝突色彩

當編輯器包含特殊差異範圍時，會顯示合併衝突裝飾。

• merge.currentHeaderBackground：行內合併衝突中的目前標題背景。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• merge.currentContentBackground：行內合併衝突中的目前內容背景。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• merge.incomingHeaderBackground：行內合併衝突中的傳入標題背景。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• merge.incomingContentBackground：行內合併衝突中的傳入內容背景。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• merge.border：行內合併衝突中標題和分隔線上的邊框顏色。
• merge.commonContentBackground：行內合併衝突中共通祖先內容背景。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• merge.commonHeaderBackground：行內合併衝突中共通祖先標題背景。此顏色必須為非不透明，以免遮蔽底層的裝飾。
• editorOverviewRuler.currentContentForeground：行內合併衝突的目前概觀尺規前景色。
• editorOverviewRuler.incomingContentForeground：行內合併衝突的傳入概觀尺規前景色。
• editorOverviewRuler.commonContentForeground：行內合併衝突的共通祖先概觀尺規前景色。
• editorOverviewRuler.commentForeground：已解決註解的編輯器概觀尺規裝飾顏色。此顏色應為不透明。
• editorOverviewRuler.commentUnresolvedForeground：未解決註解的編輯器概觀尺規裝飾顏色。此顏色應為不透明。
• mergeEditor.change.background：變更的背景顏色。
• mergeEditor.change.word.background：文字變更的背景顏色。
• mergeEditor.conflict.unhandledUnfocused.border：未處理、非焦點衝突的邊框顏色。
• mergeEditor.conflict.unhandledFocused.border：未處理、焦點衝突的邊框顏色。
• mergeEditor.conflict.handledUnfocused.border：已處理、非焦點衝突的邊框顏色。
• mergeEditor.conflict.handledFocused.border：已處理、焦點衝突的邊框顏色。
• mergeEditor.conflict.handled.minimapOverViewRuler：輸入 1 中變更的前景顏色。
• mergeEditor.conflict.unhandled.minimapOverViewRuler：輸入 1 中變更的前景顏色。
• mergeEditor.conflictingLines.background：「衝突行」文字的背景。
• mergeEditor.changeBase.background：基底中變更的背景顏色。
• mergeEditor.changeBase.word.background：基底中文字變更的背景顏色。
• mergeEditor.conflict.input1.background：輸入 1 中裝飾的背景顏色。
• mergeEditor.conflict.input2.background：輸入 2 中裝飾的背景顏色。

面板色彩

面板顯示在編輯器區域下方，並包含諸如「輸出」和「整合式終端機」等檢視。

• panel.background：面板背景顏色。
• panel.border：面板邊框顏色，用於將面板與編輯器分隔開來。
• panel.dropBorder：面板標題的拖放意見反應顏色。面板顯示在編輯器區域下方，並包含諸如輸出和整合式終端機等檢視。
• panelTitle.activeBorder：使用中面板標題的邊框顏色。
• panelTitle.activeForeground：使用中面板的標題顏色。
• panelTitle.inactiveForeground：非使用中面板的標題顏色。
• panelTitle.border：面板標題底部的邊框顏色，用於將標題與檢視分隔開來。面板顯示在編輯器區域下方，並包含諸如輸出和整合式終端機等檢視。
• panelTitleBadge.background：面板標題徽章背景顏色。面板顯示在編輯器區域下方，並包含諸如輸出和整合式終端機等檢視。
• panelTitleBadge.foreground：面板標題徽章前景顏色。面板顯示在編輯器區域下方，並包含諸如輸出和整合式終端機等檢視。
• panelInput.border：面板中輸入的輸入框邊框。
• panelSection.border：當多個檢視在面板中水平堆疊時使用的面板區段邊框顏色。面板顯示在編輯器區域下方，並包含諸如輸出和整合式終端機等檢視。
• panelSection.dropBackground：面板區段的拖放意見反應顏色。此顏色應具有透明度，以便面板區段仍可透出。面板顯示在編輯器區域下方，並包含諸如輸出和整合式終端機等檢視。
• panelSectionHeader.background：面板區段標題背景顏色。面板顯示在編輯器區域下方，並包含諸如輸出和整合式終端機等檢視。
• panelSectionHeader.foreground：面板區段標題前景顏色。面板顯示在編輯器區域下方，並包含諸如輸出和整合式終端機等檢視。
• panelStickyScroll.background：面板中黏性捲動的背景顏色。
• panelStickyScroll.border：面板中黏性捲動的邊框顏色。
• panelStickyScroll.shadow：面板中黏性捲動的陰影顏色。
• panelSectionHeader.border：當多個檢視在面板中垂直堆疊時使用的面板區段標題邊框顏色。面板顯示在編輯器區域下方，並包含諸如輸出和整合式終端機等檢視。
• outputView.background：輸出檢視背景顏色。
• outputViewStickyScroll.background：輸出檢視黏性捲動背景顏色。

狀態列色彩

狀態列顯示在工作台的底部。

• statusBar.background：標準狀態列背景顏色。
• statusBar.foreground：狀態列前景顏色。
• statusBar.border：狀態列邊框顏色，用於分隔狀態列和編輯器。
• statusBar.debuggingBackground：當程式正在偵錯時，狀態列的背景顏色。
• statusBar.debuggingForeground：當程式正在偵錯時，狀態列的前景顏色。
• statusBar.debuggingBorder：當程式正在偵錯時，分隔狀態列和編輯器的狀態列邊框顏色。
• statusBar.noFolderForeground：當沒有資料夾開啟時，狀態列的前景顏色。
• statusBar.noFolderBackground：當沒有資料夾開啟時，狀態列的背景顏色。
• statusBar.noFolderBorder：當沒有資料夾開啟時，分隔狀態列和編輯器的狀態列邊框顏色。
• statusBarItem.activeBackground：點擊時，狀態列項目的背景顏色。
• statusBarItem.hoverForeground：滑鼠懸停時，狀態列項目的前景顏色。狀態列顯示於視窗底部。
• statusBarItem.hoverBackground：滑鼠懸停時，狀態列項目的背景顏色。
• statusBarItem.prominentForeground：醒目狀態列項目的前景顏色。
• statusBarItem.prominentBackground：醒目狀態列項目的背景顏色。
• statusBarItem.prominentHoverForeground：滑鼠懸停時，醒目狀態列項目的前景顏色。醒目項目會從其他狀態列項目中突出顯示，以表示其重要性。狀態列顯示於視窗底部。
• statusBarItem.prominentHoverBackground：滑鼠懸停時，醒目狀態列項目的背景顏色。
• statusBarItem.remoteBackground：狀態列上遠端指示器的背景顏色。
• statusBarItem.remoteForeground：狀態列上遠端指示器的前景顏色。
• statusBarItem.remoteHoverBackground：滑鼠懸停時，狀態列上遠端指示器的背景顏色。
• statusBarItem.remoteHoverForeground：滑鼠懸停時，狀態列上遠端指示器的前景顏色。
• statusBarItem.errorBackground：狀態列錯誤項目的背景顏色。錯誤項目會從其他狀態列項目中突出顯示，以表示錯誤狀況。
• statusBarItem.errorForeground：狀態列錯誤項目的前景顏色。錯誤項目會從其他狀態列項目中突出顯示，以表示錯誤狀況。
• statusBarItem.errorHoverBackground：滑鼠懸停時，狀態列錯誤項目的背景顏色。錯誤項目會從其他狀態列項目中突出顯示，以表示錯誤狀況。狀態列顯示於視窗底部。
• statusBarItem.errorHoverForeground：滑鼠懸停時，狀態列錯誤項目的前景顏色。錯誤項目會從其他狀態列項目中突出顯示，以表示錯誤狀況。狀態列顯示於視窗底部。
• statusBarItem.warningBackground：狀態列警告項目的背景顏色。警告項目會從其他狀態列項目中突出顯示，以表示警告狀況。狀態列顯示於視窗底部。
• statusBarItem.warningForeground：狀態列警告項目的前景顏色。警告項目會從其他狀態列項目中突出顯示，以表示警告狀況。狀態列顯示於視窗底部。
• statusBarItem.warningHoverBackground：滑鼠懸停時，狀態列警告項目的背景顏色。警告項目會從其他狀態列項目中突出顯示，以表示警告狀況。狀態列顯示於視窗底部。
• statusBarItem.warningHoverForeground：滑鼠懸停時，狀態列警告項目的前景顏色。警告項目會從其他狀態列項目中突出顯示，以表示警告狀況。狀態列顯示於視窗底部。
• statusBarItem.compactHoverBackground：滑鼠懸停於包含兩個懸停的項目時，狀態列項目的背景顏色。狀態列顯示於視窗底部。
• statusBarItem.focusBorder：使用鍵盤導航並聚焦時，狀態列項目的邊框顏色。狀態列顯示於視窗底部。
• statusBar.focusBorder：使用鍵盤導航並聚焦時，狀態列的邊框顏色。狀態列顯示於視窗底部。
• statusBarItem.offlineBackground：工作台離線時，狀態列項目的背景顏色。
• statusBarItem.offlineForeground：工作台離線時，狀態列項目的前景顏色。
• statusBarItem.offlineHoverForeground：工作台離線時，滑鼠懸停狀態列項目的前景顏色。
• statusBarItem.offlineHoverBackground：工作台離線時，滑鼠懸停狀態列項目的背景顏色。

醒目項目會從其他狀態列項目中突出顯示，以表示其重要性。**切換 Tab 鍵移動焦點** 命令變更模式指示器即為一例。

標題列色彩

• titleBar.activeBackground：視窗為作用中時，標題列的背景。
• titleBar.activeForeground：視窗為作用中時，標題列的前景。
• titleBar.inactiveBackground：視窗為非作用中時，標題列的背景。
• titleBar.inactiveForeground：視窗為非作用中時，標題列的前景。
• titleBar.border：標題列邊框顏色。

選單列色彩

• menubar.selectionForeground：選單列中選取選單項目的前景顏色。
• menubar.selectionBackground：選單列中選取選單項目的背景顏色。
• menubar.selectionBorder：選單列中選取選單項目的邊框顏色。
• menu.foreground：選單項目的前景顏色。
• menu.background：選單項目的背景顏色。
• menu.selectionForeground：選單中選取選單項目的前景顏色。
• menu.selectionBackground：選單中選取選單項目的背景顏色。
• menu.selectionBorder：選單中選取選單項目的邊框顏色。
• menu.separatorBackground：選單中分隔線選單項目的顏色。
• menu.border：選單的邊框顏色。

命令中心色彩

• commandCenter.foreground：命令中心的的前景顏色。
• commandCenter.activeForeground：命令中心的作用中前景顏色。
• commandCenter.background：命令中心的背景顏色。
• commandCenter.activeBackground：命令中心的作用中背景顏色。
• commandCenter.border：命令中心的邊框顏色。
• commandCenter.inactiveForeground：視窗為非作用中時，命令中心的前景顏色。
• commandCenter.inactiveBorder：視窗為非作用中時，命令中心的邊框顏色。
• commandCenter.activeBorder：命令中心的作用中邊框顏色。
• commandCenter.debuggingBackground：當程式正在偵錯時，命令中心的背景顏色。

通知色彩

通知快顯訊息會從工作台的右下角滑出。

一旦在通知中心開啟，它們會以清單方式顯示，並帶有標頭

• 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：擴充功能動作的按鈕分隔線顏色。
• extensionBadge.remoteBackground：擴充功能檢視中遠端徽章的背景顏色。
• extensionBadge.remoteForeground：擴充功能檢視中遠端徽章的前景顏色。
• extensionIcon.starForeground：擴充功能評分的圖示顏色。
• extensionIcon.verifiedForeground：擴充功能已驗證發行者的圖示顏色。
• extensionIcon.preReleaseForeground：預先發行擴充功能的圖示顏色。
• extensionIcon.sponsorForeground：擴充功能贊助者的圖示顏色。
• extensionIcon.privateForeground：私人擴充功能的圖示顏色。

快速選取器色彩

• pickerGroup.border：快速選擇器 (快速開啟) 群組邊框的顏色。
• pickerGroup.foreground：快速選擇器 (快速開啟) 群組標籤的顏色。
• quickInput.background：快速輸入背景顏色。快速輸入小工具是諸如色彩主題選擇器等檢視的容器。
• quickInput.foreground：快速輸入前景顏色。快速輸入小工具是諸如色彩主題選擇器等檢視的容器。
• quickInputList.focusBackground：快速選擇器中聚焦項目的背景顏色。
• quickInputList.focusForeground：快速選擇器中聚焦項目的前景顏色。
• quickInputList.focusIconForeground：快速選擇器中聚焦項目的圖示前景顏色。
• quickInputTitle.background：快速選擇器標題的背景顏色。快速選擇器小工具是諸如命令面板等選擇器的容器。

按鍵繫結標籤色彩

當命令具有按鍵繫結時，會顯示按鍵繫結標籤。按鍵繫結標籤的範例可以在命令面板中看到

按鍵繫結標籤的用途包括 (但不限於)

• 命令面板
• 鍵盤快速鍵編輯器
• 鍵盤快速鍵錄製器模式
• 擴充功能市集頁面的「功能貢獻」區段

以下自訂項目可供使用

• keybindingLabel.background：按鍵繫結標籤背景顏色。按鍵繫結標籤用於表示鍵盤快速鍵。
• keybindingLabel.foreground：按鍵繫結標籤前景顏色。按鍵繫結標籤用於表示鍵盤快速鍵。
• keybindingLabel.border：按鍵繫結標籤邊框顏色。按鍵繫結標籤用於表示鍵盤快速鍵。
• keybindingLabel.bottomBorder：按鍵繫結標籤底部邊框顏色。按鍵繫結標籤用於表示鍵盤快速鍵。

鍵盤快速鍵表格色彩

• keybindingTable.headerBackground：鍵盤快速鍵表格標頭的背景顏色。
• keybindingTable.rowsBackground：鍵盤快速鍵表格交替列的背景顏色。

整合式終端機色彩

• terminal.background：整合式終端機檢視區的背景。

• terminal.border：分隔終端機內分割窗格的邊框顏色。這預設為 panel.border。

• terminal.foreground：整合式終端機的預設前景顏色。

• terminal.ansiBlack：終端機中的「黑色」ANSI 顏色。

• terminal.ansiBlue：終端機中的「藍色」ANSI 顏色。

• terminal.ansiBrightBlack：終端機中的「亮黑色」ANSI 顏色。

• terminal.ansiBrightBlue：終端機中的「亮藍色」ANSI 顏色。

• terminal.ansiBrightCyan：終端機中的「亮青色」ANSI 顏色。

• terminal.ansiBrightGreen：終端機中的「亮綠色」ANSI 顏色。

• terminal.ansiBrightMagenta：終端機中的「亮洋紅色」ANSI 顏色。

• terminal.ansiBrightRed：終端機中的「亮紅色」ANSI 顏色。

• terminal.ansiBrightWhite：終端機中的「亮白色」ANSI 顏色。

• terminal.ansiBrightYellow：終端機中的「亮黃色」ANSI 顏色。

• terminal.ansiCyan：終端機中的「青色」ANSI 顏色。

• terminal.ansiGreen：終端機中的「綠色」ANSI 顏色。

• terminal.ansiMagenta：終端機中的「洋紅色」ANSI 顏色。

• terminal.ansiRed：終端機中的「紅色」ANSI 顏色。

• terminal.ansiWhite：終端機中的「白色」ANSI 顏色。

• terminal.ansiYellow：終端機中的「黃色」ANSI 顏色。

• terminal.selectionBackground：終端機的選取範圍背景顏色。

• terminal.selectionForeground：終端機的選取範圍前景顏色。當此值為 null 時，選取範圍前景將會保留，並套用最小對比度功能。

• terminal.inactiveSelectionBackground：終端機未聚焦時，選取範圍的背景顏色。

• terminal.findMatchBackground：終端機中目前搜尋比對的顏色。此顏色必須為非不透明，以免隱藏底層終端機內容。

• terminal.findMatchBorder：終端機中目前搜尋比對的邊框顏色。

• terminal.findMatchHighlightBackground：終端機中其他搜尋比對的顏色。此顏色必須為非不透明，以免隱藏底層終端機內容。

• terminal.findMatchHighlightBorder：終端機中其他搜尋比對的邊框顏色。

• terminal.hoverHighlightBackground：滑鼠懸停於終端機中的連結時，醒目提示的顏色。

• terminalCursor.background：終端機游標的背景顏色。允許自訂區塊游標所重疊字元的顏色。

• terminalCursor.foreground：終端機游標的前景顏色。

• terminal.dropBackground：拖曳到終端機上方時的背景顏色。此顏色應具有透明度，以便終端機內容仍可透視。

• terminal.tab.activeBorder：面板中終端機索引標籤側邊的邊框。這預設為 tab.activeBorder。

• terminalCommandDecoration.defaultBackground：預設終端機命令裝飾背景顏色。

• terminalCommandDecoration.successBackground：成功命令的終端機命令裝飾背景顏色。

• terminalCommandDecoration.errorBackground：錯誤命令的終端機命令裝飾背景顏色。

• terminalOverviewRuler.cursorForeground：概觀尺規游標顏色。

• terminalOverviewRuler.findMatchForeground：用於終端機中尋找比對的概觀尺規標記顏色。

• terminalStickyScroll.background：終端機中黏性捲動覆蓋層的背景顏色。

• terminalStickyScroll.border：終端機中黏性捲動覆蓋層的邊框。

• terminalStickyScrollHover.background：滑鼠懸停時，終端機中黏性捲動覆蓋層的背景顏色。

• terminal.initialHintForeground：終端機初始提示的前景顏色。

• terminalOverviewRuler.border：概觀尺規左側邊框顏色。

• terminalCommandGuide.foreground：終端機命令指南的前景顏色，會在滑鼠懸停於命令及其輸出時顯示在左側。

• terminalSymbolIcon.aliasForeground：別名圖示的前景顏色。這些圖示會顯示在終端機建議小工具中

• terminalSymbolIcon.flagForeground：旗標圖示的前景顏色。這些圖示會顯示在終端機建議小工具中

• terminalSymbolIcon.optionForeground：選項圖示的前景顏色。這些圖示會顯示在終端機建議小工具中。

• terminalSymbolIcon.optionValueForeground：列舉成員圖示的前景顏色。這些圖示會顯示在終端機建議小工具中。

• terminalSymbolIcon.methodForeground：方法圖示的前景顏色。這些圖示會顯示在終端機建議小工具中。

• terminalSymbolIcon.argumentForeground：引數圖示的前景顏色。這些圖示會顯示在終端機建議小工具中。

• terminalSymbolIcon.inlineSuggestionForeground：內嵌建議圖示的前景顏色。這些圖示會顯示在終端機建議小工具中。

• terminalSymbolIcon.fileForeground：檔案圖示的前景顏色。這些圖示會顯示在終端機建議小工具中。

• terminalSymbolIcon.folderForeground：資料夾圖示的前景顏色。這些圖示會顯示在終端機建議小工具中。

偵錯色彩

• debugToolBar.background：偵錯工具列背景顏色。
• debugToolBar.border：偵錯工具列邊框顏色。
• editor.stackFrameHighlightBackground：編輯器中頂端堆疊框架醒目提示的背景顏色。
• editor.focusedStackFrameHighlightBackground：編輯器中聚焦堆疊框架醒目提示的背景顏色。
• editor.inlineValuesForeground：偵錯內嵌值文字的顏色。
• editor.inlineValuesBackground：偵錯內嵌值的背景顏色。
• debugView.exceptionLabelForeground：偵錯工具在例外狀況中斷時，於呼叫堆疊檢視中顯示的標籤前景顏色。
• 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：責備編輯器裝飾的顏色。

原始碼控制圖表色彩

• scmGraph.historyItemHoverLabelForeground：歷程記錄項目懸停標籤的前景顏色。
• scmGraph.foreground1：原始檔控制圖表前景顏色 (1)。
• scmGraph.foreground2：原始檔控制圖表前景顏色 (2)。
• scmGraph.foreground3：原始檔控制圖表前景顏色 (3)。
• scmGraph.foreground4：原始檔控制圖表前景顏色 (4)。
• scmGraph.foreground5：原始檔控制圖表前景顏色 (5)。
• scmGraph.historyItemHoverAdditionsForeground：歷程記錄項目懸停新增項目的前景顏色。
• scmGraph.historyItemHoverDeletionsForeground：歷程記錄項目懸停刪除項目的前景顏色。
• scmGraph.historyItemRefColor：歷程記錄項目參考顏色。
• scmGraph.historyItemRemoteRefColor：歷程記錄項目遠端參考顏色。
• scmGraph.historyItemBaseRefColor：歷程記錄項目基準參考顏色。
• scmGraph.historyItemHoverDefaultLabelForeground：歷程記錄項目懸停預設標籤前景顏色。
• scmGraph.historyItemHoverDefaultLabelBackground：歷程記錄項目懸停預設標籤背景顏色。

設定編輯器色彩

注意： 這些顏色適用於 GUI 設定編輯器，可以使用 Preferences: Open Settings (UI) 命令開啟。

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

麵包屑導覽色彩

階層連結導覽的主題色彩

• breadcrumb.foreground：階層連結項目的顏色。
• breadcrumb.background：階層連結項目的背景顏色。
• breadcrumb.focusForeground：聚焦階層連結項目的顏色。
• breadcrumb.activeSelectionForeground：選取階層連結項目的顏色。
• breadcrumbPicker.background：階層連結項目選擇器的背景顏色。

程式碼片段色彩

程式碼片段的主題色彩

• editor.snippetTabstopHighlightBackground：程式碼片段 Tab 停駐點的醒目提示背景顏色。
• editor.snippetTabstopHighlightBorder：程式碼片段 Tab 停駐點的醒目提示邊框顏色。
• editor.snippetFinalTabstopHighlightBackground：程式碼片段最終 Tab 停駐點的醒目提示背景顏色。
• editor.snippetFinalTabstopHighlightBorder：程式碼片段最終 Tab 停駐點的醒目提示邊框顏色。

符號圖示色彩

符號圖示的主題色彩，會顯示在大綱檢視、階層連結導覽和建議小工具中

• symbolIcon.arrayForeground：陣列符號的前景顏色。
• symbolIcon.booleanForeground：布林值符號的前景顏色。
• symbolIcon.classForeground：類別符號的前景顏色。
• symbolIcon.colorForeground：色彩符號的前景顏色。
• symbolIcon.constantForeground：常數符號的前景顏色。
• symbolIcon.constructorForeground：建構函式符號的前景顏色。
• symbolIcon.enumeratorForeground：列舉元符號的前景顏色。
• symbolIcon.enumeratorMemberForeground：列舉元成員符號的前景顏色。
• symbolIcon.eventForeground：事件符號的前景顏色。
• symbolIcon.fieldForeground：欄位符號的前景顏色。
• symbolIcon.fileForeground：檔案符號的前景顏色。
• symbolIcon.folderForeground：資料夾符號的前景顏色。
• symbolIcon.functionForeground：函式符號的前景顏色。
• symbolIcon.interfaceForeground：介面符號的前景顏色。
• symbolIcon.keyForeground：金鑰符號的前景顏色。
• symbolIcon.keywordForeground：關鍵字符號的前景顏色。
• symbolIcon.methodForeground：方法符號的前景顏色。
• symbolIcon.moduleForeground：模組符號的前景顏色。
• symbolIcon.namespaceForeground：命名空間符號的前景顏色。
• symbolIcon.nullForeground：Null 符號的前景顏色。
• symbolIcon.numberForeground：數字符號的前景顏色。
• symbolIcon.objectForeground：物件符號的前景顏色。
• symbolIcon.operatorForeground：運算子符號的前景顏色。
• symbolIcon.packageForeground：套件符號的前景顏色。
• symbolIcon.propertyForeground：屬性符號的前景顏色。
• symbolIcon.referenceForeground：參考符號的前景顏色。
• symbolIcon.snippetForeground：程式碼片段符號的前景顏色。
• symbolIcon.stringForeground：字串符號的前景顏色。
• symbolIcon.structForeground：結構符號的前景顏色。
• symbolIcon.textForeground：文字符號的前景顏色。
• symbolIcon.typeParameterForeground：類型參數符號的前景顏色。
• symbolIcon.unitForeground：單位符號的前景顏色。
• symbolIcon.variableForeground：變數符號的前景顏色。

偵錯圖示色彩

• debugIcon.breakpointForeground：中斷點的圖示顏色。

• debugIcon.breakpointDisabledForeground：已停用中斷點的圖示顏色。

• debugIcon.breakpointUnverifiedForeground：未驗證中斷點的圖示顏色。

• debugIcon.breakpointCurrentStackframeForeground：目前中斷點堆疊框架的圖示顏色。

• debugIcon.breakpointStackframeForeground：所有中斷點堆疊框架的圖示顏色。

• debugIcon.startForeground：用於開始偵錯的偵錯工具列圖示。

• debugIcon.pauseForeground：用於暫停的偵錯工具列圖示。

• debugIcon.stopForeground：用於停止的偵錯工具列圖示。

• debugIcon.disconnectForeground：用於中斷連線的偵錯工具列圖示。

• debugIcon.restartForeground：用於重新啟動的偵錯工具列圖示。

• debugIcon.stepOverForeground：用於逐步跳過的偵錯工具列圖示。

• debugIcon.stepIntoForeground：用於逐步進入的偵錯工具列圖示。

• debugIcon.stepOutForeground：用於逐步跳出的偵錯工具列圖示。

• debugIcon.continueForeground：用於繼續的偵錯工具列圖示。

• debugIcon.stepBackForeground：用於逐步返回的偵錯工具列圖示。

• debugConsole.infoForeground：偵錯 REPL 主控台中資訊訊息的前景顏色。

• debugConsole.warningForeground：偵錯 REPL 主控台中警告訊息的前景顏色。

• debugConsole.errorForeground：偵錯 REPL 主控台中錯誤訊息的前景顏色。

• debugConsole.sourceForeground：偵錯 REPL 主控台中原始檔名稱的前景顏色。

• debugConsoleInputIcon.foreground：偵錯主控台輸入標記圖示的前景顏色。

Notebook 色彩

• notebook.editorBackground：筆記本背景顏色。
• notebook.cellBorderColor：筆記本儲存格的邊框顏色。
• notebook.cellHoverBackground：滑鼠懸停於儲存格時，儲存格的背景顏色。
• notebook.cellInsertionIndicator：筆記本儲存格插入指示器的顏色。
• notebook.cellStatusBarItemHoverBackground：筆記本儲存格狀態列項目的背景顏色。
• notebook.cellToolbarSeparator：儲存格底部工具列中分隔線的顏色
• notebook.cellEditorBackground：筆記本儲存格編輯器背景的顏色
• notebook.focusedCellBackground：聚焦儲存格時，儲存格的背景顏色。
• notebook.focusedCellBorder：儲存格聚焦時，儲存格聚焦指示器邊框的顏色。
• notebook.focusedEditorBorder：筆記本儲存格編輯器邊框的顏色。
• notebook.inactiveFocusedCellBorder：當主要焦點在編輯器外部時，儲存格聚焦時，儲存格頂部和底部邊框的顏色。
• notebook.inactiveSelectedCellBorder：選取多個儲存格時，儲存格邊框的顏色。
• notebook.outputContainerBackgroundColor：筆記本輸出容器背景的顏色。
• notebook.outputContainerBorderColor：筆記本輸出容器的邊框顏色。
• notebook.selectedCellBackground：選取儲存格時，儲存格的背景顏色。
• notebook.selectedCellBorder：選取但未聚焦儲存格時，儲存格頂部和底部邊框的顏色。
• notebook.symbolHighlightBackground：醒目提示儲存格的背景顏色
• notebookScrollbarSlider.activeBackground：按一下時，筆記本捲軸滑桿背景顏色。
• notebookScrollbarSlider.background：筆記本捲軸滑桿背景顏色。
• notebookScrollbarSlider.hoverBackground：滑鼠懸停時，筆記本捲軸滑桿背景顏色。
• notebookStatusErrorIcon.foreground：筆記本儲存格狀態列中，儲存格的錯誤圖示顏色。
• notebookStatusRunningIcon.foreground：筆記本儲存格狀態列中，儲存格的執行中圖示顏色。
• notebookStatusSuccessIcon.foreground：筆記本儲存格狀態列中，儲存格的成功圖示顏色。
• notebookEditorOverviewRuler.runningCellForeground：筆記本編輯器概觀尺規中，執行中儲存格裝飾的顏色。

圖表色彩

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

連接埠色彩

• ports.iconRunningProcessForeground：具有關聯執行中處理序的連接埠圖示顏色。

註解檢視色彩

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

動作列色彩

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

簡易尋找小工具色彩

• simpleFindWidget.sashBorder：簡易尋找小工具分隔條邊框的邊框顏色。

量測儀表色彩

• gauge.background：計量表背景顏色。
• gauge.foreground：計量表前景顏色。
• gauge.border：計量表邊框顏色。
• gauge.warningBackground：計量表警告背景顏色。
• gauge.warningForeground：計量表警告前景顏色。
• gauge.errorBackground：計量表錯誤背景顏色。
• gauge.errorForeground：計量表錯誤前景顏色。

擴充功能色彩

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