产品图标主题
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"
}
]
}
}
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
是id产品图标主题的标识符。它在设置中使用,因此要使其唯一且可读。label显示在产品图标主题选择器下拉列表中。指向path扩展中定义图标集的文件。如果您的文件名遵循*product-icon-theme.json命名方案,则在 VS Code 中编辑产品图标主题文件时,您将获得补全支持和悬停。
产品图标定义文件
产品图标定义文件是定义一个或多个图标字体和一组图标定义的 JSON 文件。