主題顏色
您可以透過 workbench.colorCustomizations 使用者設定來自訂您目前使用的 Visual Studio Code 色彩主題。
{
"workbench.colorCustomizations": {
"activityBar.background": "#00AA00"
}
}
注意:如果您想要使用現有的色彩主題,請參閱色彩主題,您將學會如何透過喜好設定:色彩主題下拉式選單來設定目前使用的色彩主題(⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T))。
主題色彩在網頁檢視 (webviews) 中可作為 CSS 變數使用,此外還有一個擴充功能提供相關的 IntelliSense。
色彩格式
色彩值可以使用 RGB 色彩模型定義,並包含用於透明度的 Alpha 色版。支援的十六進位格式包括:#RGB、#RGBA、#RRGGBB 以及 #RRGGBBAA。R (紅)、G (綠)、B (藍) 和 A (Alpha) 為十六進位字元 (0-9, a-f 或 A-F)。三位數記法 (#RGB) 是六位數形式 (#RRGGBB) 的縮寫,而四位數 RGB 記法 (#RGBA) 是八位數形式 (#RRGGBBAA) 的縮寫。例如,#e35f 與 #ee3355ff 是相同的顏色。
若未定義 Alpha 值,則預設為 ff(不透明,無透明度)。若 Alpha 設為 00,則色彩完全透明。
某些色彩不應為不透明,以免覆蓋其他標註。請檢查色彩描述以了解適用對象。
對比色彩
對比色彩通常僅針對高對比主題進行設定。若已設定,它們會在 UI 元素周圍增加額外的邊框以提高對比度。
contrastActiveBorder:在作用中元素周圍增加額外的邊框,以將其與其他元素區隔,從而獲得更高的對比度。contrastBorder:在元素周圍增加額外的邊框,以將其與其他元素區隔,從而獲得更高的對比度。
基本色彩
focusBorder:取得焦點之元素的整體邊框色彩。此色彩僅在未被元件覆蓋時使用。foreground:整體前景色彩。此色彩僅在未被元件覆蓋時使用。disabledForeground:已停用元素的整體前景色彩。此色彩僅在未被元件覆蓋時使用。widget.border:小工具(如編輯器內的「搜尋/取代」)的邊框色彩。widget.shadow:小工具(如編輯器內的「搜尋/取代」)的陰影色彩。selection.background:工作台內文字選取的背景色彩(適用於輸入欄位或文字區域,不適用於編輯器和終端機內的選取內容)。descriptionForeground:提供額外資訊(例如標籤)之描述文字的前景色彩。errorForeground:錯誤訊息的整體前景色彩(此色彩僅在未被元件覆蓋時使用)。icon.foreground:工作台中圖示的預設色彩。sash.hoverBorder:可拖曳分割線的懸停邊框色彩。
視窗邊框
VS Code 視窗邊框的主題色彩。
window.activeBorder:作用中(取得焦點)視窗的邊框色彩。window.inactiveBorder:非作用中(未取得焦點)視窗的邊框色彩。
視窗邊框色彩僅在 macOS 和 Linux 上支援(不支援 Windows),且僅在啟用自訂標題列時生效 ("window.titleBarStyle": "custom")。
文字色彩
文字文件內的色彩,例如歡迎頁面。
textBlockQuote.background:文字中區塊引用的背景色彩。textBlockQuote.border:文字中區塊引用的邊框色彩。textCodeBlock.background:文字中程式碼區塊的背景色彩。textLink.activeForeground:文字中連結在點擊時與滑鼠懸停時的前景色彩。textLink.foreground:文字中連結的前景色彩。textPreformat.foreground:預先格式化文字片段的前景色彩。textPreformat.background:預先格式化文字片段的背景色彩。textPreformat.border:預先格式化文字片段的邊框色彩。textSeparator.foreground:文字分隔符號的色彩。
動作色彩
用於控制工作台各處動作互動的一組色彩。
toolbar.hoverBackground:使用滑鼠懸停於動作上時的工具列背景。toolbar.hoverOutline:使用滑鼠懸停於動作上時的工具列外框。toolbar.activeBackground:滑鼠按住動作時的工具列背景。editorActionList.background:動作清單背景色彩。editorActionList.foreground:動作清單前景色彩。editorActionList.focusForeground:動作清單中已聚焦項目之前景色彩。editorActionList.focusBackground:動作清單中已聚焦項目之背景色彩。
按鈕控制項
用於按鈕小工具(例如新視窗「檔案總管」中的開啟資料夾按鈕)的一組色彩。

button.background:按鈕背景色彩。button.foreground:按鈕前景色彩。button.border:按鈕邊框色彩。button.separator:按鈕分隔符號色彩。button.hoverBackground:懸停時的按鈕背景色彩。button.secondaryForeground:次要按鈕前景色彩。button.secondaryBackground:次要按鈕背景色彩。button.secondaryHoverBackground:懸停時的次要按鈕背景色彩。button.secondaryBorder:次要按鈕邊框色彩。checkbox.background:核取方塊小工具的背景色彩。checkbox.foreground:核取方塊小工具的前景色彩。checkbox.disabled.background:已停用核取方塊的背景。checkbox.disabled.foreground:已停用核取方塊的前景。checkbox.border:核取方塊小工具的邊框色彩。checkbox.selectBackground:核取方塊小工具所在的元素被選取時的背景色彩。checkbox.selectBorder:核取方塊小工具所在的元素被選取時的邊框色彩。radio.activeForeground:作用中選項按鈕的前景色彩。radio.activeBackground:作用中選項按鈕的背景色彩。radio.activeBorder:作用中選項按鈕的邊框色彩。radio.inactiveForeground:非作用中選項按鈕的前景色彩。radio.inactiveBackground:非作用中選項按鈕的背景色彩。radio.inactiveBorder:非作用中選項按鈕的邊框色彩。radio.inactiveHoverBackground:懸停時非作用中選項按鈕的背景色彩。
下拉式選單控制項
用於所有下拉式選單(Dropdown)小工具(如整合終端機或輸出面板)的一組色彩。請注意,目前 macOS 不使用下拉式選單控制項。

