如何为 VS Code 创建自己的主题？

Question

如何为 VS Code 创建自己的主题？改变颜色和语法颜色？

Answer 1

使用 workbench.colorCustomizations和调整主题颜色后editor.tokenColorCustomizations，就可以创建实际的主题了。

1. 使用命令面板中的开发人员：从当前设置生成颜色主题命令生成主题文件

2. 使用 VS Code 的Yeoman扩展生成器生成新的主题扩展：

   bash npm install -g yo generator-code yo code

3. 如果您如上所述自定义了主题，请选择“重新开始”。

4. 将根据您的设置生成的主题文件复制到新扩展名。

您还可以通过告诉扩展生成器导入 TextMate 主题文件 (.tmTheme) 并将其打包以在 VS Code 中使用来使用现有的 TextMate 主题。或者，如果您已经下载了主题，请将该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后缀，您将在编辑时获得悬停、代码完成、颜色装饰器和颜色选择器。

来源： 创建新的颜色主题