本站点文档内容均翻译自code.visualstudio.com,仅供个人学习,如有差异请以官网为准。

主题化

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

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

颜色主题

颜色主题

如图所示,颜色主题为用户界面组件和编辑器中的突出显示定义颜色:

  • 这个颜色用于控制用户界面组件颜色的映射。
  • 这个代币颜色 在编辑器中定义突出显示的颜色和样式。 语法突出显示指南 上有更多关于该主题的信息。
  • 这个语义标记颜色映射以及语义突出显示 设置允许增强编辑器中的突出显示。 语义突出显示指南 解释了与此相关的API。

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

文件图标主题

文件图标主题允许您:

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

文件图标主题指南讨论了如何创建一个文件图标主题。 文件图标主题

产品图标主题

产品图标主题允许您:

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

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