dropdown.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)
徽章是小型的資訊標籤,例如搜尋結果計數。
badge.foreground:徽章前景色彩。badge.background:徽章背景色彩。
進度列
progressBar.background:為長時間執行的操作顯示的進度列背景色彩。
列表與樹狀結構
檔案總管等列表與樹狀結構的色彩。作用中的列表/樹狀結構擁有鍵盤焦點,非作用中的則無。
list.activeSelectionBackground:當列表/樹狀結構為作用中時,選取項目的列表/樹狀結構背景色彩。list.activeSelectionForeground:當列表/樹狀結構為作用中時,選取項目的列表/樹狀結構前景色彩。list.activeSelectionIconForeground:當列表/樹狀結構為作用中時,選取項目的列表/樹狀結構圖示前景色彩。作用中的列表/樹狀結構擁有鍵盤焦點,非作用中的則無。list.dropBackground:使用滑鼠移動項目時的列表/樹狀結構拖放背景色彩。list.focusBackground:當列表/樹狀結構為作用中時,已聚焦項目的列表/樹狀結構背景色彩。list.focusForeground:當列表/樹狀結構為作用中時,已聚焦項目的列表/樹狀結構前景色彩。作用中的列表/樹狀結構擁有鍵盤焦點,非作用中的則無。list.focusHighlightForeground:在列表/樹狀結構內搜尋時,作用中已聚焦項目之比對反白的前景色彩。list.focusOutline:當列表/樹狀結構為作用中時,已聚焦項目的列表/樹狀結構外框色彩。作用中的列表/樹狀結構擁有鍵盤焦點,非作用中的則無。list.focusAndSelectionOutline:當列表/樹狀結構為作用中且項目被選取時,已聚焦項目的列表/樹狀結構外框色彩。作用中的列表/樹狀結構擁有鍵盤焦點,非作用中的則無。list.highlightForeground:在列表/樹狀結構內搜尋時,比對反白的前景色彩。list.hoverBackground:使用滑鼠懸停於項目上時的列表/樹狀結構背景。list.hoverForeground:使用滑鼠懸停於項目上時的列表/樹狀結構前景。list.inactiveSelectionBackground:當列表/樹狀結構為非作用中時,選取項目的列表/樹狀結構背景色彩。list.inactiveSelectionForeground:當列表/樹狀結構為非作用中時,選取項目的列表/樹狀結構前景色彩。作用中的列表/樹狀結構擁有鍵盤焦點,非作用中的則無。list.inactiveSelectionIconForeground:當列表/樹狀結構為非作用中時,選取項目的列表/樹狀結構圖示前景色彩。作用中的列表/樹狀結構擁有鍵盤焦點,非作用中的則無。list.inactiveFocusBackground:當列表為非作用中時,已聚焦項目的列表背景色彩。作用中的列表擁有鍵盤焦點,非作用中的則無。目前僅在列表中支援。list.inactiveFocusOutline:當列表/樹狀結構為非作用中時,已聚焦項目的列表/樹狀結構外框色彩。作用中的列表/樹狀結構擁有鍵盤焦點,非作用中的則無。list.invalidItemForeground:無效項目的列表/樹狀結構前景色彩,例如檔案總管中未解析的根目錄。list.errorForeground:包含錯誤之列表項目的前景色彩。list.warningForeground:包含警告之列表項目的前景色彩。listFilterWidget.background:在列表/樹狀結構內搜尋時,鍵入文字之篩選背景色彩。listFilterWidget.outline:在列表/樹狀結構內搜尋時,鍵入文字之篩選小工具外框色彩。listFilterWidget.noMatchesOutline:在列表/樹狀結構內搜尋時,若找不到符合之鍵入文字,篩選小工具的外框色彩。listFilterWidget.shadow:列表與樹狀結構中類型篩選小工具的陰影色彩。list.filterMatchBackground:列表與樹狀結構中篩選比對項目的背景色彩。list.filterMatchBorder:列表與樹狀結構中篩選比對項目的邊框色彩。list.deemphasizedForeground:被弱化項目之列表/樹狀結構前景色彩。list.dropBetweenBackground:使用滑鼠在項目間移動時,列表/樹狀結構的拖放邊框色彩。tree.indentGuidesStroke:樹狀結構小工具縮排導引的筆觸色彩。tree.inactiveIndentGuidesStroke:非作用中縮排導引的樹狀結構筆觸色彩。tree.tableColumnsBorder:縮排導引的樹狀結構筆觸色彩。tree.tableOddRowsBackground:奇數表格列的背景色彩。
活動列
活動列 (Activity Bar) 通常顯示在工作台的最左側或最右側,並允許在側邊欄 (Side Bar) 的不同檢視間快速切換。
activityBar.background:活動列背景色彩。activityBar.dropBorder:活動列項目的拖放反饋色彩。活動列顯示在最左側或最右側,並允許切換側邊欄的檢視。activityBar.foreground:活動列前景色彩(例如用於圖示)。activityBar.inactiveForeground:非作用中活動列項目的前景色彩。activityBar.border:活動列與側邊欄的邊框色彩。activityBarBadge.background:活動通知徽章背景色彩。activityBarBadge.foreground:活動通知徽章前景色彩。activityBar.activeBorder:活動列作用中指示器的邊框色彩。activityBar.activeBackground:作用中元素的活動列選用背景色彩。activityBar.activeFocusBorder:作用中項目的活動列焦點邊框色彩。activityBarTop.foreground:當位於頂部時,活動列項目之作用中前景色彩。活動列允許在側邊欄的檢視間切換。activityBarTop.activeBorder:當位於頂部時,活動列作用中項目的焦點邊框色彩。活動列允許在側邊欄的檢視間切換。activityBarTop.inactiveForeground:當位於頂部時,活動列項目之非作用中前景色彩。活動列允許在側邊欄的檢視間切換。activityBarTop.dropBorder:當位於頂部時,活動列項目的拖放反饋色彩。活動列允許在側邊欄的檢視間切換。activityBarTop.background:當活動列設定為頂部/底部時的背景色彩。activityBarTop.activeBackground:當活動列位於頂部/底部時,作用中項目的背景色彩。活動列允許在側邊欄的檢視間切換。activityWarningBadge.foreground:警告活動徽章的前景色彩。activityWarningBadge.background:警告活動徽章的背景色彩。activityErrorBadge.foreground:錯誤活動徽章的前景色彩。activityErrorBadge.background:錯誤活動徽章的背景色彩。
設定檔
profileBadge.background:設定檔徽章背景色彩。設定檔徽章顯示在活動列中設定齒輪圖示上方。profileBadge.foreground:設定檔徽章前景色彩。設定檔徽章顯示在活動列中設定齒輪圖示上方。profiles.sashBorder:設定檔編輯器分割檢視之分割線邊框色彩。
側邊欄 (Side Bar)
側邊欄包含如「檔案總管」和「搜尋」等檢視。
-
sideBar.background:側邊欄背景色彩。 -
sideBar.foreground:側邊欄前景色彩。側邊欄是檔案總管和搜尋等檢視的容器。 -
sideBar.border:側邊欄與編輯器分隔側的邊框色彩。 -
sideBar.dropBackground:側邊欄區段的拖放反饋色彩。該色彩應具有透明度,以便底部的側邊欄區段仍可透視。 -
sideBarTitle.foreground:側邊欄標題前景色彩。 -
sideBarSectionHeader.background:側邊欄區段標頭背景色彩。 -
sideBarSectionHeader.foreground:側邊欄區段標頭前景色彩。 -
sideBarSectionHeader.border:側邊欄區段標頭邊框色彩。 -
sideBarActivityBarTop.border:頂部/底部活動列與檢視之間的邊框色彩。 -
sideBarTitle.background:側邊欄標題背景色彩。側邊欄是檔案總管和搜尋等檢視的容器。 -
sideBarTitle.border:側邊欄底部標題邊框色彩,用於分隔標題與檢視。側邊欄是檔案總管和搜尋等檢視的容器。 -
sideBarStickyScroll.background:側邊欄中固定捲動的背景色彩。 -
sideBarStickyScroll.border:側邊欄中固定捲動的邊框色彩。 -
sideBarStickyScroll.shadow:側邊欄中固定捲動的陰影色彩。
小地圖
迷你地圖 (Minimap) 顯示目前檔案的縮小版本。
-
minimap.findMatchHighlight:檔案內搜尋符合項目的反白色彩。 -
minimap.selectionHighlight:編輯器選取內容的反白色彩。 -
minimap.errorHighlight:編輯器內錯誤的反白色彩。 -
minimap.warningHighlight:編輯器內警告的反白色彩。 -
minimap.background:迷你地圖背景色彩。 -
minimap.selectionOccurrenceHighlight:重複編輯器選取內容的迷你地圖標記色彩。 -
minimap.foregroundOpacity:迷你地圖中呈現之前景元素的不透明度。例如,「#000000c0」將以 75% 的不透明度呈現元素。 -
minimap.infoHighlight:資訊的迷你地圖標記色彩。 -
minimap.chatEditHighlight:迷你地圖中待處理編輯區域的色彩。 -
minimapSlider.background:迷你地圖滑桿背景色彩。 -
minimapSlider.hoverBackground:懸停時迷你地圖滑桿的背景色彩。 -
minimapSlider.activeBackground:點擊時迷你地圖滑桿的背景色彩。 -
minimapGutter.addedBackground:已新增內容的迷你地圖裝訂線色彩。 -
minimapGutter.modifiedBackground:已修改內容的迷你地圖裝訂線色彩。 -
minimapGutter.deletedBackground:已刪除內容的迷你地圖裝訂線色彩。 -
editorMinimap.inlineChatInserted:內嵌交談已插入內容的迷你地圖標記色彩。
編輯器群組與標籤頁 (Editor Groups & Tabs)
編輯器群組是編輯器的容器。可以有多個編輯器群組。標籤頁 (Tab) 是編輯器的容器。單個編輯器群組中可以開啟多個標籤頁。
-
editorGroup.border:分隔多個編輯器群組的色彩。
-
editorGroup.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 設定進行自訂。請參閱自訂色彩主題以取得更新色彩主題與可用 Token 類型的詳細資訊。
此處列出所有其他編輯器色彩
editor.background:編輯器背景色彩。editor.foreground:編輯器預設前景色彩。editorLineNumber.foreground:編輯器行號的色彩。editorLineNumber.activeForeground:作用中編輯器行號的色彩。editorLineNumber.dimmedForeground:當 editor.renderFinalNewline 設定為 dimmed 時,最後一行編輯器的色彩。editorCursor.background:編輯器游標的背景色彩。允許自訂區塊游標重疊字元的色彩。editorCursor.foreground:編輯器游標色彩。editorMultiCursor.primary.foreground:出現多個游標時,主要編輯器游標的色彩。editorMultiCursor.primary.background:出現多個游標時,主要編輯器游標的背景色彩。允許自訂區塊游標重疊字元的色彩。editorMultiCursor.secondary.foreground:出現多個游標時,次要編輯器游標的色彩。editorMultiCursor.secondary.background:出現多個游標時,次要編輯器游標的背景色彩。允許自訂區塊游標重疊字元的色彩。editor.placeholder.foreground:編輯器中佔位符文字的前景色彩。editor.compositionBorder:IME 輸入法組合狀態的邊框色彩。
當選取一個或多個字元時,選取顏色即會可見。除了選取範圍外,所有內容相同的區域也會被反白。

