Closed redactedscribe closed 3 years ago
You can use product icons if you specify then with $(icon)
. They're mapped onto the codicons, e.g. $(heart)
or $(getting-started-setup)
will show the heart icon based on the product icon theme.
If thats not working, please could you post your settings and I'll see if I can recreate it?
Are you saying the icons provided by the Product Icon Themes which change VS Code's icons (e.g. on the Activity Bar) can be used via $(<icon>)
?
When using the value bug
, I see what I is assume some bundled bug icon you include with the extension:
And with value $(bug)
(matches "bug" from codicons):
But $(bug)
doesn't look like the "Bug (Regular)" icon provided by the Product Icon Theme extension / Fluent UI:
Which I see in VS Code's Activity Bar:
Hopefully that illustrates the issue.
{
"todo-tree.general.tags": [
"BUG:",
],
"todo-tree.highlights.customHighlight": {
"BUG:": {
"background": "black",
"foreground": "red",
"icon": "$(bug)",
},
},
"workbench.productIconTheme": "fluent-icons",
}
I don't think the icon in the activity bar is $(bug)
, its actually $(run-view-icon)
. It's confusing because they've reused the names.
https://code.visualstudio.com/api/references/icons-in-labels
The blue icon is the old octicon icon. https://styleguide.github.com/primer/components/octicons/
That makes sense. I tried it out and it is indeed $(run-view-icon)
.
Those links might be worth including in the README too.
I should be okay from here. Thanks for your help! 🙂
No problem - are you OK if I close this one now?
Yes, thanks again.
I'd like to be able assign icons from the Fluent UI icon set by Microsoft.
The new VS Code Product Icon Themes which can be customized already have an extension using the icons, and being able to set pick from the same set for Todo Tree would be nice. The updated icons should make their way into Windows in the coming months too.
Thanks for the consideration.