主題顏色

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

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

備註：如果您想使用現有的色彩佈景主題，請參閱色彩佈景主題，其中說明如何透過偏好設定：色彩佈景主題下拉式選單來設定目前的色彩佈景主題 (⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T))。

佈景主題色彩在 webviews 中可用作 CSS 變數，且有一個擴充功能可用來為其提供 IntelliSense。

色彩格式

色彩值可以在具備透明度 alpha 色頻的 RGB 色彩模型中定義。格式支援下列十六進位標記法：#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：可拖曳分隔條 (sash) 的滑鼠停駐邊框色彩。

視窗邊框

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

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

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

文字色彩

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

• textBlockQuote.background：文字中區塊引文的背景色彩。
• textBlockQuote.border：文字中區塊引文的邊框色彩。
• textCodeBlock.background：文字中程式碼區塊的背景色彩。
• textLink.activeForeground：文字中的連結在被點擊及滑鼠停駐時的前景色彩。
• textLink.foreground：文字中連結的前景色彩。
• textPreformat.foreground：預先格式化文字片段的前景色彩。
• textPreformat.background：預先格式化文字片段的背景色彩。
• textPreformat.border：預先格式化文字片段的邊框色彩。
• textSeparator.foreground：文字分隔線的色彩。

動作色彩

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

• toolbar.hoverBackground：使用滑鼠停駐在動作上方時的工具列背景
• toolbar.hoverOutline：使用滑鼠停駐在動作上方時的工具列外框
• toolbar.activeBackground：滑鼠按住動作上方時的工具列背景
• editorActionList.background：動作清單背景色彩。
• editorActionList.foreground：動作清單前景色彩。
• editorActionList.focusForeground：取得焦點之項目之動作清單的前景色彩。
• editorActionList.focusBackground：取得焦點之項目之動作清單的背景色彩。

按鈕控制項

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

• button.background：按鈕背景色彩。
• button.foreground：按鈕前景色彩。
• button.border：按鈕邊框色彩。
• button.separator：按鈕分隔線色彩。
• button.hoverBackground：滑鼠停駐時的按鈕背景色彩。
• button.secondaryForeground：次要按鈕前景色彩。
• button.secondaryBackground：次要按鈕背景色彩。
• button.secondaryHoverBackground：滑鼠停駐時的次要按鈕背景色彩。
• button.secondaryBorder：次要按鈕邊框色彩。
• checkbox.background：核取方塊小工具的背景色彩。
• checkbox.foreground：核取方塊小工具的前景色彩。
• checkbox.disabled.background：已停用核取方塊的背景。
• checkbox.disabled.foreground：已停用核取方塊的前景。
• checkbox.border：核取方塊小工具的邊框色彩。
• checkbox.selectBackground：當其所在的元素被選取時，核取方塊小工具的背景色彩。
• checkbox.selectBorder：當其所在的元素被選取時，核取方塊小工具的邊框色彩。
• radio.activeForeground：使用中選項按鈕選項的前景色彩。
• radio.activeBackground：使用中選項按鈕選項的背景色彩。
• radio.activeBorder：使用中選項按鈕選項的邊框色彩。
• radio.inactiveForeground：非使用中選項按鈕選項的前景色彩。
• radio.inactiveBackground：非使用中選項按鈕選項的背景色彩。
• radio.inactiveBorder：非使用中選項按鈕選項的邊框色彩。
• radio.inactiveHoverBackground：當滑鼠停駐於非使用中選項按鈕選項時的背景色彩。

下拉式選單控制項

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

• dropdown.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.background：捲軸軌道背景色彩。
• scrollbar.shadow：捲軸滑塊陰影，用以表示檢視已捲動。
• scrollbarSlider.activeBackground：點擊時的捲軸滑塊背景色彩。
• scrollbarSlider.background：捲軸滑塊背景色彩。
• scrollbarSlider.hoverBackground：滑鼠停駐時的捲軸滑塊背景色彩。

徽章

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

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

進度列

• progressBar.background：針對執行時間較長的作業所顯示之進度列的背景色彩。

清單與樹狀結構

檔案總管等清單和樹狀結構的色彩。使用中的清單/樹狀結構具有鍵盤焦點，非使用中的則無。