editor.selectionBackground:編輯器選取範圍的色彩。editor.selectionForeground:高對比度下選取文字的色彩。editor.inactiveSelectionBackground:非作用中編輯器中選取範圍的色彩。該色彩不能為不透明,以免遮蓋底部的裝飾。editor.selectionHighlightBackground:與選取範圍內容相同區域的色彩。該色彩不能為不透明,以免遮蓋底部的裝飾。editor.selectionHighlightBorder:與選取範圍內容相同區域的邊框色彩。
當游標位於符號或單字內時,單字反白顏色可見。根據檔案類型可用的語言支援,所有符合的參照與宣告都會被反白,且讀取與寫入存取會使用不同的色彩。若檔案不支援文件符號語言支援,則會退回到單字反白。

editor.wordHighlightBackground:讀取存取期間符號的背景色彩,例如讀取變數時。該色彩不能為不透明,以免遮蓋底部的裝飾。editor.wordHighlightBorder:讀取存取期間符號的邊框色彩,例如讀取變數時。editor.wordHighlightStrongBackground:寫入存取期間符號的背景色彩,例如寫入變數時。該色彩不能為不透明,以免遮蓋底部的裝飾。editor.wordHighlightStrongBorder:寫入存取期間符號的邊框色彩,例如寫入變數時。editor.wordHighlightTextBackground:符號文字出現處的背景色彩。該色彩不能為不透明,以免遮蓋底部的裝飾。editor.wordHighlightTextBorder:符號文字出現處的邊框色彩。
搜尋顏色取決於搜尋/取代對話框中目前的搜尋字串。

editor.findMatchBackground:目前搜尋符合項目的色彩。editor.findMatchForeground:目前搜尋符合項目的文字色彩。editor.findMatchHighlightForeground:其他搜尋符合項目的前景色彩。editor.findMatchHighlightBackground:其他搜尋符合項目的色彩。該色彩不能為不透明,以免遮蓋底部的裝飾。editor.findRangeHighlightBackground:限制搜尋範圍的色彩(在搜尋小工具中啟用「在選取範圍內尋找」)。該色彩不能為不透明,以免遮蓋底部的裝飾。editor.findMatchBorder:目前搜尋符合項目的邊框色彩。editor.findMatchHighlightBorder:其他搜尋符合項目的邊框色彩。editor.findRangeHighlightBorder:限制搜尋範圍的邊框色彩(在搜尋小工具中啟用「在選取範圍內尋找」)。
搜尋顏色用於搜尋檢視中的全域搜尋結果。

