🚀 在 VS Code 中免費取得

佈景主題色彩

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

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

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

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

色彩格式

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

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

某些色彩不應是不透明的,以避免遮蓋其他註解。請查看色彩描述以了解哪些色彩適用。

對比色彩

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

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

基本色彩

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

視窗邊框

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

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

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

文字色彩

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

  • textBlockQuote.background:文字中區塊引言的背景色彩。
  • textBlockQuote.border:文字中區塊引言的邊框色彩。
  • textCodeBlock.background:文字中程式碼區塊的背景色彩。
  • textLink.activeForeground:文字中連結在點擊時和滑鼠hover 時的前景色彩。
  • textLink.foreground:文字中連結的前景色彩。
  • textPreformat.foreground:預先格式化文字段落的前景色彩。
  • textPreformat.background:預先格式化文字段落的背景色彩。
  • textSeparator.foreground:文字分隔符號的色彩。

動作色彩

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

  • toolbar.hoverBackground:滑鼠hover 在動作上時的工具列背景
  • toolbar.hoverOutline:滑鼠hover 在動作上時的工具列外框
  • toolbar.activeBackground:滑鼠按住動作時的工具列背景
  • editorActionList.background:動作清單背景色彩。
  • editorActionList.foreground:動作清單前景色彩。
  • editorActionList.focusForeground:聚焦項目之動作清單前景色彩。
  • editorActionList.focusBackground:聚焦項目之動作清單背景色彩。

按鈕控制項

一組按鈕小工具的色彩,例如新視窗的 Explorer 中的「開啟資料夾」按鈕。

button control

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

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

dropdown control

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

輸入控制項

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

input control

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

捲軸控制項

  • scrollbar.shadow:捲軸滑桿陰影,指示檢視已捲動。
  • scrollbarSlider.activeBackground:點擊時的捲軸滑桿背景色彩。
  • scrollbarSlider.background:捲軸滑桿背景色彩。
  • scrollbarSlider.hoverBackground:hover 時的捲軸滑桿背景色彩。

徽章

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

  • 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:使用滑鼠hover 在項目上時的清單/樹狀目錄背景。
  • list.hoverForeground:使用滑鼠hover 在項目上時的清單/樹狀目錄前景。
  • list.inactiveSelectionBackground:當清單/樹狀目錄為非活動狀態時,選取項目的清單/樹狀目錄背景色彩。
  • list.inactiveSelectionForeground:當清單/樹狀目錄為非活動狀態時,選取項目的清單/樹狀目錄前景色彩。活動清單/樹狀目錄具有鍵盤焦點,非活動清單/樹狀目錄則沒有。
  • list.inactiveSelectionIconForeground:當清單/樹狀目錄為非活動狀態時,選取項目的清單/樹狀目錄圖示前景色彩。活動清單/樹狀目錄具有鍵盤焦點,非活動清單/樹狀目錄則沒有。
  • list.inactiveFocusBackground:當清單為非活動狀態時,聚焦項目的清單背景色彩。活動清單具有鍵盤焦點,非活動清單則沒有。目前僅在清單中支援。
  • list.inactiveFocusOutline:當清單/樹狀目錄為非活動狀態時,聚焦項目的清單/樹狀目錄外框色彩。活動清單/樹狀目錄具有鍵盤焦點,非活動清單/樹狀目錄則沒有。
  • list.invalidItemForeground:無效項目的清單/樹狀目錄前景色彩,例如總管中未解析的根目錄。
  • list.errorForeground:包含錯誤之清單項目的前景色彩。
  • list.warningForeground:包含警告之清單項目的前景色彩。
  • listFilterWidget.background:在清單/樹狀目錄內搜尋時,輸入文字的清單/樹狀目錄篩選條件背景色彩。
  • listFilterWidget.outline:在清單/樹狀目錄內搜尋時,輸入文字的清單/樹狀目錄篩選條件小工具外框色彩。
  • listFilterWidget.noMatchesOutline:在清單/樹狀目錄內搜尋時,輸入文字找不到符合項目的清單/樹狀目錄篩選條件小工具外框色彩。
  • listFilterWidget.shadow:清單和樹狀目錄中類型篩選條件小工具的陰影色彩。
  • list.filterMatchBackground:清單和樹狀目錄中已篩選符合項目的背景色彩。
  • list.filterMatchBorder:清單和樹狀目錄中已篩選符合項目的邊框色彩。
  • list.deemphasizedForeground:清單/樹狀目錄中已淡化項目的前景色彩。
  • list.dropBetweenBackground:使用滑鼠在項目之間移動項目時,清單/樹狀目錄拖放邊框色彩。
  • tree.indentGuidesStroke:樹狀目錄小工具用於縮排參考線的筆觸色彩。
  • tree.inactiveIndentGuidesStroke:樹狀目錄用於非活動狀態縮排參考線的筆觸色彩。
  • tree.tableColumnsBorder:樹狀目錄用於縮排參考線的筆觸色彩。
  • tree.tableOddRowsBackground:表格奇數列的背景色彩。

