VS Code Settings

settings.js

{
  //
  // # EDITOR - VSCODE CONFIGURATION
  // # Global settings for VS Code editor
  "editor.matchBrackets": false,
  "editor.renderWhitespace": "all",
  "editor.fontFamily": "Courier New",
  "editor.fontSize": 17.75,
  "editor.lineHeight": 22.5,
  "editor.fontWeight": "500",
  "editor.smoothScrolling": true,
  "editor.scrollBeyondLastLine": false,
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "editor.formatOnType": false,
  "editor.wordWrap": "on",
  "editor.detectIndentation": true,
  "editor.renderIndentGuides": true,
  "editor.rulers": [
    120
  ],
  "editor.quickSuggestions": {
    "other": true,
    "comments": false,
    "strings": false
  },
  //
  // # ESLINT - EXTENSION CONFIGURATION
  // # Extension configuration used with eslint linter
  "eslint.alwaysShowStatus": true,
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "liquid",
      "autoFix": true
    }
  ],
  "eslint.options": {
    "extensions": [
      ".html",
      ".liquid",
      ".js",
      ".vue",
      ".jsx"
    ]
  },
  //
  // # PRETTIER - EXTENSION CONFIGURATION
  // # Extension configuration used with prettier formatter
  "prettier.requireConfig": true,
  "prettier.eslintIntegration": true,
  "prettier.stylelintIntegration": true,
  //
  // # HTML - VSCODE CONFIGURATION
  // # The default settings for `.html`files
  "html.autoClosingTags": true,
  "html.format.unformatted": "stream, schema, script",
  "html.format.preserveNewLines": true,
  "html.format.enable": true,
  "html.validate.scripts": true,
  "html.validate.styles": true,
  "html.suggest.html5": true,
  //
  // # STYLES - VSCODE CONFIGURATION
  // # This overrides defaults favouring stylelint.
  "scss.validate": false,
  "css.validate": false,
  //
  // # JAVASCRIPT - VSCODE CONFIGURATION
  // # The default settings for `.js` files
  "javascript.format.enable": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.surveys.enabled": false,
  //
  // # FILES - VSCODE CONFIGURATION
  // # The default settings for handling files in editor
  "files.associations": {},
  "files.autoSaveDelay": 2500,
  "files.autoSave": "onFocusChange",
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "files.hotExit": "onExitAndWindowClose",
  "files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true,
    "**/.vscode": false,
    "**/coverage": true,
    "**/.idea": true,
    "**/.bundle": true
  },
  //
  // # ICONS - EXTENSION CONFIGURATION
  // # Settings used for file icons.
  "vsicons.presets.foldersAllDefaultIcon": true,
  "vsicons.associations.files": [
    {
      "icon": "babel2",
      "extensions": [
        ".babelrc"
      ],
      "filename": true,
      "format": "svg"
    }
  ],
  //
  // # MJML - EXTENSION CONFIGURATION
  // # The default settings for `.mjml` files
  "mjml.screenshotQuality": 100,
  "mjml.beautifyHtmlOutput": true,
  "mjml.autoPreview": true,
  //
  // # TERMINAL - VSCODE CONFIGURATION
  // # Defines the terminal to be used in editor
  "terminal.external.osxExec": "iTerm.app",
  //
  // # TELEMENTRY - VSCODE CONFIGURATION
  // # Disable reports being sent to Microsoft
  "telemetry.enableTelemetry": false,
  "telemetry.enableCrashReporter": false,
  //
  // # WORKBENCH - VSCODE CONFIGURATION
  // # Settings for editors workbench
  "workbench.activityBar.visible": true,
  "workbench.statusBar.feedback.visible": false,
  "workbench.editor.highlightModifiedTabs": true,
  "workbench.colorTheme": "Material Dark Soda",
  "workbench.iconTheme": "vscode-icons",
  "workbench.colorCustomizations": {
    "activityBar.background": "#0c0c0c",
    "activityBar.border": "#302f2f",
    "dropdown.background":"#0c0c0c",
    "dropdown.foreground": "#d4d4d4",
    "dropdown.border": "#302f2f",
    "editorLineNumber.activeForeground": "#d4d4d4",
    "editorGroupHeader.tabsBackground": "#0c0c0c",
    "editor.background": "#0c0c0c",
    "editorGutter.background": "#0c0c0c",
    "input.background": "#0a0a0a",
    "input.border": "#302f2f",
    "inputOption.activeBorder": "#60bbf0a6",
    "sideBarSectionHeader.background": "#111111",
    "sideBarSectionHeader.border": "#302f2f",
    "sideBar.background": "#0c0c0c",
    "sideBar.border": "#302f2f",
    "sideBar.foreground": "#d4d4d4",
    "statusBar.background": "#0c0c0c",
    "statusBar.border": "#302f2f",
    "tab.activeBackground": "#0c0c0c",
    "tab.activeBorderTop": "#60bbf0",
    "tab.hoverBackground": "#0c0c0c",
    "tab.border": "#302f2f",
    "tab.inactiveBackground": "#141414",
    "tab.unfocusedActiveBorder":"#302f2f",
    "terminal.background": "#0c0c0c",
    "panel.background": "#0c0c0c",
    "panel.border": "#302f2f",
    "panelTitle.activeBorder": "#60bbf0a6",
    "titleBar.activeBackground": "#111111",
  },
  //
  // # WINDOW - VSCODE CONFIGURATION
  // # Defines the window to be used in editor
  "window.zoomLevel": 0,
  //
  // # TITLE BAR - EXTENSION CONFIGURATION
  // # Required settings for `titlebar-less` extension
  "window.nativeTabs": false,
  "window.titleBarStyle": "custom",
  //
  // # SIDE BAR - VSCODE CONFIGURATION
  // # Sidebar work-tree configuration
  "explorer.confirmDragAndDrop": false,
  "explorer.autoReveal": true,
  //
  // # SEARCH - VSCODE CONFIGURATION
  // # The default search configuration in editor
  "search.exclude": {
    "**/node_modules": true,
    "**/bower_components": true,
    "**/_build": true,
    "**/dist": true,
    "**/_build.nosync": true,
    "**/deps": true,
    "**/.idea": true,
    "**/.bundle": true,
    "**/cover": true,
    "**/coverage": true
  },
  //
  // # INDENTICATOR - EXTENSION CONFIGURATION
  // # Custom settings for indenticator line rule highlight
  "indenticator.showCurrentDepthInStatusBar": false,
  "indenticator.inner.style": "none",
  "indenticator.style": "solid",
  "indenticator.color.dark": "#ac642ad6",
  "indenticator.width": 0.7,
  "indenticator.inner.showHighlight": false,
  "indenticator.inner.width": 1,
  //
  // # MATCHING TAG - EXTENSION CONFIGURATION
  // # Custom settings for `matching-tag` highlight wrapping
  "highlight-matching-tag.styles": {
    "opening": {
      "left": {
        "custom": {
          "borderWidth": "1px",
          "borderStyle": "solid",
          "borderColor": "#ac642ad6"
        }
      }
    }
  }

}