主題顏色

您可以使用 workbench.colorCustomizations 使用者設定自定義您當前活動的 Visual Studio Code 顏色主題。

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

注意：如果您想使用現有的顏色主題，請參閱顏色主題，在那裡您將學習如何透過首選項：顏色主題下拉選單（⌘K ⌘T (Windows、Linux Ctrl+K Ctrl+T)）設定當前活動的顏色主題。

主題顏色在Web 檢視中作為 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：聚焦項的動作列表背景顏色。

按鈕控制元件

一組按鈕小部件的顏色，例如新視窗資源管理器中的開啟資料夾按鈕。

• button.background：按鈕背景顏色。
• button.foreground：按鈕前景色。
• button.border：按鈕邊框顏色。
• button.separator：按鈕分隔符顏色。
• button.hoverBackground：按鈕懸停時的背景顏色。
• button.secondaryForeground：次要按鈕前景色。
• button.secondaryBackground：次要按鈕背景顏色。
• button.secondaryHoverBackground：次要按鈕懸停時的背景顏色。
• checkbox.background：複選框小部件的背景顏色。
• checkbox.foreground：複選框小部件的前景色。
• checkbox.disabled.background：停用複選框的背景。
• checkbox.disabled.foreground：停用複選框的前景。
• checkbox.border：複選框小部件的邊框顏色。
• checkbox.selectBackground：當複選框所在元素被選中時，複選框小部件的背景顏色。
• checkbox.selectBorder：當複選框所在元素被選中時，複選框小部件的邊框顏色。
• radio.activeForeground：活動單選選項的前景色。
• radio.activeBackground：活動單選選項的背景顏色。
• radio.activeBorder：活動單選選項的邊框顏色。
• radio.inactiveForeground：非活動單選選項的前景色。
• radio.inactiveBackground：非活動單選選項的背景顏色。
• radio.inactiveBorder：非活動單選選項的邊框顏色。
• radio.inactiveHoverBackground：非活動單選選項懸停時的背景顏色。

下拉控制元件

所有下拉小部件的顏色集，例如整合終端或輸出面板中的下拉小部件。請注意，下拉控制元件目前在 macOS 上未使用。

• dropdown.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：活動組中修改（髒）活動標籤頁頂部的邊框。

• tab.inactiveModifiedBorder：活動組中修改（髒）非活動標籤頁頂部的邊框。

• tab.unfocusedActiveModifiedBorder：未聚焦組中修改（髒）活動標籤頁頂部的邊框。

• tab.unfocusedInactiveModifiedBorder：未聚焦組中修改（髒）非活動標籤頁頂部的邊框。

• editorPane.background：居中編輯器佈局左右可見的編輯器窗格的背景顏色。

• sideBySideEditor.horizontalBorder：當編輯器組中從上到下並排顯示兩個編輯器時，分隔它們的顏色。

• sideBySideEditor.verticalBorder：當編輯器組中從左到右並排顯示兩個編輯器時，分隔它們的顏色。

編輯器顏色

最突出的編輯器顏色是用於語法高亮的標記顏色，它們基於已安裝的語言語法。這些顏色由顏色主題定義，但也可以使用 editor.tokenColorCustomizations 設定進行自定義。有關更新顏色主題和可用標記型別的詳細資訊，請參閱自定義顏色主題。

所有其他編輯器顏色如下所示

• editor.background：編輯器背景顏色。
• editor.foreground：編輯器預設前景色。
• editorLineNumber.foreground：編輯器行號的顏色。
• editorLineNumber.activeForeground：活動編輯器行號的顏色。
• editorLineNumber.dimmedForeground：當 editor.renderFinalNewline 設定為 dimmed 時，最後一行編輯器的顏色。
• editorCursor.background：編輯器游標的背景顏色。允許自定義被塊游標覆蓋的字元的顏色。
• editorCursor.foreground：編輯器游標的顏色。
• editorMultiCursor.primary.foreground：存在多個游標時，主編輯器游標的顏色。
• editorMultiCursor.primary.background：存在多個游標時，主編輯器游標的背景顏色。允許自定義被塊游標覆蓋的字元的顏色。
• editorMultiCursor.secondary.foreground：存在多個游標時，次要編輯器游標的顏色。
• editorMultiCursor.secondary.background：存在多個游標時，次要編輯器游標的背景顏色。允許自定義被塊游標覆蓋的字元的顏色。
• editor.placeholder.foreground：編輯器中佔位符文字的前景色。
• editor.compositionBorder：IME 組合的邊框顏色。