• list.activeSelectionBackground：當清單/樹狀結構為使用中時，所選取項目的清單/樹狀結構背景色彩。
• list.activeSelectionForeground：當清單/樹狀結構為使用中時，所選取項目的清單/樹狀結構前景色彩。
• list.activeSelectionIconForeground：當清單/樹狀結構為使用中時，所選取項目的清單/樹狀結構圖示前景色彩。使用中的清單/樹狀結構具有鍵盤焦點，非使用中的則無。
• list.dropBackground：使用滑鼠移動項目時的清單/樹狀結構拖放背景。
• list.focusBackground：當清單/樹狀結構為使用中時，取得焦點之項目的清單/樹狀結構背景色彩。
• list.focusForeground：當清單/樹狀結構為使用中時，取得焦點之項目的清單/樹狀結構前景色彩。使用中的清單/樹狀結構具有鍵盤焦點，非使用中的則無。
• list.focusHighlightForeground：在清單/樹狀結構內搜尋時，使用中取得焦點項目上相符反白的前景色彩。
• list.focusOutline：當清單/樹狀結構為使用中時，取得焦點之項目的清單/樹狀結構外框色彩。使用中的清單/樹狀結構具有鍵盤焦點，非使用中的則無。
• list.focusAndSelectionOutline：當清單/樹狀結構為使用中且被選取時，取得焦點之項目的清單/樹狀結構外框色彩。使用中的清單/樹狀結構具有鍵盤焦點，非使用中的則無。
• list.highlightForeground：在清單/樹狀結構內搜尋時，相符反白的清單/樹狀結構前景色彩。
• list.hoverBackground：使用滑鼠停駐在項目上方時的清單/樹狀結構背景。
• list.hoverForeground：使用滑鼠停駐在項目上方時的清單/樹狀結構前景。
• list.inactiveSelectionBackground：當清單/樹狀結構為非使用中時，所選取項目的清單/樹狀結構背景色彩。
• list.inactiveSelectionForeground：當清單/樹狀結構為非使用中時，所選取項目的清單/樹狀結構前景色彩。使用中的清單/樹狀結構具有鍵盤焦點，非使用中的則無。
• list.inactiveSelectionIconForeground：當清單/樹狀結構為非使用中時，所選取項目的清單/樹狀結構圖示前景色彩。使用中的清單/樹狀結構具有鍵盤焦點，非使用中的則無。
• list.inactiveFocusBackground：當清單為非使用中時，取得焦點之項目的清單背景色彩。使用中的清單具有鍵盤焦點，非使用中的則無。目前僅在清單中支援。
• list.inactiveFocusOutline：當清單/樹狀結構為非使用中時，取得焦點之項目的清單/樹狀結構外框色彩。使用中的清單/樹狀結構具有鍵盤焦點，非使用中的則無。
• list.invalidItemForeground：無效項目的清單/樹狀結構前景色彩，例如總管中未解析的根目錄。
• list.errorForeground：包含錯誤之清單項目的前景色彩。
• list.warningForeground：包含警告之清單項目的前景色彩。
• listFilterWidget.background：在清單/樹狀結構內搜尋時，所輸入文字的清單/樹狀結構篩選背景色彩。
• listFilterWidget.outline：在清單/樹狀結構內搜尋時，所輸入文字的清單/樹狀結構篩選小工具外框色彩。
• listFilterWidget.noMatchesOutline：在清單/樹狀結構內搜尋時找不到相符項目時，所輸入文字的清單/樹狀結構篩選小工具外框色彩。
• listFilterWidget.shadow：清單與樹狀結構中輸入篩選小工具的陰影色彩。
• list.filterMatchBackground：清單與樹狀結構中篩選相符項目的背景色彩。
• list.filterMatchBorder：清單與樹狀結構中篩選相符項目的邊框色彩。
• list.deemphasizedForeground：弱化項目的清單/樹狀結構前景色彩。
• list.dropBetweenBackground：使用滑鼠在項目之間移動項目時的清單/樹狀結構拖放邊框色彩。
• tree.indentGuidesStroke：樹狀結構小工具縮排引導線的筆畫色彩。
• tree.inactiveIndentGuidesStroke：非使用中縮排引導線的樹狀結構筆畫色彩。
• tree.tableColumnsBorder：樹狀結構表格欄位的邊框色彩。
• tree.tableOddRowsBackground：奇數表格列的背景色彩。

活動列

活動列通常顯示在工作台的最左側或最右側，可讓使用者在側邊列的檢視之間快速切換。

