Custom CSS for customizing VSCode

Features

1. Border for each file on workspace.
2. Border for explorer panel.
3. Border on focused file's tab.
4. Change VSCode UI font.

Installation

I used this extension:

After that, put the custom.css file in the right directory and change it in settings.json:

I have one directory for Windows and one for Linux (Ubuntu).

{
  "vscode_custom_css.imports": [
    "file:///C:/Users/{usename}/.vscode/custom.css",
    "file:///home/{username}/.vscode/custom.css"
  ],
}

For Linux

It will need permission:

sudo chown -R $USER:$USER /usr/share/code

Then turn the permission back:

sudo chown -R root:root /usr/share/code
sudo chmod -R 755 /usr/share/code