選擇顏色在選擇一個或多個字元時可見。除了選擇之外，所有內容相同的區域也會高亮顯示。

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

當游標位於符號或單詞內部時，單詞高亮顏色可見。根據檔案型別可用的語言支援，所有匹配的引用和宣告都會高亮顯示，並且讀寫訪問會獲得不同的顏色。如果文件符號語言支援不可用，則會回退到單詞高亮。

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

查詢顏色取決於查詢/替換對話方塊中的當前查詢字串。

• editor.findMatchBackground：當前搜尋匹配項的顏色。
• editor.findMatchForeground：當前搜尋匹配項的文字顏色。
• editor.findMatchHighlightForeground：其他搜尋匹配項的前景色。
• editor.findMatchHighlightBackground：其他搜尋匹配項的顏色。顏色不能不透明，以免隱藏底層裝飾。
• editor.findRangeHighlightBackground：限制搜尋範圍的顏色（在查詢小部件中啟用“在選中項中查詢”）。顏色不能不透明，以免隱藏底層裝飾。
• editor.findMatchBorder：當前搜尋匹配項的邊框顏色。
• editor.findMatchHighlightBorder：其他搜尋匹配項的邊框顏色。
• editor.findRangeHighlightBorder：限制搜尋範圍的邊框顏色（在查詢小部件中啟用“在選中項中查詢”）。

搜尋顏色用於搜尋檢視的全域性搜尋結果。

• search.resultsInfoForeground：搜尋檢視完成訊息中文字的顏色。例如，此顏色用於顯示“{x} results in {y} files”的文字。

搜尋編輯器顏色高亮顯示搜尋編輯器中的結果。這可以與其他的查詢匹配項分開配置，以便更好地區分同一編輯器中不同類別的匹配項。

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

懸停高亮顯示在顯示懸停的符號後面。

• editor.hoverHighlightBackground：顯示懸停的單詞下方的突出顯示。顏色不能不透明，以免隱藏底層裝飾。

當前行通常顯示為背景高亮或邊框（不能同時顯示）。

• editor.lineHighlightBackground：游標位置行高亮的背景顏色。
• editor.lineHighlightBorder：游標位置行周圍邊框的背景顏色。

編輯器水印的顏色

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

Unicode 高亮的顏色

• editorUnicodeHighlight.border：用於高亮顯示 Unicode 字元的邊框顏色。
• editorUnicodeHighlight.background：用於高亮顯示 Unicode 字元的背景顏色。

點選連結時可見連結顏色。

• editorLink.activeForeground：活動連結的顏色。

選擇搜尋結果時可見範圍高亮。

• editor.rangeHighlightBackground：高亮範圍的背景顏色，由快速開啟、檔案中符號和查詢功能使用。顏色不能不透明，以免隱藏底層裝飾。
• editor.rangeHighlightBorder：高亮範圍周圍邊框的背景顏色。

透過轉到定義等命令導航到符號時，可見符號高亮。

• editor.symbolHighlightBackground：高亮符號的背景顏色。顏色不能不透明，以免隱藏底層裝飾。
• editor.symbolHighlightBorder：高亮符號周圍邊框的背景顏色。

要檢視編輯器空白，請啟用切換渲染空白。

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

要檢視編輯器縮排指南，請設定 "editor.guides.indentation": true 和 "editor.guides.highlightActiveIndentation": true。

