• VSCode Version: 1.9.0
• OS Version: Windows 10

Steps to Reproduce:

1. Install vscode-icons
2. Install Vue language extension
3. Create a new file with the .vue extension.
4. Instead of the Vue icon the html icon is shown.

vscode-icons provides support for Vue files by leveraging the language id but it seems that the mechanism that it's used by the icon theme API is giving priority to the default language extensions provided by VSCode.

This has an unexpected behavior as the users are not able to see the expected icon.

In the case of Vue, you can see where it is associated to html in VSCode's code in the html extension as @JimiC pointed out in vscode-icons #725.

This is the only case where the file association has to be explicit, meaning that the user has to explicitly change the file association so she can see the proper icon. That's not the case when the language id is not provided by default by VSCode.

This is clearly creating inconsistencies in the user experience thus confusing the users about what they are supposed to do.

It would be nice if this could somehow be changed to prioritize custom language ids over default ones. This is at least what we were expecting from our side as icon theme builders until we've found out that this is not how it seems to be working.