My VS Code config

settings.json

{
  // Editor
  "editor.fontFamily": "'MonoLisa', Menlo, Monaco, 'Courier New', monospace",
  "editor.lineHeight": 38,
  "editor.tabSize": 2,
  "editor.cursorStyle": "block",
  "editor.renderWhitespace": "all",
  "editor.minimap.enabled": false,
  "editor.minimap.size": "fit",
  "editor.minimap.renderCharacters": false,
  "editor.fontLigatures": false,
  "editor.renderLineHighlight": "gutter",
  "editor.wordWrapColumn": 135,
  "editor.wordWrap": "wordWrapColumn",
  "editor.colorDecorators": false,
  "editor.glyphMargin": false, // Removes the space used mainly for debugging indicators
  "editor.overviewRulerBorder": false,
  "editor.hideCursorInOverviewRuler": true,
  "editor.rulers": [
    {
      "column": 120,
      "color": "#02ff9635"
    },
    {
      "column": 135,
      "color": "#ffc40035"
    },
    {
      "column": 150,
      "color": "#ff6f6f50"
    }
  ],
  "editor.suggestSelection": "first",

  // Workbench
  "workbench.activityBar.visible": true,
  "workbench.colorTheme": "Vitesse Dark",
  "workbench.productIconTheme": "icons-carbon",
  "workbench.iconTheme": "city-lights-icons-vsc-light",
  "workbench.editor.centeredLayoutAutoResize": false,
  "workbench.editor.showIcons": true,
  "workbench.editor.tabCloseButton": "off",
  "workbench.startupEditor": "none",
  "workbench.sideBar.location": "right",
  "workbench.tree.renderIndentGuides": "none",
  "workbench.colorCustomizations": {
    "tab.activeBorder": "#0000" // removes border to highlight active tabs (the colors formats are: #RGB, #RGBA, #RRGGBB or #RRGGBBAA)
  },

  // Window
  "window.openFilesInNewWindow": "on",
  "window.restoreWindows": "none",
  "window.titleBarStyle": "native",

  // Zen Mode
  "zenMode.hideActivityBar": false,
  "zenMode.fullScreen": false,
  "zenMode.centerLayout": false,

  // Miscelaneous
  "git.autofetch": "all",
  "city-lights-icons-vsc.hidesExplorerArrows": false,
  "scss.validate": false,
  "explorer.openEditors.visible": 0,
  "extensions.ignoreRecommendations": true,
  "redhat.telemetry.enabled": false,
  "terminal.integrated.fontSize": 12,
  "git.enableCommitSigning": false,
  "diffEditor.ignoreTrimWhitespace": false,
  "html.autoCreateQuotes": false,
  
  // Customize UI
  "customizeUI.titleBar": "inline",
  "customizeUI.activityBar": "bottom",
  "customizeUI.activityBarHideSettings": false,
  "customizeUI.stylesheet": {
    ".monaco-icon-label": "align-items: center",
    ".scrollbar.vertical": "right: -12px !important;",
    ".scrollbar.vertical .slider": "opacity:0 !important; width: 2px !important;",
    ".scrollbar.horizontal .slider": "opacity:0 !important; height: 2px !important;",
    ".monaco-action-bar:not(.vertical) .action-label:not(.disabled):hover": "background-color: transparent !important",
    ".monaco-action-bar:not(.vertical) .action-label:not(.disabled):focus": "background-color: transparent !important",
    "[title='Open Changes']": "display: none !important;"
  },

  // TailwindCSS class lists get loooong, let them be.
  "html.format.wrapLineLength": 99999,
  
  // Quote styles
  "javascript.preferences.quoteStyle": "single",
  "typescript.preferences.quoteStyle": "single",
  
  // Enabling inlayhints in js and ts
  "editor.inlayHints.fontSize": 12,
  "typescript.inlayHints.enumMemberValues.enabled": true,
  "typescript.inlayHints.functionLikeReturnTypes.enabled": true,
  "typescript.inlayHints.parameterTypes.enabled": true,
  "typescript.inlayHints.propertyDeclarationTypes.enabled": true,
  "typescript.inlayHints.parameterNames.enabled": "all"
}