search.resultsInfoForeground:搜尋檢視中完成訊息的文字色彩。例如,此色彩用於「{y} 個檔案中有 {x} 個結果」的文字。
搜尋編輯器色彩會反白搜尋編輯器中的結果。這可以與其他搜尋符合項目分開設定,以便更好地區分同一編輯器中不同種類的符合項目。

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:用於包含草稿註解之註解串列的註解字元之編輯器裝訂線裝飾色彩。
編輯器註解小工具可在檢視提取請求時看到
editorCommentsWidget.resolvedBorder:已解析註解之邊框與箭頭的色彩。editorCommentsWidget.unresolvedBorder:未解析註解之邊框與箭頭的色彩。editorCommentsWidget.rangeBackground:註解範圍的背景色彩。editorCommentsWidget.rangeActiveBackground:目前已選取或懸停註解範圍的背景色彩。editorCommentsWidget.replyInputBackground:註解回覆輸入方塊的背景色彩。
當使用 Copilot 建議下一個變更時,可以看到編輯器內嵌編輯
inlineEdit.gutterIndicator.primaryBorder:主要內嵌編輯裝訂線指示器的邊框色彩。inlineEdit.gutterIndicator.primaryForeground:主要內嵌編輯裝訂線指示器的前景色彩。inlineEdit.gutterIndicator.primaryBackground:主要內嵌編輯裝訂線指示器的背景色彩。inlineEdit.gutterIndicator.secondaryBorder:次要內嵌編輯裝訂線指示器的邊框色彩。inlineEdit.gutterIndicator.secondaryForeground:次要內嵌編輯裝訂線指示器的前景色彩。inlineEdit.gutterIndicator.secondaryBackground:次要內嵌編輯裝訂線指示器的背景色彩。inlineEdit.gutterIndicator.successfulBorder:成功內嵌編輯裝訂線指示器的邊框色彩。inlineEdit.gutterIndicator.successfulForeground:成功內嵌編輯裝訂線指示器的前景色彩。inlineEdit.gutterIndicator.successfulBackground:成功內嵌編輯裝訂線指示器的背景色彩。inlineEdit.gutterIndicator.background:內嵌編輯裝訂線指示器的背景色彩。inlineEdit.originalBackground:內嵌編輯中原始文字的背景色彩。inlineEdit.modifiedBackground:內嵌編輯中已修改文字的背景色彩。inlineEdit.originalChangedLineBackground:內嵌編輯中原始文字變更行的背景色彩。inlineEdit.originalChangedTextBackground:內嵌編輯中原始文字變更文字的覆蓋色彩。inlineEdit.modifiedChangedLineBackground:內嵌編輯中已修改文字變更行的背景色彩。inlineEdit.modifiedChangedTextBackground:內嵌編輯中已修改文字變更文字的覆蓋色彩。inlineEdit.originalBorder:內嵌編輯中原始文字的邊框色彩。inlineEdit.modifiedBorder:內嵌編輯中已修改文字的邊框色彩。inlineEdit.tabWillAcceptModifiedBorder:當按下 Tab 鍵可接受內嵌編輯小工具時,修改過的邊框色彩。inlineEdit.tabWillAcceptOriginalBorder:當按下 Tab 鍵可接受內嵌編輯小工具時,原始文字上方的原始邊框色彩。
差異編輯器色彩
為新增與移除的文字上色時,請使用背景或邊框色彩,但不要兩者皆用。
diffEditor.insertedTextBackground:已插入文字的背景色彩。該色彩不能為不透明,以免遮蓋底部的裝飾。diffEditor.insertedTextBorder:已插入文字的外框色彩。diffEditor.removedTextBackground:已移除文字的背景色彩。該色彩不能為不透明,以免遮蓋底部的裝飾。diffEditor.removedTextBorder:已移除文字的外框色彩。diffEditor.border:兩個文字編輯器之間的邊框色彩。diffEditor.diagonalFill:差異編輯器對角填充的色彩。對角填充用於並排顯示的差異檢視中。diffEditor.insertedLineBackground:已插入行之背景色彩。該色彩不能為不透明,以免遮蓋底部的裝飾。diffEditor.removedLineBackground:已移除行之背景色彩。該色彩不能為不透明,以免遮蓋底部的裝飾。diffEditorGutter.insertedLineBackground:已插入行之邊距的背景色彩。diffEditorGutter.removedLineBackground:已移除行之邊距的背景色彩。diffEditorOverview.insertedForeground:已插入內容之差異概覽尺標的前景色彩。diffEditorOverview.removedForeground:已移除內容之差異概覽尺標的前景色彩。diffEditor.unchangedRegionBackground:差異編輯器中未變更區塊的色彩。diffEditor.unchangedRegionForeground:差異編輯器中未變更區塊的前景色彩。diffEditor.unchangedRegionShadow:未變更區域小工具周圍陰影的色彩。diffEditor.unchangedCodeBackground:差異編輯器中未變更程式碼的背景色彩。diffEditor.move.border:差異編輯器中已移動文字的邊框色彩。diffEditor.moveActive.border:差異編輯器中已移動文字的作用中邊框色彩。multiDiffEditor.headerBackground:差異編輯器標題的背景色彩multiDiffEditor.background:多檔案差異編輯器的背景色彩multiDiffEditor.border:多檔案差異編輯器的邊框色彩
交談 (Chat) 色彩
chat.requestBorder:交談請求的邊框色彩。chat.requestBackground:交談請求的背景色彩。chat.slashCommandBackground:交談斜線命令的背景色彩。chat.slashCommandForeground:交談斜線命令的前景色彩。chat.avatarBackground:交談頭像的背景色彩。chat.avatarForeground:交談頭像的前景色彩。chat.editedFileForeground:編輯檔案列表中交談編輯檔案的前景色彩。chat.linesAddedForeground:交談程式碼區塊標籤中已新增行的前景色彩。chat.linesRemovedForeground:交談程式碼區塊標籤中已移除行的前景色彩。chat.requestCodeBorder:交談請求氣泡內程式碼區塊的邊框色彩。chat.requestBubbleBackground:交談請求氣泡的背景色彩。chat.requestBubbleHoverBackground:懸停時交談請求氣泡的背景色彩。chat.checkpointSeparator:交談檢查點分隔符號色彩。chat.thinkingShimmer:用於思考/工作標籤的反白閃爍效果。chatManagement.sashBorder:交談管理編輯器分割檢視之分割線邊框色彩。
內嵌交談色彩
inlineChat.background:互動式編輯器小工具的背景色彩。inlineChat.foreground:互動式編輯器小工具的前景色彩inlineChat.border:互動式編輯器小工具的邊框色彩。inlineChat.shadow:互動式編輯器小工具的陰影色彩。inlineChatInput.border:互動式編輯器輸入的邊框色彩。inlineChatInput.focusBorder:聚焦時互動式編輯器輸入的邊框色彩。inlineChatInput.placeholderForeground:互動式編輯器輸入佔位符的前景色彩。inlineChatInput.background:互動式編輯器輸入的背景色彩。inlineChatDiff.inserted:互動式編輯器輸入中已插入文字的背景色彩。inlineChatDiff.removed:互動式編輯器輸入中已移除文字的背景色彩。
面板交談色彩
interactive.activeCodeBorder:編輯器取得焦點時目前互動式程式碼儲存格的邊框色彩。interactive.inactiveCodeBorder:編輯器未取得焦點時目前互動式程式碼儲存格的邊框色彩。
編輯器小工具色彩
編輯器小工具顯示在編輯器內容前方。範例包括搜尋/取代對話框、建議小工具以及編輯器懸停提示。
-
editorWidget.foreground:編輯器小工具(如搜尋/取代)的前景色彩。 -
editorWidget.background:編輯器小工具(如搜尋/取代)的背景色彩。 -
editorWidget.border:編輯器小工具的邊框色彩(除非小工具未包含邊框或定義了自己的邊框色彩)。 -
editorWidget.resizeBorder:編輯器小工具調整大小列的邊框色彩。此色彩僅在小工具選擇擁有調整大小邊框,且色彩未被小工具覆蓋時使用。 -
editorSuggestWidget.background:建議小工具的背景色彩。 -
editorSuggestWidget.border:建議小工具的邊框色彩。 -
editorSuggestWidget.foreground:建議小工具的前景色彩。 -
editorSuggestWidget.focusHighlightForeground:項目聚焦時建議小工具內比對反白的色彩。 -
editorSuggestWidget.highlightForeground:建議小工具內比對反白的色彩。 -
editorSuggestWidget.selectedBackground:建議小工具內選取項目的背景色彩。 -
editorSuggestWidget.selectedForeground:建議小工具內選取項目的前景色彩。 -
editorSuggestWidget.selectedIconForeground:建議小工具內選取項目的圖示前景色彩。 -
editorSuggestWidgetStatus.foreground:建議小工具狀態的前景色彩。 -
editorHoverWidget.foreground:編輯器懸停提示的前景色彩。 -
editorHoverWidget.background:編輯器懸停提示的背景色彩。 -
editorHoverWidget.border:編輯器懸停提示的邊框色彩。 -
editorHoverWidget.highlightForeground:參數提示中作用中項目的前景色彩。 -
editorHoverWidget.statusBarBackground:編輯器懸停提示狀態列的背景色彩。 -
editorGhostText.border:內嵌完成提供者與建議預覽所顯示幽靈文字的邊框色彩。 -
editorGhostText.background:編輯器中幽靈文字的背景色彩。 -
editorGhostText.foreground:內嵌完成提供者與建議預覽所顯示幽靈文字的前景色彩。 -
editorStickyScroll.background:編輯器固定捲動的背景色彩。 -
editorStickyScroll.border:編輯器中固定捲動的邊框色彩。 -
editorStickyScroll.shadow:編輯器中固定捲動的陰影色彩。 -
editorStickyScrollGutter.background:編輯器中固定捲動裝訂線部分的背景色彩。 -
editorStickyScrollHover.background:編輯器懸停時固定捲動的背景色彩。
偵錯例外狀況小工具是一個窺視檢視,當偵錯在例外狀況處停止時會顯示在編輯器中。
debugExceptionWidget.background:例外狀況小工具的背景色彩。debugExceptionWidget.border:例外狀況小工具的邊框色彩。
當導覽至編輯器中的錯誤與警告時,會顯示編輯器標記檢視(「前往下一個錯誤或警告」指令)。
editorMarkerNavigation.background:編輯器標記導覽小工具的背景。editorMarkerNavigationError.background:編輯器標記導覽小工具的錯誤色彩。editorMarkerNavigationWarning.background:編輯器標記導覽小工具的警告色彩。editorMarkerNavigationInfo.background:編輯器標記導覽小工具的資訊色彩。editorMarkerNavigationError.headerBackground:編輯器標記導覽小工具的錯誤標題背景。editorMarkerNavigationWarning.headerBackground:編輯器標記導覽小工具的警告標題背景。editorMarkerNavigationInfo.headerBackground:編輯器標記導覽小工具的資訊標題背景。
窺視檢視 (Peek View) 色彩
窺視檢視用於在編輯器內將參照與宣告顯示為一個檢視。

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:狀態列顯著項目(Prominent items)的前景顏色。statusBarItem.prominentBackground:狀態列顯著項目的背景顏色。statusBarItem.prominentHoverForeground:滑鼠懸停時狀態列顯著項目的前景顏色。顯著項目會與其他狀態列項目區隔以表示其重要性。狀態列顯示於視窗底部。statusBarItem.prominentHoverBackground:滑鼠懸停時狀態列顯著項目的背景顏色。statusBarItem.remoteBackground:狀態列上遠端指示器的背景顏色。statusBarItem.remoteForeground:狀態列上遠端指示器的前景顏色。statusBarItem.remoteHoverBackground:滑鼠懸停時狀態列上遠端指示器的背景顏色。statusBarItem.remoteHoverForeground:滑鼠懸停時狀態列上遠端指示器的前景顏色。statusBarItem.errorBackground:狀態列錯誤項目的背景顏色。錯誤項目會與其他狀態列項目區隔以表示錯誤狀況。statusBarItem.errorForeground:狀態列錯誤項目的前景顏色。錯誤項目會與其他狀態列項目區隔以表示錯誤狀況。statusBarItem.errorHoverBackground:滑鼠懸停時狀態列錯誤項目的背景顏色。錯誤項目會與其他狀態列項目區隔以表示錯誤狀況。狀態列顯示於視窗底部。statusBarItem.errorHoverForeground:滑鼠懸停時狀態列錯誤項目的前景顏色。錯誤項目會與其他狀態列項目區隔以表示錯誤狀況。狀態列顯示於視窗底部。statusBarItem.warningBackground:狀態列警告項目的背景顏色。警告項目會與其他狀態列項目區隔以表示警告狀況。狀態列顯示於視窗底部。statusBarItem.warningForeground:狀態列警告項目的前景顏色。警告項目會與其他狀態列項目區隔以表示警告狀況。狀態列顯示於視窗底部。statusBarItem.warningHoverBackground:滑鼠懸停時狀態列警告項目的背景顏色。警告項目會與其他狀態列項目區隔以表示警告狀況。狀態列顯示於視窗底部。statusBarItem.warningHoverForeground:滑鼠懸停時狀態列警告項目的前景顏色。警告項目會與其他狀態列項目區隔以表示警告狀況。狀態列顯示於視窗底部。statusBarItem.compactHoverBackground:當懸停於包含兩個懸停項目的項目時的狀態列項目背景顏色。狀態列顯示於視窗底部。statusBarItem.focusBorder:鍵盤導覽聚焦時的狀態列項目邊框顏色。狀態列顯示於視窗底部。statusBar.focusBorder:鍵盤導覽聚焦時的狀態列邊框顏色。狀態列顯示於視窗底部。statusBarItem.offlineBackground:工作區離線時的狀態列項目背景顏色。statusBarItem.offlineForeground:工作區離線時的狀態列項目前景顏色。statusBarItem.offlineHoverForeground:工作區離線時的狀態列項目懸停前景顏色。statusBarItem.offlineHoverBackground:工作區離線時的狀態列項目懸停背景顏色。
顯著項目(Prominent items)會與其他狀態列項目區隔以表示其重要性。一個範例是切換 Tab 鍵移動焦點指令的變更模式指示器。
標題列顏色
titleBar.activeBackground:視窗啟用時的標題列背景顏色。titleBar.activeForeground:視窗啟用時的標題列前景顏色。titleBar.inactiveBackground:視窗未啟用時的標題列背景顏色。titleBar.inactiveForeground:視窗未啟用時的標題列前景顏色。titleBar.border:標題列邊框顏色。
選單列顏色
menubar.selectionForeground:選單列中選定選單項目的前景顏色。menubar.selectionBackground:選單列中選定選單項目的背景顏色。menubar.selectionBorder:選單列中選定選單項目的邊框顏色。menu.foreground:選單項目的前景顏色。menu.background:選單項目的背景顏色。menu.selectionForeground:選單中選定選單項目的前景顏色。menu.selectionBackground:選單中選定選單項目的背景顏色。menu.selectionBorder:選單中選定選單項目的邊框顏色。menu.separatorBackground:選單中分隔線項目的顏色。menu.border:選單的邊框顏色。
指令中心顏色
commandCenter.foreground:指令中心的前景顏色。commandCenter.activeForeground:指令中心的啟用前景顏色。commandCenter.background:指令中心的背景顏色。commandCenter.activeBackground:指令中心的啟用背景顏色。commandCenter.border:指令中心的邊框顏色。commandCenter.inactiveForeground:視窗未啟用時指令中心的前景顏色。commandCenter.inactiveBorder:視窗未啟用時指令中心的邊框顏色。commandCenter.activeBorder:指令中心的啟用邊框顏色。commandCenter.debuggingBackground:程式偵錯時指令中心的背景顏色。
通知顏色
通知 Toast(彈出視窗)會從工作區右下角滑出。

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