活動列

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

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

設定檔

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

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

  • sideBar.background:側邊欄背景色彩。

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

  • sideBar.border:側邊欄在分隔編輯器側的邊框色彩。

  • sideBar.dropBackground:側邊欄區段的拖放意見反應色彩。色彩應具有透明度,以便側邊欄區段仍可透視。

  • sideBarTitle.foreground:側邊欄標題前景色彩。

  • sideBarSectionHeader.background:側邊欄區段標題背景色彩。

  • sideBarSectionHeader.foreground:側邊欄區段標題前景色彩。

  • sideBarSectionHeader.border:側邊欄區段標題邊框色彩。

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

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

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

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

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

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

迷你地圖

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

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

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

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

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

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

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

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

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

  • minimapSlider.background:迷你地圖滑桿背景色彩。

  • minimapSlider.hoverBackground:hover 時的迷你地圖滑桿背景色彩。

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

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

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

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

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

編輯器群組 & 索引標籤

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

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

    editorGroup.border

  • editorGroup.dropBackground:拖曳編輯器時的背景色彩。

    editorGroup.dropBackground

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

    editorGroupHeader.noTabsBackground

  • editorGroupHeader.tabsBackground:索引標籤容器的背景色彩。

    editorGroupHeader.tabsBackground

  • editorGroupHeader.tabsBorder:啟用索引標籤時,編輯器索引標籤控制項下方的邊框色彩。

    editorGroupHeader.tabsBorder

  • editorGroupHeader.border:編輯器群組標頭與編輯器之間的邊框色彩 (若已啟用麵包屑導覽,則在麵包屑導覽下方)。

  • editorGroup.emptyBackground:空白編輯器群組的背景色彩。

  • editorGroup.focusedEmptyBorder:聚焦之空白編輯器群組的邊框色彩。

  • editorGroup.dropIntoPromptForeground:拖曳檔案時在編輯器上方顯示之文字的前景色彩。此文字告知使用者他們可以按住 Shift 鍵以放入編輯器。

  • editorGroup.dropIntoPromptBackground:拖曳檔案時在編輯器上方顯示之文字的背景色彩。此文字告知使用者他們可以按住 Shift 鍵以放入編輯器。

  • editorGroup.dropIntoPromptBorder:拖曳檔案時在編輯器上方顯示之文字的邊框色彩。此文字告知使用者他們可以按住 Shift 鍵以放入編輯器。

  • tab.activeBackground:活動群組中活動索引標籤的背景色彩。

  • tab.unfocusedActiveBackground:非活動編輯器群組中活動索引標籤的背景色彩。

  • tab.activeForeground:活動群組中活動索引標籤的前景色彩。

  • tab.border:將索引標籤彼此分隔開來的邊框。

  • tab.activeBorder:活動索引標籤的底部邊框。

  • tab.selectedBorderTop:選取索引標籤頂端的邊框。索引標籤是編輯器區域中編輯器的容器。一個編輯器群組中可以開啟多個索引標籤。可以有多個編輯器群組。

  • tab.selectedBackground:選取索引標籤的背景。索引標籤是編輯器區域中編輯器的容器。一個編輯器群組中可以開啟多個索引標籤。可以有多個編輯器群組。

  • tab.selectedForeground:選取索引標籤的前景。索引標籤是編輯器區域中編輯器的容器。一個編輯器群組中可以開啟多個索引標籤。可以有多個編輯器群組。

  • tab.dragAndDropBorder:索引標籤之間的邊框,指示索引標籤可以插入在兩個索引標籤之間。索引標籤是編輯器區域中編輯器的容器。一個編輯器群組中可以開啟多個索引標籤。可以有多個編輯器群組。

  • tab.unfocusedActiveBorder:非活動編輯器群組中活動索引標籤的底部邊框。

  • tab.activeBorderTop:活動索引標籤的頂部邊框。

  • tab.unfocusedActiveBorderTop:非活動編輯器群組中活動索引標籤的頂部邊框

  • tab.lastPinnedBorder:最後釘選編輯器右側的邊框,用於與未釘選編輯器分隔。

  • tab.inactiveBackground:非活動索引標籤背景色彩。

  • tab.unfocusedInactiveBackground:未聚焦群組中非活動索引標籤背景色彩

  • tab.inactiveForeground:活動群組中非活動索引標籤前景色彩。

  • tab.unfocusedActiveForeground:非活動編輯器群組中活動索引標籤前景色彩。

  • tab.unfocusedInactiveForeground:非活動編輯器群組中非活動索引標籤前景色彩。

  • tab.hoverBackground:hover 時的索引標籤背景色彩

  • tab.unfocusedHoverBackground:未聚焦群組中 hover 時的索引標籤背景色彩

  • tab.hoverForeground:hover 時的索引標籤前景色彩

  • tab.unfocusedHoverForeground:未聚焦群組中 hover 時的索引標籤前景色彩

  • tab.hoverBorder:hover 時醒目提示索引標籤的邊框

  • tab.unfocusedHoverBorder:未聚焦群組中 hover 時醒目提示索引標籤的邊框

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

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

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

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

  • editorPane.background:在置中編輯器版面配置的左側和右側可見之編輯器窗格的背景色彩。

  • sideBySideEditor.horizontalBorder:從上到下在編輯器群組中並排顯示兩個編輯器時,分隔它們的色彩。

  • sideBySideEditor.verticalBorder:從左到右在編輯器群組中並排顯示兩個編輯器時,分隔它們的色彩。

