如何为 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的官方文档创建自己的主题或自定义特定主题为您喜欢的样式