• editorIndentGuide.background：編輯器縮排指南的顏色。
• editorIndentGuide.background1：編輯器縮排指南的顏色 (1)。
• editorIndentGuide.background2：編輯器縮排指南的顏色 (2)。
• editorIndentGuide.background3：編輯器縮排指南的顏色 (3)。
• editorIndentGuide.background4：編輯器縮排指南的顏色 (4)。
• editorIndentGuide.background5：編輯器縮排指南的顏色 (5)。
• editorIndentGuide.background6：編輯器縮排指南的顏色 (6)。
• editorIndentGuide.activeBackground：活動編輯器縮排指南的顏色。
• editorIndentGuide.activeBackground1：活動編輯器縮排指南的顏色 (1)。
• editorIndentGuide.activeBackground2：活動編輯器縮排指南的顏色 (2)。
• editorIndentGuide.activeBackground3：活動編輯器縮排指南的顏色 (3)。
• editorIndentGuide.activeBackground4：活動編輯器縮排指南的顏色 (4)。
• editorIndentGuide.activeBackground5：活動編輯器縮排指南的顏色 (5)。
• editorIndentGuide.activeBackground6：活動編輯器縮排指南的顏色 (6)。

要檢視編輯器內聯提示，請設定 "editor.inlineSuggest.enabled": true。

• editorInlayHint.background：內聯提示的背景顏色。
• editorInlayHint.foreground：內聯提示的前景色。
• editorInlayHint.typeForeground：型別內聯提示的前景色。
• editorInlayHint.typeBackground：型別內聯提示的背景顏色。
• editorInlayHint.parameterForeground：引數內聯提示的前景色。
• editorInlayHint.parameterBackground：引數內聯提示的背景顏色。

要檢視編輯器標尺，請使用 "editor.rulers" 定義其位置。

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

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

CodeLens

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

燈泡

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

括號匹配

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

括號對顏色化

• editorBracketHighlight.foreground1：括號前景色 (1)。需要啟用括號對顏色化。
• editorBracketHighlight.foreground2：括號前景色 (2)。需要啟用括號對顏色化。
• editorBracketHighlight.foreground3：括號前景色 (3)。需要啟用括號對顏色化。
• editorBracketHighlight.foreground4：括號前景色 (4)。需要啟用括號對顏色化。
• editorBracketHighlight.foreground5：括號前景色 (5)。需要啟用括號對顏色化。
• editorBracketHighlight.foreground6：括號前景色 (6)。需要啟用括號對顏色化。
• editorBracketHighlight.unexpectedBracket.foreground：意外括號的前景色。

括號對指南

• editorBracketPairGuide.activeBackground1：活動括號對指南的背景顏色 (1)。需要啟用括號對指南。

• editorBracketPairGuide.activeBackground2：活動括號對指南的背景顏色 (2)。需要啟用括號對指南。

• editorBracketPairGuide.activeBackground3：活動括號對指南的背景顏色 (3)。需要啟用括號對指南。

• editorBracketPairGuide.activeBackground4：活動括號對指南的背景顏色 (4)。需要啟用括號對指南。

• editorBracketPairGuide.activeBackground5：活動括號對指南的背景顏色 (5)。需要啟用括號對指南。

• editorBracketPairGuide.activeBackground6：活動括號對指南的背景顏色 (6)。需要啟用括號對指南。

• editorBracketPairGuide.background1：非活動括號對指南的背景顏色 (1)。需要啟用括號對指南。

• editorBracketPairGuide.background2：非活動括號對指南的背景顏色 (2)。需要啟用括號對指南。

• editorBracketPairGuide.background3：非活動括號對指南的背景顏色 (3)。需要啟用括號對指南。

• editorBracketPairGuide.background4：非活動括號對指南的背景顏色 (4)。需要啟用括號對指南。

• editorBracketPairGuide.background5：非活動括號對指南的背景顏色 (5)。需要啟用括號對指南。

• editorBracketPairGuide.background6：非活動括號對指南的背景顏色 (6)。需要啟用括號對指南。

摺疊

• editor.foldBackground：摺疊區域的背景顏色。顏色不能不透明，以免隱藏底層裝飾。
• editor.foldPlaceholderForeground：摺疊區域第一行之後摺疊文字的顏色。

概覽標尺