編輯器色彩

最顯著的編輯器色彩是用於語法醒目提示的token 色彩,並且基於已安裝的語言文法。這些色彩由色彩佈景主題定義,但也可以使用 editor.tokenColorCustomizations 設定來自訂。如需更新色彩佈景主題和可用 token 類型的詳細資訊,請參閱自訂色彩佈景主題

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

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

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

selection highlight

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

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

occurrences

  • editor.wordHighlightBackground:讀取存取期間符號的背景色彩,例如讀取變數時。色彩不得不透明,以免隱藏底層裝飾。
  • editor.wordHighlightBorder:讀取存取期間符號的邊框色彩,例如讀取變數時。
  • editor.wordHighlightStrongBackground:寫入存取期間符號的背景色彩,例如寫入變數時。色彩不得不透明,以免隱藏底層裝飾。
  • editor.wordHighlightStrongBorder:寫入存取期間符號的邊框色彩,例如寫入變數時。
  • editor.wordHighlightTextBackground:符號之文字出現位置的背景色彩。色彩不得不透明,以免隱藏底層裝飾。
  • editor.wordHighlightTextBorder:符號之文字出現位置的邊框色彩。

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

Find matches

  • editor.findMatchBackground:目前搜尋符合項目的色彩。
  • editor.findMatchForeground:目前搜尋符合項目的文字色彩。
  • editor.findMatchHighlightForeground:其他搜尋符合項目的前景色彩。
  • editor.findMatchHighlightBackground:其他搜尋符合項目的色彩。色彩不得不透明,以免隱藏底層裝飾。
  • editor.findRangeHighlightBackground:限制搜尋範圍的色彩 (在尋找小工具中啟用「在選取範圍中尋找」)。色彩不得不透明,以免隱藏底層裝飾。
  • editor.findMatchBorder:目前搜尋符合項目的邊框色彩。
  • editor.findMatchHighlightBorder:其他搜尋符合項目的邊框色彩。
  • editor.findRangeHighlightBorder:限制搜尋範圍的邊框色彩 (在尋找小工具中啟用「在選取範圍中尋找」)。

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

Search Results

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

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

Search Editor Matches

  • searchEditor.findMatchBackground:編輯器結果的色彩。
  • searchEditor.findMatchBorder:編輯器結果的邊框色彩。
  • searchEditor.textInputBorder:搜尋編輯器文字輸入方塊邊框。