notificationCenter.border:通知中心邊框顏色。notificationCenterHeader.foreground:通知中心標題前景顏色。notificationCenterHeader.background:通知中心標題背景顏色。notificationToast.border:通知 Toast 邊框顏色。notifications.foreground:通知前景顏色。notifications.background:通知背景顏色。notifications.border:通知中心內區隔其他通知的通知邊框顏色。notificationLink.foreground:通知連結的前景顏色。notificationsErrorIcon.foreground:通知錯誤圖示的顏色。notificationsWarningIcon.foreground:通知警告圖示的顏色。notificationsInfoIcon.foreground:通知資訊圖示的顏色。
橫幅顏色
當顯示時,橫幅會出現在標題列下方並橫跨整個工作區寬度。
banner.background:橫幅背景顏色。banner.foreground:橫幅前景顏色。banner.iconForeground:橫幅文字前方圖示的顏色。
擴充功能顏色
extensionButton.prominentForeground:擴充功能檢視按鈕的前景顏色(例如安裝按鈕)。extensionButton.prominentBackground:擴充功能檢視按鈕的背景顏色。extensionButton.prominentHoverBackground:擴充功能檢視按鈕的懸停背景顏色。extensionButton.background:擴充功能動作的按鈕背景顏色。extensionButton.foreground:擴充功能動作的按鈕前景顏色。extensionButton.hoverBackground:擴充功能動作的按鈕懸停背景顏色。extensionButton.separator:擴充功能動作的按鈕分隔線顏色。extensionButton.border:擴充功能動作的按鈕邊框顏色。extensionBadge.remoteBackground:擴充功能檢視中遠端徽章的背景顏色。extensionBadge.remoteForeground:擴充功能檢視中遠端徽章的前景顏色。extensionIcon.starForeground:擴充功能評分的圖示顏色。extensionIcon.verifiedForeground:已驗證發行者的擴充功能圖示顏色。extensionIcon.preReleaseForeground:預先發行版本擴充功能的圖示顏色。extensionIcon.sponsorForeground:擴充功能贊助者的圖示顏色。extensionIcon.privateForeground:私人擴充功能的圖示顏色。mcpIcon.starForeground:mcp 星標圖示的顏色。
快速挑選器顏色
pickerGroup.border:快速挑選器(快速開啟)的群組邊框顏色。pickerGroup.foreground:快速挑選器(快速開啟)的群組標籤顏色。quickInput.background:快速輸入背景顏色。快速輸入視窗小工具是色彩佈景主題挑選器等檢視的容器。quickInput.foreground:快速輸入前景顏色。快速輸入視窗小工具是色彩佈景主題挑選器等檢視的容器。quickInputList.focusBackground:快速挑選器中已聚焦項目的背景顏色。quickInputList.focusForeground:快速挑選器中已聚焦項目的前景顏色。quickInputList.focusIconForeground:快速挑選器中已聚焦項目的圖示前景顏色。quickInputTitle.background:快速挑選器標題背景顏色。快速挑選器視窗小工具是指令面板等挑選器的容器。
快速鍵標籤顏色
當指令關聯了快速鍵時,會顯示快速鍵標籤。可在指令面板中看到快速鍵標籤的範例。