此標尺位於編輯器右側捲軸下方，並提供編輯器中裝飾的概覽。

• editorOverviewRuler.background：編輯器概覽標尺的背景顏色。僅在迷你地圖啟用並放置在編輯器右側時使用。
• editorOverviewRuler.border：概覽標尺邊框的顏色。
• editorOverviewRuler.findMatchForeground：查詢匹配項的概覽標尺標記顏色。顏色不能不透明，以免隱藏底層裝飾。
• editorOverviewRuler.rangeHighlightForeground：高亮範圍的概覽標尺標記顏色，例如透過快速開啟、檔案中符號和查詢功能。顏色不能不透明，以免隱藏底層裝飾。
• editorOverviewRuler.selectionHighlightForeground：選擇高亮的概覽標尺標記顏色。顏色不能不透明，以免隱藏底層裝飾。
• editorOverviewRuler.wordHighlightForeground：符號高亮的概覽標尺標記顏色。顏色不能不透明，以免隱藏底層裝飾。
• editorOverviewRuler.wordHighlightStrongForeground：寫入訪問符號高亮的概覽標尺標記顏色。顏色不能不透明，以免隱藏底層裝飾。
• editorOverviewRuler.wordHighlightTextForeground：符號文字出現的概覽標尺標記顏色。顏色不能不透明，以免隱藏底層裝飾。
• editorOverviewRuler.modifiedForeground：修改內容的概覽標尺標記顏色。
• editorOverviewRuler.addedForeground：新增內容的概覽標尺標記顏色。
• editorOverviewRuler.deletedForeground：刪除內容的概覽標尺標記顏色。
• editorOverviewRuler.errorForeground：錯誤的概覽標尺標記顏色。
• editorOverviewRuler.warningForeground：警告的概覽標尺標記顏色。
• editorOverviewRuler.infoForeground：資訊的概覽標尺標記顏色。
• editorOverviewRuler.bracketMatchForeground：匹配括號的概覽標尺標記顏色。
• editorOverviewRuler.inlineChatInserted：內聯聊天插入內容的概覽標尺標記顏色。
• editorOverviewRuler.inlineChatRemoved：內聯聊天刪除內容的概覽標尺標記顏色。

錯誤和警告

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

未使用的原始碼

• editorUnnecessaryCode.border：編輯器中不必要（未使用）原始碼的邊框顏色。
• editorUnnecessaryCode.opacity：編輯器中不必要（未使用）原始碼的透明度。例如，"#000000c0" 將以 75% 的透明度渲染程式碼。對於高對比度主題，請使用 "editorUnnecessaryCode.border" 主題顏色來下劃線不必要的程式碼，而不是使其淡出。

側邊欄包含字形邊距和行號。

• editorGutter.background：編輯器側邊欄的背景顏色。側邊欄包含字形邊距和行號。
• editorGutter.modifiedBackground：已修改行的編輯器側邊欄背景顏色。
• editorGutter.modifiedSecondaryBackground：已修改行的編輯器側邊欄輔助背景顏色。
• editorGutter.addedBackground：已新增行的編輯器側邊欄背景顏色。
• editorGutter.addedSecondaryBackground：已新增行的編輯器側邊欄輔助背景顏色。
• editorGutter.deletedBackground：已刪除行的編輯器側邊欄背景顏色。
• editorGutter.deletedSecondaryBackground：已刪除行的編輯器側邊欄輔助背景顏色。
• 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：已編輯檔案列表中聊天已編輯檔案的前景色。
• chat.linesAddedForeground：聊天程式碼塊氣泡中已新增行的前景色。
• chat.linesRemovedForeground：聊天程式碼塊氣泡中已刪除行的前景色。
• chat.requestCodeBorder：聊天請求氣泡內程式碼塊的邊框顏色。
• chat.requestBubbleBackground：聊天請求氣泡的背景顏色。
• chat.requestBubbleHoverBackground：聊天請求氣泡懸停時的背景顏色。
• chat.checkpointSeparator：聊天檢查點分隔符顏色。

內聯聊天顏色