• activityBar.background：活動列背景色彩。
• activityBar.dropBorder：活動列項目的拖放回饋色彩。活動列顯示在最左側或最右側，可用於切換側邊列的檢視。
• activityBar.foreground：活動列前景色彩 (例如用於圖示)。
• activityBar.inactiveForeground：活動列項目為非使用中時的前景色彩。
• activityBar.border：活動列與側邊列交界處的邊框色彩。
• activityBarBadge.background：活動通知徽章背景色彩。
• activityBarBadge.foreground：活動通知徽章前景色彩。
• activityBar.activeBorder：活動列使用中指示器邊框色彩。
• activityBar.activeBackground：使用中元素的活動列選用背景色彩。
• activityBar.activeFocusBorder：使用中項目的活動列焦點邊框色彩。
• activityBarTop.foreground：當活動列位於頂端時，活動列中項目的使用中前景色彩。活動列可用於切換側邊列的檢視。
• activityBarTop.activeBorder：當活動列位於頂端時，活動列中使用中項目的焦點邊框色彩。活動列可用於切換側邊列的檢視。
• activityBarTop.inactiveForeground：當活動列位於頂端時，活動列中項目的非使用中前景色彩。活動列可用於切換側邊列的檢視。
• activityBarTop.dropBorder：當活動列位於頂端時，活動列中項目的拖放回饋色彩。活動列可用於切換側邊列的檢視。
• activityBarTop.background：當活動列設為頂端/底部時的背景色彩。
• activityBarTop.activeBackground：當活動列位於頂端/底部時，活動列中使用中項目的背景色彩。活動列可用於切換側邊列的檢視。
• activityWarningBadge.foreground：警告活動徽章的前景色彩
• activityWarningBadge.background：警告活動徽章的背景色彩
• activityErrorBadge.foreground：錯誤活動徽章的前景色彩
• activityErrorBadge.background：錯誤活動徽章的背景色彩

設定檔

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

側邊列

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

• sideBar.background：側邊列背景色彩。

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

• sideBar.border：分隔編輯器那一側的側邊列邊框色彩。

• sideBar.dropBackground：側邊列區段的拖放回饋色彩。此色彩應具備透明度，以便側邊列區段仍可透出。

• sideBarTitle.foreground：側邊列標題前景色彩。

• sideBarSectionHeader.background：側邊列區段標題背景色彩。

• sideBarSectionHeader.foreground：側邊列區段標題前景色彩。

• sideBarSectionHeader.border：側邊列區段標題邊框色彩。

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

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

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

• sideBarStickyScroll.background：側邊列中黏性捲動 (sticky scroll) 的背景色彩。

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

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

小地圖

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

• minimap.findMatchHighlight：檔案內搜尋相符項目的反白色彩。

• minimap.selectionHighlight：編輯器選取範圍的反白色彩。

• minimap.errorHighlight：編輯器內錯誤的反白色彩。

• minimap.warningHighlight：編輯器內警告的反白色彩。

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

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

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

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

• minimap.chatEditHighlight：迷你地圖中待處理編輯區域的色彩。

• minimapSlider.background：迷你地圖滑塊背景色彩。

• minimapSlider.hoverBackground：滑鼠停駐時的迷你地圖滑塊背景色彩。

• minimapSlider.activeBackground：點擊時的迷你地圖滑塊背景色彩。

• minimapGutter.addedBackground：新增內容的迷你地圖左側邊界色彩。

• minimapGutter.modifiedBackground：修改內容的迷你地圖左側邊界色彩。

• minimapGutter.deletedBackground：刪除內容的迷你地圖左側邊界色彩。

• editorMinimap.inlineChatInserted：行內對話插入內容的迷你地圖標記色彩。

編輯器群組與分頁

編輯器群組是編輯器的容器。可以有多個編輯器群組。分頁是編輯器的容器。一個編輯器群組中可以開啟多個分頁。

• 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：當兩個編輯器在編輯器群組中由左到右並排顯示時，將其彼此分隔的色彩。

編輯器色彩

最顯著的編輯器色彩是用於語法突顯的語彙基底 (token) 色彩，其依據所安裝的語言文法而定。這些色彩由色彩佈景主題定義，但也可以透過 editor.tokenColorCustomizations 設定進行自訂。有關更新色彩佈景主題和可用語彙基底類型的詳細資料，請參閱自訂色彩佈景主題。

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

• editor.background：編輯器背景色彩。
• editor.foreground：編輯器預設前景色彩。
• editorLineNumber.foreground：編輯器行號的色彩。
• editorLineNumber.activeForeground：使用中編輯器行號的色彩。
• editorLineNumber.dimmedForeground：當 editor.renderFinalNewline 設為 dimmed 時，編輯器最後一行的色彩。
• editorCursor.background：編輯器游標的背景色彩。允許自訂被區塊游標重疊之字元的色彩。
• editorCursor.foreground：編輯器游標的色彩。
• editorMultiCursor.primary.foreground：當存在多個游標時，主要編輯器游標的色彩。
• editorMultiCursor.primary.background：當存在多個游標時，主要編輯器游標的背景色彩。允許自訂被區塊游標重疊之字元的色彩。
• editorMultiCursor.secondary.foreground：當存在多個游標時，次要編輯器游標的色彩。
• editorMultiCursor.secondary.background：當存在多個游標時，次要編輯器游標的背景色彩。允許自訂被區塊游標重疊之字元的色彩。
• editor.placeholder.foreground：編輯器中預留位置文字的前景色彩。
• editor.compositionBorder：IME 輸入法組字時的邊框色彩。

