Skip to content

Latest commit

 

History

History
56 lines (38 loc) · 2.79 KB

README.md

File metadata and controls

56 lines (38 loc) · 2.79 KB

Custom CSS and JS

SPECIAL NOTE: If Code complains about that it is corrupted, simply click “Don't show again”.

Custom CSS to your VS Code. Based on robertohuertasm’s vscode-icons.

screenshot(Yes, it can co-exist with vscode-icons.)

Installation

Some people have reported that they cannot find the extension when they insert the installation command:

ext install vscode-custom-css

Extension commands

As you know to access the command palette and introduce commands you can use F1 (all OS), Ctrl+Shift+P (Windows & Linux) or Cmd+Shift+P (OS X).

  • Enable Custom CSS and JS : It enables custom CSS and JS URLs listed in “vscode_custom_css.imports”, an array containing URLs of your custom CSS and JS files, in your user settings.
    • IMPORTANT: Items in “vscode_custom_css.imports” should be URLs, instead of file paths. For local files, prefix it with “file://”.
  • Disable Custom CSS and JS: It will disable custom CSS.

##Windows users

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

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

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:

  • electron-browser/index.html.

The extension will keep a copy of the original file 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 and, maybe, they can then provide a proper way to extend the IDE regarding icons and customizations soon enough. ;D

More file extensions will be supported shortly!