Personally recommended color config for VSCode

settings-for-vscode-color.json

{
  "workbench.colorTheme": "One Dark Pro",
  "workbench.colorCustomizations": {
    "[One Dark Pro]": {
      // Reduce brightness
      "activityBar.background": "#1b1d23",
      "badge.background": "#1b1d23",
      "editor.background": "#1b1d23",
      "sideBarSectionHeader.background": "#1b1d23",
      "tab.activeBackground": "#1b1d23",
      "titleBar.activeBackground": "#1b1d23",
      "debugToolBar.background": "#121417",
      "dropdown.background": "#121417",
      "dropdown.border": "#121417",
      "editorMarkerNavigation.background": "#121417",
      "editorGroupHeader.tabsBackground": "#121417",
      "editorHoverWidget.background": "#121417",
      "editorSuggestWidget.background": "#121417",
      "editorWidget.background": "#121417",
      "sideBar.background": "#121417",
      "statusBar.background": "#121417",
      "statusBar.noFolderBackground": "#121417",
      "tab.inactiveBackground": "#121417",
      "titleBar.inactiveBackground": "#121417",
      "editor.lineHighlightBackground": "#21242c",
      // Use same color as other status bar items
      "statusBarItem.remoteForeground": "#9da5b4",
      "statusBarItem.remoteBackground": "#121417"
    }
  }
}