• 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：編輯器標記導航小部件資訊標題背景。

預覽檢視顏色

預覽檢視用於在編輯器內部顯示引用和宣告。

• 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.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：私有擴充套件圖示顏色。
• mcpIcon.starForeground：MCP 星標圖示顏色。

快速選擇器顏色

• 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.branchForeground：分支圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.commitForeground：提交圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.flagForeground：標誌圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.optionForeground：選項圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.optionValueForeground：列舉成員圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.methodForeground：方法圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.argumentForeground：引數圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.inlineSuggestionForeground：內聯建議圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.fileForeground：檔案圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.folderForeground：資料夾圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.pullRequestDoneForeground：已完成拉取請求圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.pullRequestForeground：拉取請求圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.remoteForeground：遠端圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.stashForeground：儲存圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.symbolicLinkFileForeground：符號連結檔案圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.symbolicLinkFolderForeground：符號連結資料夾圖示的前景色。這些圖示將出現在終端建議小部件中。

• terminalSymbolIcon.tagForeground：標籤圖示的前景色。這些圖示將出現在終端建議小部件中。

除錯顏色

• debugToolBar.background：除錯工具欄背景色。
• debugToolBar.border：除錯工具欄邊框顏色。
• editor.stackFrameHighlightBackground：編輯器中頂部堆疊幀突出顯示的背景色。
• editor.focusedStackFrameHighlightBackground：編輯器中聚焦堆疊幀突出顯示的背景色。
• editor.inlineValuesForeground：除錯內聯值文字的顏色。
• editor.inlineValuesBackground：除錯內聯值背景色。
• debugView.exceptionLabelForeground：偵錯程式因異常中斷時，CALL STACK 檢視中顯示的標籤前景色。
• debugView.exceptionLabelBackground：偵錯程式因異常中斷時，CALL STACK 檢視中顯示的標籤背景色。
• debugView.stateLabelForeground：CALL STACK 檢視中顯示當前會話或執行緒狀態的標籤前景色。
• debugView.stateLabelBackground：CALL STACK 檢視中顯示當前會話或執行緒狀態的標籤背景色。
• debugView.valueChangedHighlight：用於突出顯示除錯檢視中值更改的顏色（例如在“變數”檢視中）。
• debugTokenExpression.name：除錯檢視中顯示的令牌名稱前景色（例如在“變數”或“監視”檢視中）。
• debugTokenExpression.value：除錯檢視中顯示的令牌值前景色。
• debugTokenExpression.string：除錯檢視中字串前景色。
• debugTokenExpression.boolean：除錯檢視中布林值前景色。
• debugTokenExpression.number：除錯檢視中數字前景色。
• debugTokenExpression.error：除錯檢視中表達式錯誤前景色。
• debugTokenExpression.type：除錯檢視中顯示的令牌型別前景色（即“變數”或“監視”檢視）。

測試顏色

• testing.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：歷史專案懸停預設標籤背景色。

設定編輯器顏色

注意：這些顏色適用於可透過 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：麵包屑專案選擇器背景色。

程式碼片段顏色

程式碼片段的主題顏色

• editor.snippetTabstopHighlightBackground：程式碼片段製表位突出顯示背景色。
• editor.snippetTabstopHighlightBorder：程式碼片段製表位突出顯示邊框顏色。
• editor.snippetFinalTabstopHighlightBackground：程式碼片段最終制表位突出顯示背景色。
• editor.snippetFinalTabstopHighlightBorder：程式碼片段最終制表位突出顯示邊框顏色。

符號圖示顏色

在“大綱”檢視、麵包屑導航和建議小部件中顯示的符號圖示主題顏色

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

除錯圖示顏色

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

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

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

• debugIcon.breakpointCurrentStackframeForeground：當前斷點堆疊幀圖示顏色。

• debugIcon.breakpointStackframeForeground：所有斷點堆疊幀圖示顏色。

• debugIcon.startForeground：開始除錯的除錯工具欄圖示。

• debugIcon.pauseForeground：暫停的除錯工具欄圖示。

• debugIcon.stopForeground：停止的除錯工具欄圖示。

