如何為 vs code 創建自己的主題？

Question

如何為 vs code 創建自己的主題？ 更改顏色和語法 colors？

Answer 1

使用workbench.colorCustomizations和editor.tokenColorCustomizations調整主題 colors 后，就該創建實際的主題了。

1. 使用開發人員生成主題文件：命令面板中的從當前設置生成顏色主題命令

2. 使用 VS Code 的Yeoman擴展生成器生成新的主題擴展：

   bash npm install -g yo generator-code yo code

3. 如果您如上所述自定義主題，select 'Start fresh'。

4. 將從您的設置生成的主題文件復制到新的擴展。

您還可以通過告訴擴展生成器導入 TextMate 主題文件 (.tmTheme) 和 package 來使用現有的 TextMate 主題，以便在 VS Code 中使用。 或者，如果您已經下載了主題，請將tokenColors部分替換為要使用的.tmTheme文件的鏈接。

 { "type": "dark", "colors": { "editor.background": "#1e1e1e", "editor.foreground": "#d4d4d4", "editorIndentGuide.background": "#404040", "editorRuler.foreground": "#333333", "activityBarBadge.background": "#007acc", "sideBarTitle.foreground": "#bbbbbb" }, "tokenColors": "./Diner.tmTheme" }

提示：給您的顏色定義文件-color-theme.json后綴，您將在編輯時獲得懸停、代碼完成、顏色裝飾器和顏色選擇器。

來源： 創建一個新的顏色主題

Answer 2

您可以按照 VS Code VS Code Theme Doc的官方文檔創建自己的主題或自定義特定主題為您喜歡的樣式