Vscode-material-icon-theme: Package.json icon

Created on 7 Jun 2018  路  3Comments  路  Source: PKief/vscode-material-icon-theme

Material icon theme uses nodejs icon for package.json file.

screen shot 2018-06-07 at 11 46 46

It's look little bit ugly.

But if we look at file-icons theme, we will see npm icon for the same file.

screen shot 2018-06-07 at 11 49 21

My suggestion: let's use an npm icon for package.json/package-lock.json file.

I fixed this issue in Vscode config by adding this code

"material-icon-theme.files.associations": {
    "package.json": "npm",
    "package-lock.json": "npm"
}

Now it's looks cool

screen shot 2018-06-07 at 12 01 46

Most helpful comment

@dudeonthehorse To be honest, I think both icons are really nice to see. This is why I decided to use both icons. The old icon is still the default icon but if you like you can pick the alternative node icon in your user settings:

"material-icon-theme.files.associations": {
    "package.json": "nodejs_alt",
    "package-lock.json": "nodejs_alt"
}

Default icon:

default node icon

Alternative icon:

alternative node icon


Additionally I improved the folder icons:

updated node folder icon

updated expanded node folder icon

I hope this is fine for you. The icons will be part of the next update.

All 3 comments

Thank you for the request. In my opinion the node icon is more common at least for the package.json file. I also think that other icon themes are also using this icon. If I changed it, it would also be annoying for everyone who uses another package manager like Yarn instead of npm.

This is why I added the possibility to adjust the file icon associations as mentioned above 馃槈

Okay. I respect ur opinion.

But... As i said, current nodejs icon looks ugly. What do you think about new icon for nodejs? Maybe something like that?

123

@dudeonthehorse To be honest, I think both icons are really nice to see. This is why I decided to use both icons. The old icon is still the default icon but if you like you can pick the alternative node icon in your user settings:

"material-icon-theme.files.associations": {
    "package.json": "nodejs_alt",
    "package-lock.json": "nodejs_alt"
}

Default icon:

default node icon

Alternative icon:

alternative node icon


Additionally I improved the folder icons:

updated node folder icon

updated expanded node folder icon

I hope this is fine for you. The icons will be part of the next update.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

thomas-tewolde picture thomas-tewolde  路  4Comments

clankill3r picture clankill3r  路  3Comments

kaitlynbrown picture kaitlynbrown  路  5Comments

RacerDelux picture RacerDelux  路  3Comments

simlej picture simlej  路  3Comments