my vs code style

.vscodestyle.css

.monaco-shell {
  font-family: "Operator Mono", "Inconsolata", monospace;
}

/* This makes the dirty tab circle yellow */
.vs-dark
.monaco-workbench
> .part.editor
> .content
> .one-editor-silo
> .container
> .title
.tabs-container
> .tab.dirty
.close-editor-action {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' height='16' width='16'%3E%3Ccircle fill='%23ffc600' cx='8' cy='8' r='4'/%3E%3C/svg%3E")
  50% no-repeat;
}

.monaco-workbench > .editor > .content > .one-editor-silo {
  border-top: 1px solid #15232d !important;
}

.one-editor-silo + .one-editor-silo {
  border-left: 1px solid #15232d !important;
}

/*
This puts a thin yellow border around the found items like Sublime did it
*/
.monaco-editor .findMatch,
.monaco-editor .selectionHighlight {
  border: 1px solid #ffc600;
  border-radius: 2px;
  background: transparent;
}

/* This accounts for larger font cutting off - bump up 3px */
.monaco-workbench>.activitybar>.content .monaco-action-bar .badge .badge-content {
  top: 17px !important;
}

.mtk7,
.mtk3,
.mtk13,
.mtk16 {
  margin-left: 1px;
  font-family: "Cookie";
  font-size: 1.5em;
}

.mtk7,
.mtk4 {
  font-family: "Cookie";
  font-size: 1.5em;
}

/*
For the tab titles.
*/
.monaco-icon-label-description-container .label-name {
  font-family: "Cookie";
  font-size: 1.2em;
}

.tabs-container .monaco-icon-label-description-container .label-name,
.sidebar .monaco-icon-label-description-container .label-name,
.quick-open-row .monaco-icon-label-description-container .label-name {
  font-family: -apple-system,BlinkMacSystemFont,Segoe WPC,Segoe UI,HelveticaNeue-Light,Ubuntu,Droid Sans,sans-serif;
  font-size: 1em;
}

extenstions.txt

be5invis.vscode-custom-css-2.7.1
dbaeumer.vscode-eslint-1.4.12
fabiospampinato.vscode-no-unsupported-1.1.1
redhat.java-0.27.0
sdras.night-owl-0.4.0
tinkertrain.theme-panda-1.2.0
vscjava.vscode-java-debug-0.9.0
vscjava.vscode-java-pack-0.3.0
vscjava.vscode-java-test-0.6.1
vscjava.vscode-maven-0.9.0
vsmobile.vscode-react-native-0.6.11

launch.json

{
	"version": "0.2.0",
	"configurations": [
        {
            "name": "Debug Android",
            "program": "${workspaceRoot}/.vscode/launchReactNative.js",
            "type": "reactnative",
            "request": "launch",
            "platform": "android",
            "sourceMaps": true,
            "outDir": "${workspaceRoot}/.vscode/.react"
        },
        {
            "name": "Debug iOS",
            "program": "${workspaceRoot}/.vscode/launchReactNative.js",
            "type": "reactnative",
            "request": "launch",
            "platform": "ios",
            "sourceMaps": true,
            "outDir": "${workspaceRoot}/.vscode/.react"
        },
        {
		"type": "node",
		"request": "launch",
		"name": "Launch Program",
		"program": "${workspaceFolder}/start"
	}]
}

settings.json

{
    "window.zoomLevel": 1,
    "editor.fontLigatures": true,
    "editor.fontFamily": "Fira Code",
    "vscode_custom_css.imports": [
        "file:///Users/kaushald/.vscodestyle.css"
    ],
    "vscode_custom_css.policy": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "editor.tabSize": 2,
    "workbench.colorTheme": "Monokai Dimmed"
}