VS Code to SublimeText flatland theme

HACK CSS file to makes VS Code more like SublimeText flatland theme

Warning

This hack would cause VS Code display UNSUPPORTED warning on title bar, DO NOT install if you mind it.

Screen Shot

Install

• Search keyword flatland in VS Code extention market, install Flatland Monokai (Thành Trang) and flatland icon theme (gebilaoxiong).
• Copy tab foler and workbench.main-mod.css to /Applications/Visual\ Studio\ Code.app/Contents/Resources/app/out/vs/workbench/electron-browser/ on OSX or C:\Program Files (x86)\Microsoft VS Code\resources\app\out\vs\workbench\electron-browser on Windows.
• Back up the orignal css file workbench.main.css then rename workbench.main-mod.css to workbench.main.css.

Settings

Config VS Code Settings, mine for example below, then restart VS Code to take affect.

{
    "editor.fontSize": 16,
    "editor.fontFamily": "Monaco",
    "editor.lineHeight": 24,
    "editor.wordWrap": "on",
    "workbench.colorTheme": "Flatland Monokai",
    "editor.minimap.enabled": true,
    "explorer.openEditors.visible": 0,
    "explorer.autoReveal": false,
    "workbench.iconTheme": "flatland-icon-theme",
    "workbench.sideBar.location": "left",
    "workbench.activityBar.visible": false
}

Syntax hilight fix

Function Call syntax hilight defination is missing in orginal file Flatland_Monokai.tmTheme, replace this file in the thme folder to fix it, which location is:

OSX: ~/.vscode/extensions/thanhtrang.theme-flatland-monokai-0.1.2/themes/

Windows: C:\Users\{YOUR NAME}\.vscode\extensions\thanhtrang.theme-flatland-monokai-0.1.2\themes