hover 醒目提示顯示在顯示 hover 的符號後面。

Hover Highlight

  • editor.hoverHighlightBackground:醒目提示顯示hover效果的字詞下方的背景。色彩必須是非不透明的,才不會遮蔽底層的裝飾。

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

Line Highlight

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

編輯器浮水印的色彩

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

Unicode 醒目提示的色彩

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

按一下連結時,連結色彩會顯示出來。

Link

  • editorLink.activeForeground:作用中連結的色彩。

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

Range Highlight

  • editor.rangeHighlightBackground:醒目提示範圍的背景顏色,用於「快速開啟」、「檔案中的符號」和「尋找」功能。色彩必須是非不透明的,才不會遮蔽底層的裝飾。
  • editor.rangeHighlightBorder:醒目提示範圍周圍邊框的背景顏色。

透過「前往定義」等命令導覽至符號時,符號醒目提示會顯示出來。

  • editor.symbolHighlightBackground:醒目提示符號的背景顏色。色彩必須是非不透明的,才不會遮蔽底層的裝飾。
  • editor.symbolHighlightBorder:醒目提示符號周圍邊框的背景顏色。

若要查看編輯器空白字元,請啟用 [切換呈現空白字元]。

  • editorWhitespace.foreground:編輯器中空白字元的色彩。

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

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

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

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

若要查看編輯器參考線,請使用 "editor.rulers" 定義其位置

  • editorRuler.foreground:編輯器參考線的色彩。

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

程式碼鏡頭

CodeLens

  • editorCodeLens.foreground:編輯器程式碼鏡頭的前景顏色。

小燈泡

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

括號配對

Bracket colors

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

括號配對顏色標注

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

括號配對參考線

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

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

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

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

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

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

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

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

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

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

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

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

折疊

  • editor.foldBackground:折疊範圍的背景顏色。色彩必須是非不透明的,才不會遮蔽底層的裝飾。
  • editor.foldPlaceholderForeground:折疊範圍第一行之後,已摺疊文字的色彩。

概觀尺規

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

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

錯誤和警告

  • editorError.foreground:編輯器中錯誤波浪線的前景顏色。
  • editorError.border:編輯器中錯誤框線的邊框顏色。
  • editorError.background:編輯器中錯誤文字的背景顏色。色彩必須是非不透明的,才不會遮蔽底層的裝飾。
  • editorWarning.foreground:編輯器中警告波浪線的前景顏色。
  • editorWarning.border:編輯器中警告框線的邊框顏色。
  • editorWarning.background:編輯器中警告文字的背景顏色。色彩必須是非不透明的,才不會遮蔽底層的裝飾。
  • editorInfo.foreground:編輯器中資訊波浪線的前景顏色。
  • editorInfo.border:編輯器中資訊框線的邊框顏色。
  • editorInfo.background:編輯器中資訊文字的背景顏色。色彩必須是非不透明的,才不會遮蔽底層的裝飾。
  • editorHint.foreground:編輯器中提示的前景顏色。
  • editorHint.border:編輯器中提示框線的邊框顏色。
  • problemsErrorIcon.foreground:用於問題錯誤圖示的色彩。
  • problemsWarningIcon.foreground:用於問題警告圖示的色彩。
  • problemsInfoIcon.foreground:用於問題資訊圖示的色彩。

未使用的原始碼

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