選取一或多個字元時，選取範圍色彩會顯示。除了選取範圍外，所有具有相同內容的區域也會被反白。

• 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.inactiveLineHighlightBackground：當編輯器未取得焦點時，游標位置行反白的背景色彩。
• editor.lineHighlightBorder：游標位置行周圍邊框的背景色彩。

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：相符括號方框的色彩。
• editorBracketMatch.foreground：相符括號的前景色彩。

括號對著色

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

括號對引導線

• editorBracketPairGuide.activeBackground1：使用中括號對引導線的背景色彩 (1)。需要啟用括號對引導線。

• editorBracketPairGuide.activeBackground2：使用中括號對引導線的背景色彩 (2)。需要啟用括號對引導線。

• editorBracketPairGuide.activeBackground3：使用中括號對引導線的背景色彩 (3)。需要啟用括號對引導線。

• editorBracketPairGuide.activeBackground4：使用中括號對引導線的背景色彩 (4)。需要啟用括號對引導線。

• editorBracketPairGuide.activeBackground5：使用中括號對引導線的背景色彩 (5)。需要啟用括號對引導線。

• editorBracketPairGuide.activeBackground6：使用中括號對引導線的背景色彩 (6)。需要啟用括號對引導線。

• editorBracketPairGuide.background1：非使用中括號對引導線的背景色彩 (1)。需要啟用括號對引導線。

• editorBracketPairGuide.background2：非使用中括號對引導線的背景色彩 (2)。需要啟用括號對引導線。

• editorBracketPairGuide.background3：非使用中括號對引導線的背景色彩 (3)。需要啟用括號對引導線。

• editorBracketPairGuide.background4：非使用中括號對引導線的背景色彩 (4)。需要啟用括號對引導線。

• editorBracketPairGuide.background5：非使用中括號對引導線的背景色彩 (5)。需要啟用括號對引導線。

• editorBracketPairGuide.background6：非使用中括號對引導線的背景色彩 (6)。需要啟用括號對引導線。

程式碼摺疊

• editor.foldBackground：折疊範圍的背景色彩。此色彩不得為不透明，以免隱藏下方的裝飾。
• editor.foldPlaceholderForeground：折疊範圍第一行之後摺疊文字的色彩。

概覽尺規

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

• editorOverviewRuler.background：編輯器概覽尺規的背景色彩。僅在啟用迷你地圖且置於編輯器右側時使用。
• editorOverviewRuler.border：概覽尺規邊框的色彩。
• editorOverviewRuler.findMatchForeground：尋找相符項目的概覽尺規標記色彩。此色彩不得為不透明，以免隱藏下方的裝飾。
• editorOverviewRuler.rangeHighlightForeground：反白範圍的概覽尺規標記色彩，例如由「快速開啟」、「檔案中的符號」與「尋找」功能所使用。此色彩不得為不透明，以免隱藏下方的裝飾。
• editorOverviewRuler.selectionHighlightForeground：選取範圍反白的概覽尺規標記色彩。此色彩不得為不透明，以免隱藏下方的裝飾。
• editorOverviewRuler.wordHighlightForeground：符號反白的概覽尺規標記色彩。此色彩不得為不透明，以免隱藏下方的裝飾。
• editorOverviewRuler.wordHighlightStrongForeground：寫入存取符號反白的概覽尺規標記色彩。此色彩不得為不透明，以免隱藏下方的裝飾。
• editorOverviewRuler.wordHighlightTextForeground：符號文字出現位置的概覽尺規標記色彩。此色彩不得為不透明，以免隱藏下方的裝飾。
• editorOverviewRuler.modifiedForeground：修改內容的概覽尺規標記色彩。
• editorOverviewRuler.addedForeground：新增內容的概覽尺規標記色彩。
• editorOverviewRuler.deletedForeground：刪除內容的概覽尺規標記色彩。
• editorOverviewRuler.errorForeground：錯誤的概覽尺規標記色彩。
• editorOverviewRuler.warningForeground：警告的概覽尺規標記色彩。
• editorOverviewRuler.infoForeground：資訊的概覽尺規標記色彩。
• editorOverviewRuler.bracketMatchForeground：相符括號的概覽尺規標記色彩。
• editorOverviewRuler.inlineChatInserted：行內對話插入內容的概覽尺規標記色彩。
• editorOverviewRuler.inlineChatRemoved：行內對話移除內容的概覽尺規標記色彩。
• editorOverviewRuler.commentDraftForeground：包含草稿留言之留言討論串的編輯器概覽尺規裝飾色彩。此色彩應為不透明。

