VSCode: Add file icons support in the explorer

Icons_Simple.md

Simple Icons

1. Download https://github.com/Microsoft/vscode/files/242099/icons.zip
2. Extract Icons to <vs install path>/resources/app/out/vs/workbench/parts/files/browser/media which is %programfiles(x86)%\Microsoft VS Code\resources\app\out\vs\workbench\parts\files\browser\media
3. patch workbench.main.css (as seen below)

(see: microsoft/vscode#211 (comment))

Icons_Sublime_Style.md

Icons from Sublime

1. ext install vscode-icons (https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons)
2. Windows users: Start VSCode as admin
3. F1 > Icons Enable
4. Restart (or F1 > Window Reload)
5. extract the ZIP by hand if icons are missing: https://github.com/robertohuertasm/vscode-icons/raw/master/icons.zip into ``%programfiles(x86)%\Microsoft VS Code\resources\app\out\vs\workbench\parts\files\browser\media`

workbench.main.css

/*  <vs install path>/resources/app/out/vs/workbench/workbench.main.css */

.monaco-tree-row .content .sub-content .explorer-item.folder-icon {
    padding-left: 22px;
    background: url(./parts/files/browser/media/Folder_inverse.svg) 1px 4px no-repeat;
}
.monaco-tree-row.expanded .content .sub-content .explorer-item.folder-icon {
    padding-left: 22px;
    background: url(./parts/files/browser/media/Folder_opened.svg) 1px 4px no-repeat;
    background-size: 16px;
}
.explorer-item.text-file-icon {
    padding-left: 22px;
    background: url(./parts/files/browser/media/File.svg) 1px 3px no-repeat;
    background-size: 16px;
}