Skip to content

Huachao/vscode-icons

 
 

Repository files navigation

vscode-icons

Bring icons to your VS Code.

Extension commands

  • Icons Enable : It enables the extension.
  • Icons Disable: It will disable the icons.
  • Icons Update: Useful in case of extension update. It will disable and enable the icons for you refreshing the injected code and downloading new icons.

Windows users

In Windows, make sure you run your VS Code in Administrator mode before enabling or disabling the icons!

Linux users

Linux also requires you to reclaim ownership of the vs code folders You can achieve this by executing this on your terminal (Ubuntu):

#for vs code:
sudo chown -R $(whoami) /usr/share/code
#for vs code insiders:
sudo chown -R $(whoami) /usr/share/code-insiders
#if you want to check your folder's owner:
ls -la /usr/share/code
#if you want to rollback this permissions back to root:
sudo chown -R root /usr/share/code

If you're using any other Linux flavour please take a look at this Github's issue.

List of supported icons

The list is slowly growing. If you want to check what icons are currently supported take a look here. If you feel that there's some icon missing please let me know through the issues section of the Github's repo.

If you're a designer and you're willing to collaborate by showing your icons to the world you're more than welcome!! Currently, we don't have icons for the light template so any help will be really appreciated and credit will be given to you ;D

Disclaimer

This extension modifies some VS Code files so use it at your own risk. Currently, icons are not supported by the extension functionality that VS Code provides so this extension solves this issue by injecting code into two files:

  • workbench.main.js
  • workbench.main.css

The extension will keep a copy of the original files in case something goes wrong. That's what the disable command will do for you.

As this extension modifies VS Code files it will get disabled with every VS Code update. You will have to enable icons again via command palette.

Take into account that this extension is still in beta so you may find some bugs while playing with it. Please, report them to the issues section of the Github's repo.

Please, leave a review if you can so the VS Code Team can know that this is a very demanded feature. Maybe that would be enough so they can provide a proper way to extend the IDE regarding icons and customizations. ;D

More file extensions will be supported shortly!

Building the extension's source code

If you're willing to explore the extension source code and want to make it work you should run this first:

npm run build

This script will generate the css and js code to be injected into vscode source code.

Enjoy!

About

Icons for VS Code Explorer

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%