錯誤與警告

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

未使用的原始程式碼

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

左側邊界 (Gutter) 包含圖像邊距和行號

• editorGutter.background：編輯器左側邊界的背景色彩。左側邊界包含圖像邊距和行號。
• editorGutter.modifiedBackground：已修改行之編輯器左側邊界的背景色彩。
• editorGutter.modifiedSecondaryBackground：已修改行之編輯器左側邊界的次要背景色彩。
• editorGutter.addedBackground：已新增行之編輯器左側邊界的背景色彩。
• editorGutter.addedSecondaryBackground：已新增行之編輯器左側邊界的次要背景色彩。
• editorGutter.deletedBackground：已刪除行之編輯器左側邊界的背景色彩。
• editorGutter.deletedSecondaryBackground：已刪除行之編輯器左側邊界的次要背景色彩。
• editorGutter.commentRangeForeground：用於留言範圍的編輯器左側邊界裝飾色彩。
• editorGutter.commentGlyphForeground：用於留言圖像的編輯器左側邊界裝飾色彩。
• editorGutter.commentUnresolvedGlyphForeground：用於未解析留言討論串之留言圖像的編輯器左側邊界裝飾色彩。
• editorGutter.foldingControlForeground：編輯器左側邊界中折疊控制項的色彩。
• editorGutter.itemGlyphForeground：用於左側邊界項目圖像的編輯器左側邊界裝飾色彩。
• editorGutter.itemBackground：用於左側邊界項目背景的編輯器左側邊界裝飾色彩。此色彩應為不透明。
• editorGutter.commentDraftGlyphForeground：用於包含草稿留言之留言討論串之留言圖像的編輯器左側邊界裝飾色彩。

檢閱提取要求 (Pull Request) 時可以看到編輯器留言小工具

• 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：對話程式碼區塊標籤 (pill) 中新增行的前景色彩。
• chat.linesRemovedForeground：對話程式碼區塊標籤中移除行的前景色彩。
• chat.requestCodeBorder：對話要求泡泡內程式碼區塊的邊框色彩。
• chat.requestBubbleBackground：對話要求泡泡的背景色彩。
• chat.requestBubbleHoverBackground：滑鼠停駐時對話要求泡泡的背景色彩。
• chat.checkpointSeparator：對話檢查點分隔線色彩。
• chat.thinkingShimmer：思考/處理標籤的閃爍反白效果。
• chatManagement.sashBorder：對話管理編輯器分割檢視分隔條 (sash) 的邊框色彩。

行內對話色彩

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

面板對話色彩

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

編輯器小工具色彩

編輯器小工具會顯示在編輯器內容的前方。例如「尋找/取代」對話方塊、建議小工具和編輯器滑鼠停駐提示。

• editorWidget.foreground：編輯器小工具 (例如尋找/取代) 的前景色彩。

• editorWidget.background：編輯器小工具 (例如「尋找/取代」) 的背景色彩。

• editorWidget.border：編輯器小工具的邊框色彩，除非小工具不包含邊框或定義了自己的邊框色彩。

• editorWidget.resizeBorder：編輯器小工具調整大小列的邊框色彩。此色彩僅在小工具選擇具有調整大小邊框且色彩未被小工具覆寫時使用。

• editorSuggestWidget.background：建議小工具的背景色彩。

• editorSuggestWidget.border：建議小工具的邊框色彩。

• editorSuggestWidget.foreground：建議小工具的前景色彩。

• editorSuggestWidget.focusHighlightForeground：當項目取得焦點時，建議小工具中相符反白的色彩。

• editorSuggestWidget.highlightForeground：建議小工具中相符反白的色彩。

• editorSuggestWidget.selectedBackground：建議小工具中所選取項目的背景色彩。

• editorSuggestWidget.selectedForeground：建議小工具中所選取項目的前景色彩。

• editorSuggestWidget.selectedIconForeground：建議小工具中所選取項目的圖示前景色彩。

• editorSuggestWidgetStatus.foreground：建議小工具狀態的前景色彩。

• editorHoverWidget.foreground：編輯器滑鼠停駐提示的前景色彩。

• editorHoverWidget.background：編輯器滑鼠停駐提示的背景色彩。

• editorHoverWidget.border：編輯器滑鼠停駐提示的邊框色彩。

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

