[theming] customize file icons in settings

[lepinekong]

• VSCode Version: all
• OS Version: all

Can't there be a quick way to customize file extension icon instead of having to create a whole extension for a custom theme as explained here https://github.com/Microsoft/vscode/issues/10804?

It's really daunting to have to learn the whole system of extension just for this tiny need.

Does this issue occur when all extensions are disabled?: Yes/No

[aeschli]

Can you tell more your use case? Do you don't like some of the icons, or you have some missing icons? That would be https://github.com/Microsoft/vscode/issues/14662

[ksmithut]

I'll put my use case here. I really like the seti-ui file icon theme, but I want folders to have just the plain folder icon. Right now they have no icon. I most definitely don't want to get into the business of maintaining an extension just for file-icon theme because I don't want to spend the time and resources required to stay up to date with the upstream theme and vscode api changes. I am willing to see my personal settings break because the workaround is remove my custom settings. I am not willing to have to go through the process of publishing a new version then downloading the new version of the plugin just to add folder icons to a theme that does not have folder icons.

[RobPurcellUK]

This would help for an internal system we have which uses YAML files with specified names. We would like to be able to set the icon to use for the .thing.yml files we use (like the fileNames part of an iconTheme vscode extension, not just by file type).

[eponymz]

Being able to upload a certain icon (of your design or something found) and assign it to a certain file extension would be nice as well. Use case here is, for some projects I am on I use the confluence extension on the market. Would be nice to set my own custom icon for files with those extensions so they aren't just the default 'txt' icon.

[michaelblyons]

@eponymz Your problem would probably be resolved by #14662. The Confluence guys would set an icon for the files managed by their extension. This is different than @ksmithut (unless you hated the hypothetical "official" icon and wanted to override it yourself).

[Hubro]

I just want my Procfile.dev file to have the same icon as Procfile. Is this currently possible?

[ksmithut]

@Hubro I believe you can do this in your user settings with the files.associations, something like this:

"files.associations": {
  "Procfile.dev": "procfile"
}

Although I don't know what value you'd put in for "procfile" because I assume that's a plugin enabling that syntax, but something like that should work. I do something similar with Dockerfile.dev

[Hubro]

@ksmithut I have actually associated "Procfile*" with YAML, which affects the syntax highlighting of both Procfile and Procfile.dev, but only the latter gets the YAML icon:

Procfile still has the Heroku icon.

[orthodoX]

I completely agree with @Hubro and @eponymz for this feature. For example, there is a .leex extension introduced few months ago for Phoenix web framework. I'd like to set for it the same icon that my theme uses for .eex extension, until it gets officially supported by theme(s). Imo it would be so nice to have this configurable in the settings.json.

@aeschli This issue has been sleeping for a while. Is there any plans for a enhancement like this to be implemented?

[diminutivesloop]

I use the Tailwind CSS IntelliSense extension and when I enable the "Tailwind CSS" mode for css files some themes don't show the css icon for those files. This feature would allow me to force it back to the regular css icon.

[mlntr]

I've spent the day trying to make a new theme, would be so much simpler with this setting.