vscode settings.json

user-settings.json

{
    "window.zoomLevel": 1,
    "editor.fontFamily": "LigaMonaco, Monaco, 'Courier New', monospace",
    "editor.fontSize": 13,
    "editor.lineHeight": 19,
    "editor.renderLineHighlight": "all",
    "editor.fontLigatures": true,
    "atomKeymap.promptV3Features": true,
    "editor.formatOnPaste": true,
    "editor.folding": false,
    "editor.highlightActiveIndentGuide": false,
    "editor.renderIndentGuides": false,
    "eslint.autoFixOnSave": true,
    "git.autofetch": true,
    "workbench.fontAliasing": "antialiased",
    "workbench.iconTheme": "file-icons",
    "terminal.integrated.fontWeightBold": "900",
    "terminal.integrated.fontWeight": "900",
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "editor.fontWeight": "bold",
    "editor.detectIndentation": false,
    "editor.tabSize": 2,
    "git.confirmSync": false,
    "files.trimTrailingWhitespace": true,
    "files.trimFinalNewlines": true,
    "eslint.provideLintTask": true,
    "eslint.alwaysShowStatus": true,
    "git.enableSmartCommit": true,

    "workbench.activityBar.visible": true,
    "workbench.colorTheme": "Ocean Dark Extended",

    "editor.matchBrackets": false,
    "editor.minimap.enabled": false,
    "editor.scrollbar.verticalScrollbarSize": 0,

    "workbench.colorCustomizations": {
      "[Ocean Dark Extended]": {

        "terminal.background": "#222c31",
        "panel.background": "#222c31",
        "panelTitle.activeForeground": "#b3c3cb",

        "tab.hoverBackground": "#1f282c",
        "input.background": "#1f282c",
        "input.border": "#33434a",

        "tab.border": "#222c31",
        "tab.inactiveBackground": "#222c31",
        "tab.inactiveForeground": "#56707d",
        "tab.activeForeground": "#cdd7dc",
        "tab.activeBackground": "#222c31",

        "editorGroupHeader.tabsBorder": "#222c31",
        "editorGroupHeader.tabsBackground":"#222c31",

        "sideBarSectionHeader.background": "#222c31",
        "sideBar.background": "#222c31",
        "sideBar.foreground": "#56707d",
        "sideBar.border": "#222c31",


        "contrastBorder": "#222c31",

        "titleBar.activeBackground": "#222c31",
        "titleBar.activeForeground": "#56707d",
        "statusBar.background": "#222c31",
        "statusBar.foreground": "#56707d",

        "list.hoverBackground": "#1d252a",
        "list.hoverForeground": "#b3c3cb",
        "list.errorForeground": "#d46870",
        "list.activeSelectionBackground": "#1d252a",
        "list.activeSelectionForeground": "#cdd7dc",

        "editor.background": "#222c31",

        "activityBar.border": "#222c31",
        "activityBar.background": "#222c31",
        "activityBar.foreground": "#455963",
        "editorLineNumber.foreground": "#33434a"
      }
    }
}

Vscode setup, looks like this