邊欄包含字形邊界和行號

  • editorGutter.background:編輯器邊欄的背景顏色。邊欄包含字形邊界和行號。
  • editorGutter.modifiedBackground:已修改行的編輯器邊欄背景顏色。
  • editorGutter.addedBackground:已新增行的編輯器邊欄背景顏色。
  • editorGutter.deletedBackground:已刪除行的編輯器邊欄背景顏色。
  • editorGutter.commentRangeForeground:用於註解範圍的編輯器邊欄裝飾色彩。
  • editorGutter.commentGlyphForeground:用於註解字形的編輯器邊欄裝飾色彩。
  • editorGutter.commentUnresolvedGlyphForeground:用於未解決註解串的註解字形的編輯器邊欄裝飾色彩。
  • editorGutter.foldingControlForeground:編輯器邊欄中折疊控制項的色彩。

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

  • editorCommentsWidget.resolvedBorder:已解決註解的邊框和箭頭色彩。
  • editorCommentsWidget.unresolvedBorder:未解決註解的邊框和箭頭色彩。
  • editorCommentsWidget.rangeBackground:註解範圍的背景色彩。
  • editorCommentsWidget.rangeActiveBackground:目前選取或 hover 的註解範圍的背景色彩。
  • editorCommentsWidget.replyInputBackground:註解回覆輸入框的背景顏色。

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

  • inlineEdit.gutterIndicator.primaryForeground:主要行內編輯邊欄指示器的前景顏色。
  • inlineEdit.gutterIndicator.primaryBackground:主要行內編輯邊欄指示器的背景顏色。
  • inlineEdit.gutterIndicator.secondaryForeground:次要行內編輯邊欄指示器的前景顏色。
  • inlineEdit.gutterIndicator.secondaryBackground:次要行內編輯邊欄指示器的背景顏色。
  • inlineEdit.gutterIndicator.successfulForeground:成功行內編輯邊欄指示器的前景顏色。
  • inlineEdit.gutterIndicator.successfulBackground:成功行內編輯邊欄指示器的背景顏色。
  • inlineEdit.gutterIndicator.background:行內編輯邊欄指示器的背景顏色。
  • inlineEdit.indicator.foreground:行內編輯指示器的前景顏色。
  • inlineEdit.indicator.background:行內編輯指示器的背景顏色。
  • inlineEdit.indicator.border:行內編輯指示器的邊框顏色。
  • inlineEdit.originalBackground:行內編輯中原始文字的背景顏色。
  • inlineEdit.modifiedBackground:行內編輯中修改後文字的背景顏色。
  • inlineEdit.originalChangedLineBackground:行內編輯原始文字中已變更行的背景顏色。
  • inlineEdit.originalChangedTextBackground:行內編輯原始文字中已變更文字的覆疊色彩。
  • inlineEdit.modifiedChangedLineBackground:行內編輯修改後文字中已變更行的背景顏色。
  • inlineEdit.modifiedChangedTextBackground:行內編輯修改後文字中已變更文字的覆疊色彩。
  • inlineEdit.originalBorder:行內編輯中原始文字的邊框顏色。
  • inlineEdit.modifiedBorder:行內編輯中修改後文字的邊框顏色。
  • inlineEdit.wordReplacementView.background:行內編輯文字替換檢視的背景顏色。

差異編輯器色彩

若要為插入和移除的文字著色,請使用背景或邊框色彩,但不要兩者都用。

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

聊天色彩

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

行內聊天色彩

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

面板聊天色彩

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

編輯器小工具色彩

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

  • editorWidget.foreground:編輯器小工具的前景顏色,例如尋找/取代。

  • editorWidget.background:編輯器小工具的背景顏色,例如尋找/取代。

  • editorWidget.border:編輯器小工具的邊框顏色,除非小工具不包含邊框或定義自己的邊框顏色。

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

  • editorSuggestWidget.background:建議小工具的背景顏色。

  • editorSuggestWidget.border:建議小工具的邊框顏色。

  • editorSuggestWidget.foreground:建議小工具的前景顏色。

  • editorSuggestWidget.focusHighlightForeground:項目在焦點時,建議小工具中比對醒目提示的色彩。

  • editorSuggestWidget.highlightForeground:建議小工具中比對醒目提示的色彩。

  • editorSuggestWidget.selectedBackground:建議小工具中選取項目的背景顏色。

  • editorSuggestWidget.selectedForeground:建議小工具中選取項目的前景顏色。

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

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

  • editorHoverWidget.foreground:編輯器 hover 的前景顏色。

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

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

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

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

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

  • editorGhostText.background:編輯器中幽靈文字的背景顏色。

  • editorGhostText.foreground:行內完成提供者和建議預覽所顯示幽靈文字的前景顏色。

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

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

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

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

「偵錯例外狀況」小工具是預覽檢視,會在偵錯在例外狀況停止時顯示在編輯器中。

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

導覽至編輯器中的錯誤和警告時 (「前往下一個錯誤或警告」命令),會顯示編輯器標記導覽。

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

預覽檢視色彩

預覽檢視用於將參考和宣告顯示為編輯器內部的檢視。

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