• editorHoverWidget.statusBarBackground：編輯器滑鼠停駐提示狀態列的背景色彩。

• editorGhostText.border：行內完成提供者與建議預覽所顯示幽靈文字的邊框色彩。

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

快速選擇器顏色

• pickerGroup.border: 用於群組邊框的快速選擇器 (快速開啟) 顏色。
• pickerGroup.foreground: 用於群組標籤的快速選擇器 (快速開啟) 顏色。
• quickInput.background: 快速輸入背景顏色。快速輸入視布是色彩佈景主題選擇器等檢視的容器。
• quickInput.foreground: 快速輸入前景顏色。快速輸入視布是色彩佈景主題選擇器等檢視的容器。
• quickInputList.focusBackground: 取得焦點項目的快速選擇器背景顏色。
• quickInputList.focusForeground: 取得焦點項目的快速選擇器前景顏色。
• quickInputList.focusIconForeground: 取得焦點項目的快速選擇器圖示前景顏色。
• quickInputTitle.background: 快速選擇器標題背景顏色。快速選擇器視布是命令選擇區等選擇器的容器。

按鍵繫結標籤顏色

當命令有關聯的按鍵繫結時，會顯示按鍵繫結標籤。按鍵繫結標籤的範例可以在命令選擇區中看到

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

• 命令選擇區
• 鍵盤快速鍵編輯器
• 鍵盤快速鍵錄製器對話方塊
• 擴充功能市集頁面的「功能貢獻」區段

可進行以下自訂

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

鍵盤快速鍵表格顏色

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

整合式終端機顏色

• terminal.background: 整合式終端機視口的背景。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• terminal.selectionBackground: 終端機的選取項目背景顏色。

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

• terminal.inactiveSelectionBackground: 終端機未取得焦點時的選取項目背景顏色。

• terminal.findMatchBackground: 終端機中目前搜尋符合項目的顏色。此顏色不得不透明，以免隱藏底部的終端機內容。

• terminal.findMatchBorder: 終端機中目前搜尋符合項目的邊框顏色。

• terminal.findMatchHighlightBackground: 終端機中其他搜尋符合項目的顏色。此顏色不得不透明，以免隱藏底部的終端機內容。

• terminal.findMatchHighlightBorder: 終端機中其他搜尋符合項目的邊框顏色。

• terminal.hoverHighlightBackground: 當游標懸停在終端機中的連結上時的醒目提示顏色。

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

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

• terminal.dropBackground: 在終端機上方進行拖放時的背景顏色。此顏色應具有透明度，以便終端機內容仍然可以透出。

• terminal.tab.activeBorder: 面板中終端機分頁側邊的邊框。這預設為 tab.activeBorder。

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

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

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

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

• terminalOverviewRuler.findMatchForeground: 終端機中尋找符合項目的概觀尺規標記顏色。

• terminalStickyScroll.background: 終端機中固定捲動覆疊的背景顏色。

• terminalStickyScroll.border: 終端機中固定捲動覆疊的邊框。

• terminalStickyScrollHover.background: 游標懸停時終端機中固定捲動覆疊的背景顏色。

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

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

• terminalCommandGuide.foreground: 當游標懸停時，出現在命令及其輸出左側的終端機命令導引的前景顏色。

• terminalSymbolIcon.aliasForeground: 別名圖示的前景顏色。這些圖示將會出現在終端機建議視布中

• terminalSymbolIcon.branchForeground: 分支圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

• terminalSymbolIcon.commitForeground: 提交圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

• terminalSymbolIcon.flagForeground: 旗標圖示的前景顏色。這些圖示將會出現在終端機建議視布中

• terminalSymbolIcon.optionForeground: 選項圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

• terminalSymbolIcon.optionValueForeground: 列舉成員圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

• terminalSymbolIcon.methodForeground: 方法圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

• terminalSymbolIcon.argumentForeground: 引數圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

• terminalSymbolIcon.inlineSuggestionForeground: 行內建議圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

• terminalSymbolIcon.fileForeground: 檔案圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

• terminalSymbolIcon.folderForeground: 資料夾圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

• terminalSymbolIcon.pullRequestDoneForeground: 已完成提取要求圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

• terminalSymbolIcon.pullRequestForeground: 提取要求圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

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

• terminalSymbolIcon.stashForeground: 暫存圖示的前景顏色。這些圖示將會出現在終端機建議視布中。

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

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

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

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

偵錯顏色

