[themes] Customize the icons of ignore resources

gitignore foreground color only applies to the text label.
Would be great to customise gitignored icons in the Explorer:

The CSS that I used to achieve that effect:

.file-icons-enabled.monaco-workbench.vs-dark .monaco-decoration-iconBadge--9ieymw::before {
    filter: saturate(0);
    opacity: 0.25;
}
.file-icons-enabled.monaco-workbench.vs .monaco-decoration-iconBadge--9ieymw::before {
    filter: saturate(0);
    opacity: 0.5;
}

This feature as supported in Atom's Git integration:

Related to material-extensions/vscode-material-icon-theme#224.

[aeschli]

You are suggesting an API for icon theme theme authors so they can provider a different icon for an ignored file?
The icons themes would have to duplicating all icons for that.

What about having the decorator rendering the icons with a different opacity (without the icon theme being involved in this)?

API should apply a secure CSS object please. A different icon sounds super expensive to me. Do you think it should be configured in the color theme or the icon theme?

[aeschli]

We don't want to allow extensions to contribute CSS directly. We want the freedom to change DOM structure anytime.

For me the only feasible approach to have the decorator adding an opacity to the icon. However, we also allow gifs as images, so this becomes more complicated.

Yeah I am also against custom CSS.

I'd like something similar to the properties argument in $.css(). Is that possible?

I'd like the decorator to add opacity, color and filter. Is that possible?

Also currentColor shcould be a valid color format in the theme color API

[vscode-triage-bot]

This feature request is now a candidate for our backlog. The community has 60 days to upvote the issue. If it receives 20 upvotes we will move it to our backlog. If not, we will close it. To learn more about how we handle feature requests, please see our documentation.

Happy Coding!

[aeschli]

• the concept of the 'ignored' resource comes from the git extension through a decoration contribution. The git extension there defines a label color for ignored resources
• color themes can redefine the color

So the file icon theme is the wrong place to customize the icon colors of decorated resources
a. how can it know about concepts (ignored, deleted, modified...) defined by extensions
b. How can it choose a color that goes well with the current color theme

IMO the correct way would be that the decoration contribution could also customize the icon color. It's either a new color, but then all icons will have the same color, or a opacity. It would have to be implemented by the git extension and color themes could customize it.

So, all that it quite non-trivial, new extension API, adoption. Finding a solution that also works with gifs.