合併衝突色彩

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

Merge ranges

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

面板色彩

面板顯示在編輯器區域下方,並包含 [輸出] 和 [整合式終端機] 等檢視。

  • panel.background:面板背景顏色。
  • panel.border:面板邊框顏色,用於將面板與編輯器分隔開來。
  • panel.dropBorder:面板標題的拖放意見反應色彩。面板顯示在編輯器區域下方,並包含 [輸出] 和 [整合式終端機] 等檢視。
  • panelTitle.activeBorder:作用中面板標題的邊框顏色。
  • panelTitle.activeForeground:作用中面板的標題色彩。
  • panelTitle.inactiveForeground:非作用中面板的標題色彩。
  • panelTitle.border:面板標題底部的邊框顏色,用於將標題與檢視分隔開來。面板顯示在編輯器區域下方,並包含 [輸出] 和 [整合式終端機] 等檢視。
  • 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:hover 時的狀態列項目前景顏色。狀態列顯示在視窗底部。
  • statusBarItem.hoverBackground:hover 時的狀態列項目背景顏色。
  • statusBarItem.prominentForeground:狀態列突出項目前景顏色。
  • statusBarItem.prominentBackground:狀態列突出項目背景顏色。
  • statusBarItem.prominentHoverForeground:hover 時的狀態列突出項目前景顏色。突出項目會從其他狀態列項目中脫穎而出,以表示重要性。狀態列顯示在視窗底部。
  • statusBarItem.prominentHoverBackground:hover 時的狀態列突出項目背景顏色。
  • statusBarItem.remoteBackground:狀態列上遠端指示器的背景顏色。
  • statusBarItem.remoteForeground:狀態列上遠端指示器的前景顏色。
  • statusBarItem.remoteHoverBackground:hover 時狀態列上遠端指示器的背景顏色。
  • statusBarItem.remoteHoverForeground:hover 時狀態列上遠端指示器的前景顏色。
  • statusBarItem.errorBackground:狀態列錯誤項目背景顏色。錯誤項目會從其他狀態列項目中脫穎而出,以表示錯誤情況。
  • statusBarItem.errorForeground:狀態列錯誤項目前景顏色。錯誤項目會從其他狀態列項目中脫穎而出,以表示錯誤情況。
  • statusBarItem.errorHoverBackground:hover 時狀態列錯誤項目背景顏色。錯誤項目會從其他狀態列項目中脫穎而出,以表示錯誤情況。狀態列顯示在視窗底部。
  • statusBarItem.errorHoverForeground:hover 時狀態列錯誤項目前景顏色。錯誤項目會從其他狀態列項目中脫穎而出,以表示錯誤情況。狀態列顯示在視窗底部。
  • statusBarItem.warningBackground:狀態列警告項目背景顏色。警告項目會從其他狀態列項目中脫穎而出,以表示警告情況。狀態列顯示在視窗底部。
  • statusBarItem.warningForeground:狀態列警告項目前景顏色。警告項目會從其他狀態列項目中脫穎而出,以表示警告情況。狀態列顯示在視窗底部。
  • statusBarItem.warningHoverBackground:hover 時狀態列警告項目背景顏色。警告項目會從其他狀態列項目中脫穎而出,以表示警告情況。狀態列顯示在視窗底部。
  • statusBarItem.warningHoverForeground:hover 時狀態列警告項目前景顏色。警告項目會從其他狀態列項目中脫穎而出,以表示警告情況。狀態列顯示在視窗底部。
  • statusBarItem.compactHoverBackground:hover 包含兩個 hover 的項目時的狀態列項目背景顏色。狀態列顯示在視窗底部。
  • statusBarItem.focusBorder:在鍵盤導覽上焦點狀態列項目時的邊框顏色。狀態列顯示在視窗底部。
  • statusBar.focusBorder:在鍵盤導覽上焦點狀態列時的邊框顏色。狀態列顯示在視窗底部。
  • statusBarItem.offlineBackground:工作台離線時的狀態列項目背景顏色。
  • statusBarItem.offlineForeground:工作台離線時的狀態列項目前景顏色。
  • statusBarItem.offlineHoverForeground:工作台離線時的狀態列項目前景 hover 色彩。
  • statusBarItem.offlineHoverBackground:工作台離線時的狀態列項目背景 hover 色彩。

