My Visual Studio Code Settings

settings.json

{
  "editor.fontFamily": "Operator Mono, Menlo, Monaco, 'Courier New', monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 21,
  "editor.letterSpacing": 0.5,
  "html.format.enable": true,
  "html.format.preserveNewLines": true,
  "files.trimTrailingWhitespace": true,
  "editor.tabSize": 2,
  // this isn't really underline but we hack it to be a thicker cursor
  "editor.cursorStyle": "line",
  "editor.cursorWidth": 3,
  "editor.wordWrap": "on",
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.fontWeight": "400",
  "editor.colorDecorators": false,
  "editor.minimap.enabled": false,
  "workbench.activityBar.visible": true,
  "workbench.sideBar.location": "left",
  "gitlens.blame.line.enabled": false,
  "editor.renderWhitespace": "none",
  // "editor.rulers": [80, 100, 120],
  "editor.minimap.showSlider": "always",
  "workbench.startupEditor": "newUntitledFile",
  "extensions.ignoreRecommendations": false,
  "files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true,
    "**/.next": true
  },
  "workbench.colorTheme": "Cobalt2",
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  // show snippets before any other auto completion
  "editor.snippetSuggestions": "top",
  // this lets you quickly open multiple items in a row and not have the previous ones closed on you
  "workbench.editor.enablePreviewFromQuickOpen": false,
  "window.title": "${dirty} ${activeEditorMedium}${separator}${rootName}",
  // These are all my auto-save configs
  "editor.formatOnSave": true,
  // turn it off for JS
  "[javascript]": {
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true
  },
  "eslint.autoFixOnSave": true,
  "eslint.alwaysShowStatus": true,
  "editor.formatOnPaste": true,
  "workbench.colorCustomizations": {
    "[Cobalt2]": {
      "dropdown.background": "#414339",
      "list.activeSelectionBackground": "#75715E",
      "list.focusBackground": "#414339",
      "list.inactiveSelectionBackground": "#414339",
      "list.hoverBackground": "#272822",
      "list.dropBackground": "#414339",
      "list.highlightForeground": "#f8f8f2",
      "button.background": "#75715E",
      "editor.background": "#272822",
      "editor.foreground": "#f8f8f2",
      "selection.background": "#ccccc7",
      "editor.selectionBackground": "#49483e",
      "editor.lineHighlightBackground": "#3e3d32",
      "editorCursor.foreground": "#f8f8f0",
      "editorWhitespace.foreground": "#464741",
      "editorIndentGuide.background": "#464741",
      "editorGutter.background": "#222",
      "editorGroupHeader.tabsBackground": "#1e1f1c",
      "editorGroup.dropBackground": "#41433980",
      "tab.inactiveBackground": "#414339",
      "tab.border": "#1e1f1c",
      "tab.activeBorder": "#333",
      "tab.activeBackground": "#272922",
      "tab.unfocusedActiveBorder": "#75715E",
      "tab.inactiveForeground": "#ccccc7", // needs to be bright so it's readable when another editor group is focused
      "widget.shadow": "#000000",
      "progressBar.background": "#75715E",
      "badge.background": "#75715E",
      "badge.foreground": "#f8f8f2",
      "editorLineNumber.foreground": "#90908a",
      "panelTitle.activeForeground": "#f8f8f2",
      "panelTitle.activeBorder": "#75715E",
      "panelTitle.inactiveForeground": "#75715E",
      "panel.border": "#414339",
      "titleBar.activeBackground": "#333",
      "titleBar.inactiveBackground": "#444",
      "statusBar.background": "#414339", // return default status bar color
      "statusBar.noFolderBackground": "#414339",
      "statusBar.debuggingBackground": "#75715E",
      "activityBar.background": "#272822",
      "activityBar.foreground": "#f8f8f2",
      "activityBar.dropBackground": "#414339",
      "sideBar.background": "#1e1f1c",
      "sideBarSectionHeader.background": "#272822",
      "pickerGroup.foreground": "#75715E",
      "input.background": "#414339",
      "inputOption.activeBorder": "#75715E",
      "focusBorder": "#75715E",
      "editorWidget.background": "#1e1f1c",
      "debugToolBar.background": "#1e1f1c",
      "diffEditor.insertedTextBackground": "#66852880", // middle of #272822 and #a6e22e
      "diffEditor.removedTextBackground": "#90274A80", // middle of #272822 and #f92672
      "inputValidation.errorBackground": "#90274A", // middle of #272822 and #f92672
      "inputValidation.errorBorder": "#f92672",
      "inputValidation.warningBackground": "#848528", // middle of #272822 and #e2e22e
      "inputValidation.warningBorder": "#e2e22e",
      "inputValidation.infoBackground": "#546190", // middle of #272822 and #819aff
      "inputValidation.infoBorder": "#819aff",
      "editorHoverWidget.background": "#414339",
      "editorHoverWidget.border": "#75715E",
      "editorSuggestWidget.background": "#272822",
      "editorSuggestWidget.border": "#75715E",
      "editorGroup.border": "#414339",
      "peekView.border": "#75715E",
      "peekViewEditor.background": "#272822",
      "peekViewResult.background": "#1e1f1c",
      "peekViewTitle.background": "#1e1f1c",
      "peekViewResult.selectionBackground": "#414339",
      "peekViewResult.matchHighlightBackground": "#75715E",
      "peekViewEditor.matchHighlightBackground": "#75715E",
      "terminal.ansiBlack": "#333333",
      "terminal.ansiRed": "#C4265E", // the bright color with ~75% transparent on the background
      "terminal.ansiGreen": "#86B42B",
      "terminal.ansiYellow": "#B3B42B",
      "terminal.ansiBlue": "#6A7EC8",
      "terminal.ansiMagenta": "#8C6BC8",
      "terminal.ansiCyan": "#56ADBC",
      "terminal.ansiWhite": "#e3e3dd",
      "terminal.ansiBrightBlack": "#666666",
      "terminal.ansiBrightRed": "#f92672",
      "terminal.ansiBrightGreen": "#A6E22E",
      "terminal.ansiBrightYellow": "#e2e22e", // hue shifted #A6E22E
      "terminal.ansiBrightBlue": "#819aff", // hue shifted #AE81FF
      "terminal.ansiBrightMagenta": "#AE81FF",
      "terminal.ansiBrightCyan": "#66D9EF",
      "terminal.ansiBrightWhite": "#f8f8f2",
      "breadcrumb.foreground": "#75715E"
    }
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.wordWrap": "off"
  },
  "files.associations": {
    "*.js": "javascriptreact",
    "*.inc": "php"
  },
  "git.autofetch": true,
  "workbench.iconTheme": "vscode-icons",
  "telemetry.enableTelemetry": false,
  "telemetry.enableCrashReporter": false,
  "gitlens.advanced.telemetry.enabled": false,
  "workbench.editor.highlightModifiedTabs": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "todo-tree.tree.showScanModeButton": false,
  "files.hotExit": "onExitAndWindowClose",
  "prettier.trailingComma": "none",
  "prettier.arrowParens": "avoid",
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[php]": {
    "editor.wordWrap": "off"
  },
  "markdown.preview.fontFamily": "\"Open Sans\"",
  "vsicons.dontShowNewVersionMessage": true,
  "workbench.editor.languageDetection": false
}