• debugToolBar.background: 偵錯工具列背景顏色。
• debugToolBar.border: 偵錯工具列邊框顏色。
• editor.stackFrameHighlightBackground: 編輯器中頂端堆疊框架醒目提示的背景顏色。
• editor.focusedStackFrameHighlightBackground: 編輯器中取得焦點之堆疊框架醒目提示的背景顏色。
• editor.inlineValuesForeground: 偵錯行內數值文字的顏色。
• editor.inlineValuesBackground: 偵錯行內數值背景的顏色。
• debugView.exceptionLabelForeground: 當偵錯工具在例外狀況中斷時，顯示在「呼叫堆疊」檢視中的標籤前景顏色。
• debugView.exceptionLabelBackground: 當偵錯工具在例外狀況中斷時，顯示在「呼叫堆疊」檢視中的標籤背景顏色。
• debugView.stateLabelForeground: 顯示目前工作階段或執行緒狀態之「呼叫堆疊」檢視中標籤的前景顏色。
• debugView.stateLabelBackground: 顯示目前工作階段或執行緒狀態之「呼叫堆疊」檢視中標籤的背景顏色。
• debugView.valueChangedHighlight: 用於在偵錯檢視中醒目提示數值變更的顏色 (例如在「變數」檢視中)。
• debugTokenExpression.name: 顯示在偵錯檢視中的語彙基元名稱的前景顏色 (例如在「變數」或「監看」檢視中)。
• debugTokenExpression.value: 顯示在偵錯檢視中的語彙基元數值的前景顏色。
• debugTokenExpression.string: 偵錯檢視中字串的前景顏色。
• debugTokenExpression.boolean: 偵錯檢視中布林值的前景顏色。
• debugTokenExpression.number: 偵錯檢視中數字的前景顏色。
• debugTokenExpression.error: 偵錯檢視中運算式錯誤的前景顏色。
• debugTokenExpression.type: 顯示在偵錯檢視中的語彙基元類型的前景顏色 (即「變數」或「監看」檢視)。

測試顏色

• testing.runAction: 編輯器中「執行」圖示的顏色。
• testing.iconErrored: 測試總管中「發生錯誤」圖示的顏色。
• testing.iconFailed: 測試總管中「失敗」圖示的顏色。
• testing.iconPassed: 測試總管中「通過」圖示的顏色。
• testing.iconQueued: 測試總管中「已排隊」圖示的顏色。
• testing.iconUnset: 測試總管中「未設定」圖示的顏色。
• testing.iconSkipped: 測試總管中「已略過」圖示的顏色。
• testing.iconErrored.retired: 測試總管中「發生錯誤」圖示的已淘汰顏色。
• testing.iconFailed.retired: 測試總管中「失敗」圖示的已淘汰顏色。
• testing.iconPassed.retired: 測試總管中「通過」圖示的已淘汰顏色。
• testing.iconQueued.retired: 測試總管中「已排隊」圖示的已淘汰顏色。
• testing.iconUnset.retired: 測試總管中「未設定」圖示的已淘汰顏色。
• testing.iconSkipped.retired: 測試總管中「已略過」圖示的已淘汰顏色。
• testing.peekBorder: 預覽檢視邊框和箭號的顏色。
• testing.peekHeaderBackground: 預覽檢視標頭背景顏色。
• testing.message.error.lineBackground: 編輯器中行內顯示之錯誤訊息旁邊的邊界顏色。
• testing.message.info.decorationForeground: 編輯器中行內顯示之測試資訊訊息的文字顏色。
• testing.message.info.lineBackground: 編輯器中行內顯示之資訊訊息旁邊的邊界顏色。
• testing.messagePeekBorder: 預覽記錄的訊息時，預覽檢視邊框和箭號的顏色。
• testing.messagePeekHeaderBackground: 預覽記錄的訊息時，預覽檢視標頭背景顏色。
• testing.coveredBackground: 已涵蓋文字的背景顏色。
• testing.coveredBorder: 已涵蓋文字的邊框顏色。
• testing.coveredGutterBackground: 程式碼已涵蓋區域的溝槽顏色。
• testing.uncoveredBranchBackground: 顯示未涵蓋分支之視布的背景。
• testing.uncoveredBackground: 未涵蓋文字的背景顏色。
• testing.uncoveredBorder: 未涵蓋文字的邊框顏色。
• testing.uncoveredGutterBackground: 程式碼未涵蓋區域的溝槽顏色。
• testing.coverCountBadgeBackground: 表示執行次數的徽章背景
• testing.coverCountBadgeForeground: 表示執行次數的徽章前景
• testing.message.error.badgeBackground: 編輯器中行內顯示之測試錯誤訊息的背景顏色。
• testing.message.error.badgeBorder: 編輯器中行內顯示之測試錯誤訊息的邊框顏色。
• testing.message.error.badgeForeground: 編輯器中行內顯示之測試錯誤訊息的文字顏色。

