現已釋出!閱讀關於 11 月新增功能和修復的內容。

主題

在 Visual Studio Code 中,有三種主題

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

顏色主題

color-theme

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

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

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

檔案圖示主題

檔案圖示主題允許您

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

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

產品圖示主題

產品圖示主題允許您

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

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

© . This site is unofficial and not affiliated with Microsoft.