主題設定

在 Visual Studio Code 中，共有三種類型的佈景主題

• 色彩佈景主題 (Color Theme)：將使用者介面 (UI) 元件識別碼與文字標記 (Text Token) 識別碼映射至顏色的機制。色彩佈景主題可讓您將喜愛的顏色套用至 VS Code UI 元件及編輯器中的文字。
• 檔案圖示佈景主題 (File Icon Theme)：將檔案類型 / 檔案名稱映射至影像的機制。檔案圖示會顯示在 VS Code UI 的各個位置，例如檔案總管、快速開啟清單以及編輯器索引標籤。
• 產品圖示佈景主題 (Product Icon Theme)：用於整個 UI 的一組圖示，涵蓋側邊欄、活動列、狀態列到編輯器頁緣符號 (glyph margin) 等區域。

顏色主題

如圖所示，色彩佈景主題不僅為 UI 元件定義顏色，也定義了編輯器中的語法突顯顏色。

• 控制 UI 元件顏色的 colors 映射。
• tokenColors 定義了編輯器中語法突顯的顏色與樣式。語法突顯指南中有關於此主題的更多資訊。
• semanticTokenColors 映射以及 semanticHighlighting 設定允許增強編輯器中的突顯效果。語意突顯指南說明了與此相關的 API。

我們提供了色彩佈景主題指南以及一個色彩佈景主題範例，用以說明如何建立佈景主題。

檔案圖示主題

檔案圖示佈景主題允許您

• 建立從唯一的檔案圖示識別碼到影像或字型圖示的映射。
• 透過檔名或檔案語言類型，將檔案與這些唯一的檔案圖示識別碼建立關聯。

這篇檔案圖示佈景主題指南討論了如何建立檔案圖示佈景主題。

產品圖示主題

產品圖示佈景主題允許您

重新定義工作台中使用的所有內建圖示。例如篩選動作按鈕、檢視圖示、狀態列、中斷點，以及樹狀結構與編輯器中的摺疊圖示。

這篇產品圖示佈景主題指南討論了如何建立產品圖示佈景主題。