歡迎頁面顏色

• welcomePage.background: 歡迎頁面的背景顏色。

• welcomePage.progress.background: 歡迎頁面進度條的前景顏色。

• welcomePage.progress.foreground: 歡迎頁面進度條的背景顏色。

• welcomePage.tileBackground: 歡迎頁面上圖標磚的背景顏色。

• welcomePage.tileHoverBackground: 歡迎頁面上圖標磚的懸停背景顏色。

• welcomePage.tileBorder: 歡迎頁面上圖標磚的邊框顏色。

• walkThrough.embeddedEditorBackground: 互動式遊樂場上內嵌編輯器的背景顏色。

• walkthrough.stepTitle.foreground: 每個導覽步驟標題的前景顏色。

Git 顏色

• gitDecoration.addedResourceForeground: 新增的 Git 資源顏色。用於檔案標籤和 SCM 檢視區塊。
• gitDecoration.modifiedResourceForeground: 修改過的 Git 資源顏色。用於檔案標籤和 SCM 檢視區塊。
• gitDecoration.deletedResourceForeground: 已刪除的 Git 資源顏色。用於檔案標籤和 SCM 檢視區塊。
• gitDecoration.renamedResourceForeground: 已重新命名或複製的 Git 資源顏色。用於檔案標籤和 SCM 檢視區塊。
• gitDecoration.stageModifiedResourceForeground: 已暫存修改的 Git 裝飾顏色。用於檔案標籤和 SCM 檢視區塊。
• gitDecoration.stageDeletedResourceForeground: 已暫存刪除的 Git 裝飾顏色。用於檔案標籤和 SCM 檢視區塊。
• gitDecoration.untrackedResourceForeground: 未追蹤的 Git 資源顏色。用於檔案標籤和 SCM 檢視區塊。
• gitDecoration.ignoredResourceForeground: 已忽略的 Git 資源顏色。用於檔案標籤和 SCM 檢視區塊。
• gitDecoration.conflictingResourceForeground: 發生衝突的 Git 資源顏色。用於檔案標籤和 SCM 檢視區塊。
• gitDecoration.submoduleResourceForeground: 子模組資源的顏色。
• git.blame.editorDecorationForeground: blame 編輯器裝飾的顏色。

原始檔控制圖表顏色

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

設定編輯器顏色

注意：這些顏色適用於可以使用 Preferences: Open Settings (UI) 命令開啟的 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: 設定編輯器分割檢視飾條 (sash) 邊框的顏色。
• settings.settingsHeaderHoverForeground: 區段標頭或懸停標題的前景顏色。

導覽路徑顏色

導覽路徑導覽的佈景主題顏色

• breadcrumb.foreground: 導覽路徑項目的顏色。
• breadcrumb.background: 導覽路徑項目的背景顏色。
• breadcrumb.focusForeground: 取得焦點之導覽路徑項目的顏色。
• breadcrumb.activeSelectionForeground: 選定的導覽路徑項目顏色。
• breadcrumbPicker.background: 導覽路徑項目選擇器的背景顏色。

程式碼片段顏色

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

• editor.snippetTabstopHighlightBackground: 程式碼片段定位點 (tabstop) 的醒目提示背景顏色。
• editor.snippetTabstopHighlightBorder: 程式碼片段定位點的醒目提示邊框顏色。
• editor.snippetFinalTabstopHighlightBackground: 程式碼片段最終定位點的醒目提示背景顏色。
• editor.snippetFinalTabstopHighlightBorder: 程式碼片段最終定位點的醒目提示邊框顏色。

符號圖示顏色

出現在大綱檢視、導覽路徑導覽和建議視布中的符號圖示佈景主題顏色

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

偵錯圖示顏色

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

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

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

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

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

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

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

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

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

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

• debugIcon.stepOverForeground: 用於不進入函式的偵錯工具列圖示。

• debugIcon.stepIntoForeground: 用於進入函式的偵錯工具列圖示。

• debugIcon.stepOutForeground: 用於跳出函式的偵錯工具列圖示。

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

• debugIcon.stepBackForeground: 用於後退的偵錯工具列圖示。

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

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

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

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

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

筆記本顏色

• notebook.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: 計量器錯誤前景顏色。

Markdown

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

代理程式工作階段顏色

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

擴充功能顏色

擴充功能也可以透過 顏色貢獻點來提供顏色識別碼。這些顏色也會在使用 workbench.colorCustomizations 設定和色彩佈景主題定義檔中的程式碼自動完成時出現。使用者可以在 擴充功能貢獻 標籤頁中查看擴充功能定義了哪些顏色。