CAUTION: This is by no means a finished "product." The instructions are quite hacky and may remain so until I create a proper extension (given the project recieves enough attention). An unfortunate side-effect of this is having to re-enable the script every time you update VSCode. Fortunately, it is very easy to re-enable the script, once you've already setup the files.
-
Install the extension: Custom CSS and JS Loader.
-
Edit the User Settings JSON file (F1 → "user settings json"). Add the following rule:
Windows
"vscode_custom_css.imports": [ "file:///C:/Users/[username]/AppData/Roaming/Code/custom.css", "file:///C:/Users/[username]/AppData/Roaming/Code/custom.js" ],
MacOS
"vscode_custom_css.imports": [ "file:///Users/[username]/.vscode/custom.css", "file:///Users/[username]/.vscode/custom.js", ],
Linux
"vscode_custom_css.imports": [ "file:///home/[username]/.vscode/custom.css", "file:///home/[username]/.vscode/custom.js", ],
-
Create
custom.css
andcustom.js
in the locations you defined in the settings. -
Copy the code from the files in this repository into their respective files.
-
Go back into VSCode, enable the Custom CSS and JS Loader extension: F1 → "enable custom css and js"
-
Press the button Restart Visual Studio Code in the popup.
-
If VSCode complains about "Your Code installation appears to be corrupt. Please reinstall," you can safely ignore this message. Click the gear in the popup and press "Don't Show Again" to prevent it from showing again (at least until you update VSCode).
-
If you do update VSCode, simply repeat steps (5, 6, 7).
- Fix file list elements (merge selected files edges into one... like how MacOS handles selecting multiple files in Finder).
- Fix buggy buttons that are in an extension's information page.