Skip to content
微信公众号

产品图标主题

Visual Studio Code 包含一组在视图和编辑器中使用的内置图标,但也可以在悬停、状态栏甚至扩展中引用。例如,过滤器操作按钮中的图标和视图图标、状态栏中的图标、断点以及树和编辑器中的折叠图标。

产品图标主题允许扩展重新定义这些图标,为 VS Code 提供自定义外观。产品图标主题不包括文件图标(由文件图标主题覆盖)和扩展提供的图标。

VS Code 要求将图标定义为图标字体中的字形,并且(当前)限制产品图标由单一颜色组成。图标使用的颜色特定于其显示的位置,并由活动颜色主题定义。

添加新的产品图标主题

要定义您自己的产品图标主题,请首先创建 VS Code 扩展并将productIconThemes贡献点添加到扩展的package.json.

js
{
  "contributes": {
    "productIconThemes": [
      {
        "id": "aliensAreBack",
        "label": "Aliens Are Back",
        "path": "./producticons/aliens-product-icon-theme.json"
      }
    ]
  }
}

是id产品图标主题的标识符。它在设置中使用,因此要使其唯一且可读。label显示在产品图标主题选择器下拉列表中。指向path扩展中定义图标集的文件。如果您的文件名遵循*product-icon-theme.json命名方案,则在 VS Code 中编辑产品图标主题文件时,您将获得补全支持和悬停。

产品图标定义文件

产品图标定义文件是定义一个或多个图标字体和一组图标定义的 JSON 文件。

本站总访问量次,本站总访客数人次
Released under the MIT License.