突出項目會從其他狀態列項目中脫穎而出,以表示重要性。其中一個範例是 [切換 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: 程式偵錯時,命令中心的背景顏色。

通知色彩

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

Notification Toasts

一旦在通知中心開啟,它們會以帶有標題的清單顯示

Notification Center

  • notificationCenter.border: 通知中心邊框顏色。
  • notificationCenterHeader.foreground: 通知中心標題文字顏色。
  • notificationCenterHeader.background: 通知中心標題背景顏色。
  • notificationToast.border: 通知訊息泡泡邊框顏色。
  • notifications.foreground: 通知文字顏色。
  • notifications.background: 通知背景顏色。
  • notifications.border: 通知中心內分隔不同通知訊息的邊框顏色。
  • notificationLink.foreground: 通知連結文字顏色。
  • notificationsErrorIcon.foreground: 通知錯誤圖示使用的顏色。
  • notificationsWarningIcon.foreground: 通知警告圖示使用的顏色。
  • notificationsInfoIcon.foreground: 通知資訊圖示使用的顏色。

橫幅會顯示在標題列下方,並在可見時跨越工作台的整個寬度。

  • banner.background: 橫幅背景顏色。
  • banner.foreground: 橫幅文字顏色。
  • banner.iconForeground: 橫幅文字前方圖示的顏色。

擴充功能色彩

  • extensionButton.prominentForeground: 擴充功能檢視按鈕文字顏色 (例如 安裝 按鈕)。
  • extensionButton.prominentBackground: 擴充功能檢視按鈕背景顏色。
  • extensionButton.prominentHoverBackground: 擴充功能檢視按鈕背景懸停顏色。
  • extensionButton.background: 擴充功能動作的按鈕背景顏色。
  • extensionButton.foreground: 擴充功能動作的按鈕文字顏色。
  • extensionButton.hoverBackground: 擴充功能動作的按鈕背景懸停顏色。
  • extensionButton.separator: 擴充功能動作的按鈕分隔線顏色。
  • extensionBadge.remoteBackground: 擴充功能檢視中遠端標籤的背景顏色。
  • extensionBadge.remoteForeground: 擴充功能檢視中遠端標籤的文字顏色。
  • extensionIcon.starForeground: 擴充功能評級的圖示顏色。
  • extensionIcon.verifiedForeground: 擴充功能已驗證發行者的圖示顏色。
  • extensionIcon.preReleaseForeground: 預先發行擴充功能的圖示顏色。
  • extensionIcon.sponsorForeground: 擴充功能贊助者的圖示顏色。

快速選取器色彩

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

按鍵繫結標籤色彩

當命令有相關的按鍵綁定時,會顯示按鍵綁定標籤。按鍵綁定標籤的範例可以在命令面板中看到

Keybinding label

按鍵綁定標籤的用途包括 (但不限於)

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

以下自訂項目可用

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

鍵盤快速鍵表格色彩

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

整合式終端機色彩

  • terminal.background: 整合式終端機檢視區的背景。
  • terminal.border: 分隔終端機內分割窗格的邊框顏色。預設為 panel.border。
  • terminal.foreground: 整合式終端機的預設文字顏色。
  • terminal.ansiBlack: 終端機中的 '黑色' ANSI 顏色。
  • terminal.ansiBlue: 終端機中的 '藍色' ANSI 顏色。
  • terminal.ansiBrightBlack: 終端機中的 '亮黑色' ANSI 顏色。
  • terminal.ansiBrightBlue: 終端機中的 '亮藍色' ANSI 顏色。
  • terminal.ansiBrightCyan: 終端機中的 '亮青色' ANSI 顏色。
  • terminal.ansiBrightGreen: 終端機中的 '亮綠色' ANSI 顏色。
  • terminal.ansiBrightMagenta: 終端機中的 '亮洋紅色' ANSI 顏色。
  • terminal.ansiBrightRed: 終端機中的 '亮紅色' ANSI 顏色。
  • terminal.ansiBrightWhite: 終端機中的 '亮白色' ANSI 顏色。
  • terminal.ansiBrightYellow: 終端機中的 '亮黃色' ANSI 顏色。
  • terminal.ansiCyan: 終端機中的 '青色' ANSI 顏色。
  • terminal.ansiGreen: 終端機中的 '綠色' ANSI 顏色。
  • terminal.ansiMagenta: 終端機中的 '洋紅色' ANSI 顏色。
  • terminal.ansiRed: 終端機中的 '紅色' ANSI 顏色。
  • terminal.ansiWhite: 終端機中的 '白色' ANSI 顏色。
  • terminal.ansiYellow: 終端機中的 '黃色' ANSI 顏色。
  • terminal.selectionBackground: 終端機的選取背景顏色。
  • terminal.selectionForeground: 終端機的選取文字顏色。當此值為 null 時,將保留選取文字顏色,並套用最小對比度功能。
  • terminal.inactiveSelectionBackground: 終端機未取得焦點時的選取背景顏色。
  • terminal.findMatchBackground: 終端機中目前搜尋比對項目的顏色。此顏色必須是不透明的,以免隱藏底層的終端機內容。
  • terminal.findMatchBorder: 終端機中目前搜尋比對項目的邊框顏色。
  • terminal.findMatchHighlightBackground: 終端機中其他搜尋比對項目的顏色。此顏色必須是不透明的,以免隱藏底層的終端機內容。
  • terminal.findMatchHighlightBorder: 終端機中其他搜尋比對項目的邊框顏色。
  • terminal.hoverHighlightBackground: 將滑鼠懸停在終端機中的連結上時,醒目提示的顏色。
  • terminalCursor.background: 終端機游標的背景顏色。允許自訂區塊游標重疊字元的顏色。
  • terminalCursor.foreground: 終端機游標的文字顏色。
  • terminal.dropBackground: 將項目拖曳到終端機上方時的背景顏色。此顏色應具有透明度,以便終端機內容仍可透視。
  • terminal.tab.activeBorder: 面板中終端機索引標籤側邊的邊框。預設為 tab.activeBorder
  • terminalCommandDecoration.defaultBackground: 預設終端機命令裝飾背景顏色。
  • terminalCommandDecoration.successBackground: 成功命令的終端機命令裝飾背景顏色。
  • terminalCommandDecoration.errorBackground: 錯誤命令的終端機命令裝飾背景顏色。
  • terminalOverviewRuler.cursorForeground: 概觀尺規游標顏色。
  • terminalOverviewRuler.findMatchForeground: 終端機中尋找比對項目的概觀尺規標記顏色。
  • terminalStickyScroll.background: 終端機中黏性捲動覆疊的背景顏色。
  • terminalStickyScroll.border: 終端機中黏性捲動覆疊的邊框。
  • terminalStickyScrollHover.background: 滑鼠懸停時,終端機中黏性捲動覆疊的背景顏色。
  • terminal.initialHintForeground: 終端機初始提示的文字顏色。
  • terminalOverviewRuler.border: 概觀尺規左側邊框顏色。
  • terminalCommandGuide.foreground: 滑鼠懸停在命令及其輸出時,顯示在命令左側的終端機命令指南文字顏色。

偵錯色彩

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

測試色彩

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

歡迎頁面色彩

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

  • welcomePage.progress.background: 歡迎頁面進度列的文字顏色。

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

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

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

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

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

  • walkthrough.stepTitle.foreground: 每個逐步解說步驟標題的文字顏色。

Git 色彩

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

原始碼控制圖表色彩

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

設定編輯器色彩

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

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

麵包屑導覽的主題色彩

  • breadcrumb.foreground: 麵包屑項目的顏色。
  • breadcrumb.background: 麵包屑項目的背景顏色。
  • breadcrumb.focusForeground: 焦點麵包屑項目的顏色。
  • breadcrumb.activeSelectionForeground: 選取麵包屑項目的顏色。
  • breadcrumbPicker.background: 麵包屑項目選擇器的背景顏色。

程式碼片段色彩

程式碼片段的主題色彩

  • editor.snippetTabstopHighlightBackground: 程式碼片段停駐點的醒目提示背景顏色。
  • 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: 捲軸分隔線邊框的顏色。

擴充功能色彩

色彩 ID 也可以由擴充功能透過 色彩貢獻點 貢獻。當在 workbench.colorCustomizations 設定和色彩主題定義檔案中使用程式碼完成時,也會顯示這些色彩。使用者可以在 擴充功能貢獻 索引標籤中查看擴充功能定義的色彩。