快速鍵標籤的用途包括(但不限於):
- 指令面板
- 鍵盤快速鍵編輯器
- 鍵盤快速鍵錄製器互動視窗
- 擴充功能市集頁面的「功能貢獻」區段
提供以下自訂選項:
keybindingLabel.background:快速鍵標籤背景顏色。快速鍵標籤用於表示鍵盤快速鍵。keybindingLabel.foreground:快速鍵標籤前景顏色。快速鍵標籤用於表示鍵盤快速鍵。keybindingLabel.border:快速鍵標籤邊框顏色。快速鍵標籤用於表示鍵盤快速鍵。keybindingLabel.bottomBorder:快速鍵標籤底部邊框顏色。快速鍵標籤用於表示鍵盤快速鍵。
鍵盤快速鍵表格顏色
keybindingTable.headerBackground:鍵盤快速鍵表格標頭的背景顏色。keybindingTable.rowsBackground:鍵盤快速鍵表格交替列的背景顏色。
整合終端機顏色
-
terminal.background:整合終端機檢視區的背景。 -
terminal.border:區隔終端機分割窗格的邊框顏色。預設為 panel.border。 -
terminal.foreground:整合終端機的預設前景顏色。 -
terminal.ansiBlack:終端機中的 ANSI「黑色」。 -
terminal.ansiBlue:終端機中的 ANSI「藍色」。 -
terminal.ansiBrightBlack:終端機中的 ANSI「亮黑色」。 -
terminal.ansiBrightBlue:終端機中的 ANSI「亮藍色」。 -
terminal.ansiBrightCyan:終端機中的 ANSI「亮青色」。 -
terminal.ansiBrightGreen:終端機中的 ANSI「亮綠色」。 -
terminal.ansiBrightMagenta:終端機中的 ANSI「亮洋紅色」。 -
terminal.ansiBrightRed:終端機中的 ANSI「亮紅色」。 -
terminal.ansiBrightWhite:終端機中的 ANSI「亮白色」。 -
terminal.ansiBrightYellow:終端機中的 ANSI「亮黃色」。 -
terminal.ansiCyan:終端機中的 ANSI「青色」。 -
terminal.ansiGreen:終端機中的 ANSI「綠色」。 -
terminal.ansiMagenta:終端機中的 ANSI「洋紅色」。 -
terminal.ansiRed:終端機中的 ANSI「紅色」。 -
terminal.ansiWhite:終端機中的 ANSI「白色」。 -
terminal.ansiYellow:終端機中的 ANSI「黃色」。 -
terminal.selectionBackground:終端機選取範圍的背景顏色。 -
terminal.selectionForeground:終端機選取範圍的前景顏色。若為 null,則將保留選取範圍前景顏色並套用最小對比度功能。 -
terminal.inactiveSelectionBackground:當終端機未取得焦點時,其選取範圍的背景顏色。 -
terminal.findMatchBackground:終端機中目前搜尋結果的顏色。該顏色不得為不透明,以免遮蔽下方的終端機內容。 -
terminal.findMatchBorder:終端機中目前搜尋結果的邊框顏色。 -
terminal.findMatchHighlightBackground:終端機中其他搜尋結果的顏色。該顏色不得為不透明,以免遮蔽下方的終端機內容。 -
terminal.findMatchHighlightBorder:終端機中其他搜尋結果的邊框顏色。 -
terminal.hoverHighlightBackground:終端機中懸停於連結時的反白顏色。 -
terminalCursor.background:終端機游標的背景顏色。允許自訂方塊游標覆蓋字元的顏色。 -
terminalCursor.foreground:終端機游標的前景顏色。 -
terminal.dropBackground:在終端機上方拖曳時的背景顏色。該顏色應具有透明度,以便終端機內容仍可透出。 -
terminal.tab.activeBorder:面板中終端機分頁側邊的邊框。預設為tab.activeBorder。 -
terminalCommandDecoration.defaultBackground:預設終端機指令裝飾背景顏色。 -
terminalCommandDecoration.successBackground:成功指令的終端機指令裝飾背景顏色。 -
terminalCommandDecoration.errorBackground:錯誤指令的終端機指令裝飾背景顏色。 -
terminalOverviewRuler.cursorForeground:概覽尺規游標顏色。 -
terminalOverviewRuler.findMatchForeground:終端機中搜尋結果在概覽尺規上的標記顏色。 -
terminalStickyScroll.background:終端機中黏性捲動(Sticky Scroll)覆蓋層的背景顏色。 -
terminalStickyScroll.border:終端機中黏性捲動覆蓋層的邊框。 -
terminalStickyScrollHover.background:終端機中黏性捲動覆蓋層懸停時的背景顏色。 -
terminal.initialHintForeground:終端機初始提示的前景顏色。 -
terminalOverviewRuler.border:概覽尺規左側邊框顏色。 -
terminalCommandGuide.foreground:懸停時出現在指令及其輸出左側的終端機指令導引前景顏色。 -
terminalSymbolIcon.aliasForeground:別名圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.branchForeground:分支圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.commitForeground:提交圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.flagForeground:旗標圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.optionForeground:選項圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.optionValueForeground:列舉成員圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.methodForeground:方法圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.argumentForeground:引數圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.inlineSuggestionForeground:內嵌建議圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.fileForeground:檔案圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.folderForeground:資料夾圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.pullRequestDoneForeground:已完成的 Pull Request 圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.pullRequestForeground:Pull Request 圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.remoteForeground:遠端圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.stashForeground:Stash 圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.symbolText:純文字建議的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.symbolicLinkFileForeground:符號連結檔案圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.symbolicLinkFolderForeground:符號連結資料夾圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。 -
terminalSymbolIcon.tagForeground:標籤圖示的前景顏色。這些圖示會出現在終端機建議視窗小工具中。
偵錯顏色
debugToolBar.background:偵錯工具列背景顏色。debugToolBar.border:偵錯工具列邊框顏色。editor.stackFrameHighlightBackground:編輯器中頂層堆疊框架反白的背景顏色。editor.focusedStackFrameHighlightBackground:編輯器中已聚焦堆疊框架反白的背景顏色。editor.inlineValuesForeground:偵錯內嵌數值文字的顏色。editor.inlineValuesBackground:偵錯內嵌數值背景的顏色。debugView.exceptionLabelForeground:當偵錯工具因例外狀況中斷時,「呼叫堆疊」(CALL STACK) 檢視中所顯示標籤的前景顏色。debugView.exceptionLabelBackground:當偵錯工具因例外狀況中斷時,「呼叫堆疊」檢視中所顯示標籤的背景顏色。debugView.stateLabelForeground:在「呼叫堆疊」檢視中顯示目前工作階段或執行緒狀態標籤的前景顏色。debugView.stateLabelBackground:在「呼叫堆疊」檢視中顯示目前工作階段或執行緒狀態標籤的背景顏色。debugView.valueChangedHighlight:用於在偵錯檢視(如「變數」檢視)中反白數值變更的顏色。debugTokenExpression.name:偵錯檢視(如「變數」或「監看」檢視)中顯示的權杖名稱的前景顏色。debugTokenExpression.value:偵錯檢視中顯示的權杖數值的前景顏色。debugTokenExpression.string:偵錯檢視中字串的前景顏色。debugTokenExpression.boolean:偵錯檢視中布林值的前景顏色。debugTokenExpression.number:偵錯檢視中數值的前景顏色。debugTokenExpression.error:偵錯檢視中運算式錯誤的前景顏色。debugTokenExpression.type:偵錯檢視(如「變數」或「監看」檢視)中顯示的權杖類型的前景顏色。
測試顏色
testing.runAction:編輯器中「執行」圖示的顏色。testing.iconErrored:測試總管中「錯誤」圖示的顏色。testing.iconFailed:測試總管中「失敗」圖示的顏色。testing.iconPassed:測試總管中「通過」圖示的顏色。testing.iconQueued:測試總管中「佇列」圖示的顏色。testing.iconUnset:測試總管中「未設定」圖示的顏色。testing.iconSkipped:測試總管中「跳過」圖示的顏色。testing.iconErrored.retired:測試總管中「錯誤」圖示的停用(retired)顏色。testing.iconFailed.retired:測試總管中「失敗」圖示的停用顏色。testing.iconPassed.retired:測試總管中「通過」圖示的停用顏色。testing.iconQueued.retired:測試總管中「佇列」圖示的停用顏色。testing.iconUnset.retired:測試總管中「未設定」圖示的停用顏色。testing.iconSkipped.retired:測試總管中「跳過」圖示的停用顏色。testing.peekBorder:檢視區 (peek view) 邊框與箭頭的顏色。testing.peekHeaderBackground:檢視區標頭的背景顏色。testing.message.error.lineBackground:編輯器內嵌錯誤訊息旁的邊距顏色。testing.message.info.decorationForeground:編輯器內嵌資訊測試訊息的文字顏色。testing.message.info.lineBackground:編輯器內嵌資訊訊息旁的邊距顏色。testing.messagePeekBorder:檢視登入訊息時檢視區邊框與箭頭的顏色。testing.messagePeekHeaderBackground:檢視登入訊息時檢視區標頭的背景顏色。testing.coveredBackground:已涵蓋程式碼的背景顏色。testing.coveredBorder:已涵蓋程式碼的邊框顏色。testing.coveredGutterBackground:已涵蓋程式碼區域的裝訂線顏色。testing.uncoveredBranchBackground:未涵蓋分支之小工具的背景顏色。testing.uncoveredBackground:未涵蓋程式碼的背景顏色。testing.uncoveredBorder:未涵蓋程式碼的邊框顏色。testing.uncoveredGutterBackground:未涵蓋程式碼區域的裝訂線顏色。testing.coverCountBadgeBackground:顯示執行次數徽章的背景顏色。testing.coverCountBadgeForeground:顯示執行次數徽章的前景顏色。testing.message.error.badgeBackground:編輯器內嵌測試錯誤訊息的背景顏色。testing.message.error.badgeBorder:編輯器內嵌測試錯誤訊息的邊框顏色。testing.message.error.badgeForeground:編輯器內嵌測試錯誤訊息的文字顏色。
歡迎頁面顏色
-
welcomePage.background:歡迎頁面的背景顏色。 -
welcomePage.progress.background:歡迎頁面進度條的前景顏色。 -
welcomePage.progress.foreground:歡迎頁面進度條的背景顏色。 -
welcomePage.tileBackground:歡迎頁面上圖塊的背景顏色。 -
welcomePage.tileHoverBackground:歡迎頁面上圖塊的懸停背景顏色。 -
welcomePage.tileBorder:歡迎頁面上圖塊的邊框顏色。 -
walkThrough.embeddedEditorBackground:互動式遊樂場中嵌入式編輯器的背景顏色。 -
walkthrough.stepTitle.foreground:每個導覽步驟標題的前景顏色。
Git 顏色
gitDecoration.addedResourceForeground:新增 Git 資源的顏色。用於檔案標籤和 SCM 檢視。gitDecoration.modifiedResourceForeground:修改 Git 資源的顏色。用於檔案標籤和 SCM 檢視。gitDecoration.deletedResourceForeground:刪除 Git 資源的顏色。用於檔案標籤和 SCM 檢視。gitDecoration.renamedResourceForeground:重新命名或複製 Git 資源的顏色。用於檔案標籤和 SCM 檢視。gitDecoration.stageModifiedResourceForeground:已暫存修改的 Git 裝飾顏色。用於檔案標籤和 SCM 檢視。gitDecoration.stageDeletedResourceForeground:已暫存刪除的 Git 裝飾顏色。用於檔案標籤和 SCM 檢視。gitDecoration.untrackedResourceForeground:未追蹤 Git 資源的顏色。用於檔案標籤和 SCM 檢視。gitDecoration.ignoredResourceForeground:已忽略 Git 資源的顏色。用於檔案標籤和 SCM 檢視。gitDecoration.conflictingResourceForeground:衝突 Git 資源的顏色。用於檔案標籤和 SCM 檢視。gitDecoration.submoduleResourceForeground:子模組資源的顏色。git.blame.editorDecorationForeground:Blame 編輯器裝飾的顏色。
原始碼控制圖表顏色
scmGraph.historyItemHoverLabelForeground:歷程記錄項目懸停標籤的前景顏色。scmGraph.foreground1:原始碼控制圖表前景顏色 (1)。scmGraph.foreground2:原始碼控制圖表前景顏色 (2)。scmGraph.foreground3:原始碼控制圖表前景顏色 (3)。scmGraph.foreground4:原始碼控制圖表前景顏色 (4)。scmGraph.foreground5:原始碼控制圖表前景顏色 (5)。scmGraph.historyItemHoverAdditionsForeground:歷程記錄項目懸停新增內容的前景顏色。scmGraph.historyItemHoverDeletionsForeground:歷程記錄項目懸停刪除內容的前景顏色。scmGraph.historyItemRefColor:歷程記錄項目參考顏色。scmGraph.historyItemRemoteRefColor:歷程記錄項目遠端參考顏色。scmGraph.historyItemBaseRefColor:歷程記錄項目基準參考顏色。scmGraph.historyItemHoverDefaultLabelForeground:歷程記錄項目懸停預設標籤的前景顏色。scmGraph.historyItemHoverDefaultLabelBackground:歷程記錄項目懸停預設標籤的背景顏色。
設定編輯器顏色
注意: 這些顏色適用於可透過 Preferences: Open Settings (UI) 指令開啟的 GUI 設定編輯器。
settings.headerForeground:區段標頭或已啟用標題的前景顏色。settings.modifiedItemIndicator:指示已修改設定的線條。settings.dropdownBackground:下拉式選單背景。settings.dropdownForeground:下拉式選單前景。settings.dropdownBorder:下拉式選單邊框。settings.dropdownListBorder:下拉式選單列表邊框。settings.checkboxBackground:核取方塊背景。settings.checkboxForeground:核取方塊前景。settings.checkboxBorder:核取方塊邊框。settings.rowHoverBackground:設定列懸停時的背景顏色。settings.textInputBackground:文字輸入框背景。settings.textInputForeground:文字輸入框前景。settings.textInputBorder:文字輸入框邊框。settings.numberInputBackground:數字輸入框背景。settings.numberInputForeground:數字輸入框前景。settings.numberInputBorder:數字輸入框邊框。settings.focusedRowBackground:已聚焦設定列的背景顏色。settings.focusedRowBorder:設定列被聚焦時其頂部和底部邊框的顏色。settings.headerBorder:標頭容器邊框的顏色。settings.sashBorder:設定編輯器分割檢視邊框的顏色。settings.settingsHeaderHoverForeground:區段標頭或懸停標題的前景顏色。
階層連結 (Breadcrumbs) 顏色
階層連結導覽的佈景主題顏色
breadcrumb.foreground:階層連結項目的顏色。breadcrumb.background:階層連結項目的背景顏色。breadcrumb.focusForeground:已聚焦階層連結項目的顏色。breadcrumb.activeSelectionForeground:選定階層連結項目的顏色。breadcrumbPicker.background:階層連結項目挑選器的背景顏色。
程式碼片段 (Snippets) 顏色
程式碼片段的佈景主題顏色
editor.snippetTabstopHighlightBackground:程式碼片段定位點反白的背景顏色。editor.snippetTabstopHighlightBorder:程式碼片段定位點反白的邊框顏色。editor.snippetFinalTabstopHighlightBackground:程式碼片段最終定位點反白的背景顏色。editor.snippetFinalTabstopHighlightBorder:程式碼片段最終定位點反白的邊框顏色。
符號圖示顏色
出現在大綱檢視、階層連結導覽與建議視窗小工具中符號圖示的佈景主題顏色
symbolIcon.arrayForeground:陣列符號的前景顏色。symbolIcon.booleanForeground:布林符號的前景顏色。symbolIcon.classForeground:類別符號的前景顏色。symbolIcon.colorForeground:色彩符號的前景顏色。symbolIcon.constantForeground:常數符號的前景顏色。symbolIcon.constructorForeground:建構函式符號的前景顏色。symbolIcon.enumeratorForeground:列舉符號的前景顏色。symbolIcon.enumeratorMemberForeground:列舉成員符號的前景顏色。symbolIcon.eventForeground:事件符號的前景顏色。symbolIcon.fieldForeground:欄位符號的前景顏色。symbolIcon.fileForeground:檔案符號的前景顏色。symbolIcon.folderForeground:資料夾符號的前景顏色。symbolIcon.functionForeground:函式符號的前景顏色。symbolIcon.interfaceForeground:介面符號的前景顏色。symbolIcon.keyForeground:鍵值符號的前景顏色。symbolIcon.keywordForeground:關鍵字符號的前景顏色。symbolIcon.methodForeground:方法符號的前景顏色。symbolIcon.moduleForeground:模組符號的前景顏色。symbolIcon.namespaceForeground:命名空間符號的前景顏色。symbolIcon.nullForeground:Null 符號的前景顏色。symbolIcon.numberForeground:數值符號的前景顏色。symbolIcon.objectForeground:物件符號的前景顏色。symbolIcon.operatorForeground:運算子符號的前景顏色。symbolIcon.packageForeground:套件符號的前景顏色。symbolIcon.propertyForeground:屬性符號的前景顏色。symbolIcon.referenceForeground:參考符號的前景顏色。symbolIcon.snippetForeground:程式碼片段符號的前景顏色。symbolIcon.stringForeground:字串符號的前景顏色。symbolIcon.structForeground:結構符號的前景顏色。symbolIcon.textForeground:文字符號的前景顏色。symbolIcon.typeParameterForeground:型別參數符號的前景顏色。symbolIcon.unitForeground:單位符號的前景顏色。symbolIcon.variableForeground:變數符號的前景顏色。
偵錯圖示顏色
-
debugIcon.breakpointForeground:中斷點的圖示顏色。 -
debugIcon.breakpointDisabledForeground:已停用中斷點的圖示顏色。 -
debugIcon.breakpointUnverifiedForeground:未驗證中斷點的圖示顏色。 -
debugIcon.breakpointCurrentStackframeForeground:目前中斷點堆疊框架的圖示顏色。 -
debugIcon.breakpointStackframeForeground:所有中斷點堆疊框架的圖示顏色。 -
debugIcon.startForeground:偵錯工具列「開始偵錯」圖示。 -
debugIcon.pauseForeground:偵錯工具列「暫停」圖示。 -
debugIcon.stopForeground:偵錯工具列「停止」圖示。 -
debugIcon.disconnectForeground:偵錯工具列「中斷連線」圖示。 -
debugIcon.restartForeground:偵錯工具列「重新啟動」圖示。 -
debugIcon.stepOverForeground:偵錯工具列「跳過」圖示。 -
debugIcon.stepIntoForeground:偵錯工具列「進入」圖示。 -
debugIcon.stepOutForeground:偵錯工具列「跳出」圖示。 -
debugIcon.continueForeground:偵錯工具列「繼續」圖示。 -
debugIcon.stepBackForeground:偵錯工具列「向後退一步」圖示。 -
debugConsole.infoForeground:偵錯 REPL 主控台中資訊訊息的前景顏色。 -
debugConsole.warningForeground:偵錯 REPL 主控台中警告訊息的前景顏色。 -
debugConsole.errorForeground:偵錯 REPL 主控台中錯誤訊息的前景顏色。 -
debugConsole.sourceForeground:偵錯 REPL 主控台中原始檔案名稱的前景顏色。 -
debugConsoleInputIcon.foreground:偵錯主控台輸入標記圖示的前景顏色。
筆記本 (Notebook) 顏色
notebook.editorBackground:筆記本背景顏色。notebook.cellBorderColor:筆記本儲存格的邊框顏色。notebook.cellHoverBackground:儲存格懸停時的背景顏色。notebook.cellInsertionIndicator:筆記本儲存格插入指示器的顏色。notebook.cellStatusBarItemHoverBackground:筆記本儲存格狀態列項目的背景顏色。notebook.cellToolbarSeparator:儲存格底部工具列中分隔線的顏色。notebook.cellEditorBackground:筆記本儲存格編輯器的背景顏色。notebook.focusedCellBackground:已聚焦儲存格的背景顏色。notebook.focusedCellBorder:儲存格被聚焦時,焦點指示器邊框的顏色。notebook.focusedEditorBorder:筆記本儲存格編輯器的邊框顏色。notebook.inactiveFocusedCellBorder:當主要焦點位於編輯器之外,且儲存格被聚焦時,該儲存格頂部和底部邊框的顏色。notebook.inactiveSelectedCellBorder:當選取多個儲存格時,其邊框顏色。notebook.outputContainerBackgroundColor:筆記本輸出容器的背景顏色。notebook.outputContainerBorderColor:筆記本輸出容器的邊框顏色。notebook.selectedCellBackground:儲存格被選取時的背景顏色。notebook.selectedCellBorder:儲存格被選取但未被聚焦時,其頂部和底部邊框的顏色。notebook.symbolHighlightBackground:反白儲存格的背景顏色。notebookScrollbarSlider.activeBackground:筆記本捲軸滑桿被點擊時的背景顏色。notebookScrollbarSlider.background:筆記本捲軸滑桿的背景顏色。notebookScrollbarSlider.hoverBackground:筆記本捲軸滑桿懸停時的背景顏色。notebookStatusErrorIcon.foreground:儲存格狀態列中筆記本儲存格的錯誤圖示顏色。notebookStatusRunningIcon.foreground:儲存格狀態列中筆記本儲存格的執行中圖示顏色。notebookStatusSuccessIcon.foreground:儲存格狀態列中筆記本儲存格的成功圖示顏色。notebookEditorOverviewRuler.runningCellForeground:筆記本編輯器概覽尺規中執行中儲存格裝飾的顏色。
圖表顏色
charts.foreground:圖表中文字的對比顏色。charts.lines:圖表中線條的顏色。charts.red:圖表中紅色元素的顏色。charts.blue:圖表中藍色元素的顏色。charts.yellow:圖表中黃色元素的顏色。charts.orange:圖表中橘色元素的顏色。charts.green:圖表中綠色元素的顏色。charts.purple:圖表中紫色元素的顏色。chart.line:圖表的線條顏色。chart.axis:圖表的座標軸顏色。chart.guide:圖表的導引線顏色。
連接埠顏色
ports.iconRunningProcessForeground:關聯了執行中處理程序的連接埠圖示顏色。
註解檢視顏色
commentsView.resolvedIcon:已解決註解的圖示顏色。commentsView.unresolvedIcon:未解決註解的圖示顏色。
動作列顏色
actionBar.toggledBackground:動作列中已切換動作項目的背景顏色。
簡易搜尋視窗小工具顏色
simpleFindWidget.sashBorder:窗格邊框的顏色。
計量器 (Gauge) 顏色
gauge.background:計量器背景顏色。gauge.foreground:計量器前景顏色。gauge.border:計量器邊框顏色。gauge.warningBackground:計量器警告背景顏色。gauge.warningForeground:計量器警告前景顏色。gauge.errorBackground:計量器錯誤背景顏色。gauge.errorForeground:計量器錯誤前景顏色。
Markdown
markdownAlert.note.foreground:Markdown 中「註記」(note) 警示的前景顏色。markdownAlert.tip.foreground:Markdown 中「提示」(tip) 警示的前景顏色。markdownAlert.important.foreground:Markdown 中「重要」(important) 警示的前景顏色。markdownAlert.warning.foreground:Markdown 中「警告」(warning) 警示的前景顏色。markdownAlert.caution.foreground:Markdown 中「注意」(caution) 警示的前景顏色。
代理程式工作階段顏色
agentSessionReadIndicator.foreground:代理程式工作階段中讀取指示器的前景顏色。agentSessionSelectedBadge.border:已選定代理程式工作階段項目中徽章的邊框顏色。agentSessionSelectedUnfocusedBadge.border:當檢視未聚焦時,已選定代理程式工作階段項目中徽章的邊框顏色。agentStatusIndicator.background:標題列中代理程式狀態指示器的背景顏色。aiCustomizationManagement.sashBorder:聊天自訂管理編輯器分割檢視邊框的顏色。
擴充功能顏色
顏色 ID 也可以由擴充功能透過 顏色貢獻點 進行貢獻。當在 workbench.colorCustomizations 設定及色彩佈景主題定義檔中使用程式碼完成時,這些顏色也會出現。使用者可在 擴充功能貢獻 索引標籤中查看擴充功能定義了哪些顏色。