參加你附近的 ,瞭解 VS Code 中的 AI 輔助開發。

主題

在 Visual Studio Code 中,有三種類型的主題

  • 顏色主題:UI 元件識別符號和文字標記識別符號到顏色的對映。顏色主題允許您將您喜歡的顏色應用於 VS Code UI 元件和編輯器中的文字。
  • 檔案圖示主題:檔案型別/檔名到影像的對映。檔案圖示顯示在 VS Code UI 的各個位置,例如檔案資源管理器、快速開啟列表和編輯器選項卡。
  • 產品圖示主題:一套用於整個 UI 的圖示,從側邊欄、活動欄、狀態列到編輯器字形邊距。

顏色主題

color-theme

如插圖所示,顏色主題定義了 UI 元件的顏色以及編輯器中的高亮顯示顏色

  • 控制 UI 元件顏色的 colors 對映。
  • tokenColors 定義了編輯器中高亮顯示的顏色和樣式。語法高亮指南提供了更多關於該主題的資訊。
  • semanticTokenColors 對映以及 semanticHighlighting 設定可以增強編輯器中的高亮顯示。語義高亮指南解釋了與之相關的 API。

我們有一個顏色主題指南和一個顏色主題示例,說明了如何建立主題。

檔案圖示主題

檔案圖示主題允許您

  • 建立從唯一檔案圖示識別符號到影像或字型圖示的對映。
  • 透過檔名或檔案語言型別將檔案與這些唯一的檔案圖示識別符號關聯起來。

檔案圖示主題指南討論瞭如何建立檔案圖示主題。file-icon-theme

產品圖示主題

產品圖示主題允許您

重新定義工作臺中使用的所有內建圖示。例如,篩選操作按鈕和檢視圖示、狀態列中的圖示、斷點以及樹和編輯器中的摺疊圖示。

產品圖示主題指南討論瞭如何建立產品圖示主題。