主题

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

  • 颜色主题 (Color Theme):将 UI 组件标识符和文本词法标记 (Text Token) 标识符映射到颜色。颜色主题允许你将喜欢的颜色应用于 VS Code UI 组件和编辑器中的文本。
  • 文件图标主题 (File Icon Theme):将文件类型/文件名映射到图像。文件图标显示在 VS Code UI 的各个位置,例如文件资源管理器、快速打开列表和编辑器选项卡中。
  • 产品图标主题 (Product Icon Theme):用于整个 UI 的一组图标,涵盖从侧边栏、活动栏、状态栏到编辑器标记栏 (glyph margin) 的各个部分。

颜色主题

color-theme

正如插图所示,颜色主题定义了 UI 组件的颜色以及编辑器中的高亮颜色

  • 用于控制 UI 组件颜色的 colors 映射。
  • tokenColors 定义了编辑器中高亮显示的颜色和样式。语法高亮指南提供了关于该主题的更多信息。
  • semanticTokenColors 映射以及 semanticHighlighting 设置允许增强编辑器中的高亮显示。语义高亮指南解释了与此相关的 API。

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

文件图标主题

文件图标主题允许你

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

文件图标主题指南讨论了如何创建文件图标主题。file-icon-theme

产品图标主题

产品图标主题允许你

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

产品图标主题指南讨论了如何创建产品图标主题。

© . This site is unofficial and not affiliated with Microsoft.