• debugIcon.disconnectForeground：斷開連線的除錯工具欄圖示。

• debugIcon.restartForeground：重新啟動的除錯工具欄圖示。

• debugIcon.stepOverForeground：單步跳過的除錯工具欄圖示。

• debugIcon.stepIntoForeground：單步進入的除錯工具欄圖示。

• debugIcon.stepOutForeground：單步跳過的除錯工具欄圖示。

• debugIcon.continueForeground：繼續的除錯工具欄圖示。

• debugIcon.stepBackForeground：後退的除錯工具欄圖示。

• debugConsole.infoForeground：除錯 REPL 控制檯中資訊訊息的前景色。

• debugConsole.warningForeground：除錯 REPL 控制檯中警告訊息的前景色。

• debugConsole.errorForeground：除錯 REPL 控制檯中錯誤訊息的前景色。

• debugConsole.sourceForeground：除錯 REPL 控制檯中原始檔名前景色。

• debugConsoleInputIcon.foreground：除錯控制檯輸入標記圖示的前景色。

筆記本顏色

• notebook.editorBackground：筆記本背景色。
• notebook.cellBorderColor：筆記本單元格的邊框顏色。
• notebook.cellHoverBackground：滑鼠懸停在單元格上時單元格的背景色。
• notebook.cellInsertionIndicator：筆記本單元格插入指示器的顏色。
• notebook.cellStatusBarItemHoverBackground：筆記本單元格狀態列專案的背景色。
• notebook.cellToolbarSeparator：單元格底部工具欄中分隔符的顏色。
• notebook.cellEditorBackground：筆記本單元格編輯器背景色。
• notebook.focusedCellBackground：單元格聚焦時單元格的背景色。
• notebook.focusedCellBorder：單元格聚焦時單元格焦點指示器邊框的顏色。
• notebook.focusedEditorBorder：筆記本單元格編輯器邊框的顏色。
• notebook.inactiveFocusedCellBorder：當主要焦點在編輯器外部時，單元格聚焦時單元格頂部和底部邊框的顏色。
• notebook.inactiveSelectedCellBorder：選擇多個單元格時單元格邊框的顏色。
• notebook.outputContainerBackgroundColor：筆記本輸出容器背景色。
• notebook.outputContainerBorderColor：筆記本輸出容器的邊框顏色。
• notebook.selectedCellBackground：單元格選定時的背景色。
• notebook.selectedCellBorder：單元格選定但未聚焦時單元格頂部和底部邊框的顏色。
• notebook.symbolHighlightBackground：突出顯示單元格的背景色。
• notebookScrollbarSlider.activeBackground：點選時筆記本捲軸滑塊背景色。
• notebookScrollbarSlider.background：筆記本捲軸滑塊背景色。
• notebookScrollbarSlider.hoverBackground：滑鼠懸停時筆記本捲軸滑塊背景色。
• notebookStatusErrorIcon.foreground：單元格狀態列中筆記本單元格的錯誤圖示顏色。
• notebookStatusRunningIcon.foreground：單元格狀態列中筆記本單元格的執行圖示顏色。
• notebookStatusSuccessIcon.foreground：單元格狀態列中筆記本單元格的成功圖示顏色。
• notebookEditorOverviewRuler.runningCellForeground：筆記本編輯器概覽尺標中執行單元格裝飾的顏色。

圖表顏色

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

埠顏色

• ports.iconRunningProcessForeground：具有關聯執行程序的埠圖示顏色。

註釋檢視顏色

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

動作欄顏色

• actionBar.toggledBackground：動作欄中切換動作項的背景色。

簡單查詢小部件顏色

• simpleFindWidget.sashBorder：分隔條邊框的顏色。

儀表盤顏色

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

擴充套件顏色

顏色 ID 也可以透過擴充套件透過 顏色貢獻點 貢獻。這些顏色在使用 workbench.colorCustomizations 設定和顏色主題定義檔案中的程式碼完成時也會出現。使用者可以在 擴充套件貢獻 選項卡中檢視擴充套件定義的顏色。