现已推出!阅读 10 月份的新功能和修复。

主题

在 Visual Studio Code 中,有三种类型的主题

  • **颜色主题**: 将 UI 组件标识符和文本标记标识符映射到颜色。颜色主题允许您将您喜欢的颜色应用于 VS Code UI 组件和编辑器中的文本。
  • **文件图标主题**: 将文件类型/文件名映射到图像。文件图标在 VS Code UI 的各个位置显示,例如文件资源管理器、快速打开列表和编辑器选项卡。
  • **产品图标主题**: 一组用于整个 UI 的图标,从侧边栏、活动栏、状态栏到编辑器字形边距。

颜色主题

color-theme

如插图所示,颜色主题定义了 UI 组件的颜色以及编辑器中突出显示的颜色

  • 控制 UI 组件颜色的 `colors` 映射。
  • `tokenColors` 定义编辑器中突出显示的颜色和样式。有关该主题的更多信息,请参见 语法高亮指南
  • `semanticTokenColors` 映射以及 `semanticHighlighting` 设置可以增强编辑器中的突出显示。有关该主题的更多信息,请参见 语义高亮指南

我们有一个 颜色主题指南 和一个 颜色主题示例,演示如何创建主题。

文件图标主题

文件图标主题允许您

  • 创建从唯一文件图标标识符到图像或字体图标的映射。
  • 通过文件名或文件语言类型将文件关联到这些唯一的文件图标标识符。

有关如何创建文件图标主题的讨论,请参见 文件图标主题指南file-icon-theme

产品图标主题

产品图标主题允许您

重新定义工作台中使用所有内置图标。例如,过滤器操作按钮和视图图标、状态栏、断点以及树和编辑器中的折叠图标中的图标。

有关如何创建产品图标主题的讨论,请参见 产品图标主题指南