vscode插件開發中文文檔教程(6)——擴展的主題

原文鏈接：Theming\
作者：Microsoft\
譯者：倔強青銅三

前言

大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！

擴展的主題

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

• 顏色主題：從 UI 組件標識符和文本標記標識符到顏色的映射。顏色主題允許您將喜歡的顏色應用於 VS Code UI 組件和編輯器中的文本。
• 文件圖標主題：從文件類型/文件名到圖像的映射。文件圖標會在 VS Code UI 的多個位置顯示，例如文件資源管理器、快速打開列表和編輯器選項卡。
• 產品圖標主題：一組在整個 UI 中使用的圖標，包括側邊欄、活動欄、狀態欄以及編輯器符號邊距。

顏色主題

如圖所示，顏色主題定義了 UI 組件的顏色以及編輯器中的高亮顏色：

• colors 映射用於控制 UI 組件的顏色。
• tokenColors 定義了編輯器中高亮的色彩和樣式。有關更多詳細信息，請參閲 語法高亮指南。
• semanticTokenColors 映射以及 semanticHighlighting 設置可以增強編輯器中的高亮效果。語義高亮指南 解釋了與此相關的 API。

我們提供了一個 顏色主題指南 和一個 顏色主題示例，展示瞭如何創建主題。

文件圖標主題

文件圖標主題允許您：

• 創建從唯一文件圖標標識符到圖像或字體圖標的映射。
• 通過文件名或文件語言類型將文件關聯到這些唯一的文件圖標標識符。

文件圖標主題指南 討論瞭如何創建文件圖標主題。

產品圖標主題

產品圖標主題允許您：

重新定義工作台中使用的所有內置圖標。例如，過濾操作按鈕和視圖圖標、狀態欄圖標、斷點圖標以及樹和編輯器中的摺疊圖標。

產品圖標主題指南 討論瞭如何創建產品圖標主題。

最後感謝閲讀！歡迎關注我，微信公眾號：倔強青銅三。歡迎點贊、收藏、關注，一鍵三連！！！