Settings I use at VSCode. Enjoy it! 🐈‍⬛

settings.json

{
  "editor.accessibilitySupport": "off",
  "files.simpleDialog.enable": true,

  // Text editing
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.linkedEditing": true,
  "editor.inlineSuggest.enabled": true,
  "editor.unicodeHighlight.nonBasicASCII": false,

  // UI settings
  //    Font
  "editor.fontFamily": "Zed Mono, Berkeley Mono, monospace",
  "terminal.integrated.fontFamily": "GeistMono NF, Berkeley Mono, monospace",
  "editor.fontSize": 15,
  "editor.fontWeight": "400",
  "terminal.integrated.fontSize": 15,
  "editor.lineHeight": 1.42857, // makes font size 14 have line height of ~20px
  "editor.tabSize": 2,
  "apc.font.family": "Segoe UI", // apply font to ALL the UI, requires APC extension

  //   Cursor
  "editor.cursorBlinking": "smooth",
  "terminal.integrated.cursorStyle": "block",
  "editor.cursorSmoothCaretAnimation": "on",

  //    Window settings
  //    Title bar
  "window.title": "${dirty}${activeEditorShort}",
  "apc.header": {
    "height": 37
  },
  //     Top bar
  "workbench.editor.showTabs": "none",
  "breadcrumbs.enabled": false,

  //     Minimap
  "editor.minimap.renderCharacters": false, // make minimap blockish (low level of detail)
  "editor.hideCursorInOverviewRuler": true, // don't highlight current line in scrollbar
  "editor.minimap.autohide": true, // shows minimap only on hover

  //     Sidebar
  "workbench.tree.enableStickyScroll": false,
  "workbench.activityBar.location": "hidden",
  "apc.listRow": {
    "fontSize": 13,
    "height": 24
  },
  "apc.sidebar.titlebar": {
    "height": 32
  },

  //     Bottom bar
  "workbench.statusBar.visible": true,
  "vscode-toggle-terminal.alignment": "right",
  "apc.statusBar": {
    "height": 24
  },

  //     Editor
  "editor.stickyScroll.enabled": false,
  "gitlens.mode.active": "zen",
  "editor.wordWrap": "off",

  //   Theme (make it closer to Zed MacOS theme) 
  "workbench.colorCustomizations": {
    "[macOS Classic Dark v2]": {
      "editor.background": "#131313",
      "editor.foreground": "#E8E4CF",
      "statusBar.background": "#262626",
      "sideBar.border": "#3A3A3A",
      "statusBar.border": "#3A3A3A",
      "terminal.border": "#3A3A3A",
      "editorGroup.border": "#3A3A3A",
      "editorGroupHeader.tabsBackground": "#131313",
      "editorGroupHeader.tabsBorder": "#3A3A3A",
      "editorGroupHeader.noTabsBackground": "#131313",
      "sideBar.background": "#1E1D1E",
      "sideBar.foreground": "#9e9e9e",
      "sideBarTitle.foreground": "#CACCCA",
      "sideBarSectionHeader.background": "#131313",
      "sideBarSectionHeader.foreground": "#CACCCA",
      "activityBar.background": "#131313",
      "activityBar.foreground": "#CACCCA",
      "activityBar.border": "#3A3A3A",
      "activityBarBadge.background": "#1E1D1E",
      "activityBarBadge.foreground": "#CACCCA",
      "scrollbarSlider.background": "#4C4D4DAA",
      "scrollbarSlider.hoverBackground": "#4C4D4D",
      "statusBarItem.warningBackground": "#00000000",
      "statusBarItem.warningForeground": "#CACCCA",
      "statusBar.foreground": "#CACCCA",
      "editorGroupHeader.border": "#00000000",
      "focusBorder": "#00000000",
      "editorLineNumber.foreground": "#8F8F8F",
      "editorLineNumber.activeForeground": "#E8E4CF",

      "terminal.ansiBlack": "#E8E4CF",
      "terminal.ansiRed": "#A8473B",
      "terminal.ansiBrightRed": "#DD6F61",
      "terminal.ansiGreen": "#76BA53",
      "terminal.ansiBrightGreen": "#9DE478",
      "terminal.ansiYellow": "#E1D797",
      "terminal.ansiBrightYellow": "#857F5C",
      "terminal.ansiBlue": "#3D6EB6",
      "terminal.ansiBrightBlue": "#81A9F6",
      "terminal.ansiMagenta": "#AE30C2",
      "terminal.ansiBrightMagenta": "#D86DE9",
      "terminal.ansiCyan": "#3DB6B0",
      "terminal.ansiBrightCyan": "#5BDFD8",
      "terminal.ansiWhite": "#131313",
      "terminal.ansiBrightWhite": "#3A3A3A"
    }
  },
  "editor.tokenColorCustomizations": {
    "[*Dark*]": {
      "textMateRules": [
        {
          "scope": ["support"],
          "settings": {
            "foreground": "#e00000",
            "fontStyle": "bold"
          }
        },
        {
          "scope": [
            "variable.other.constant",
            "variable.other.class",
            "meta.property-name",
            "meta.property-value",
            "support.function.kernel"
          ],
          "settings": {
            "foreground": "#E8E4CF"
          }
        },
        {
          "scope": [
            "meta.embedded",
            "support.constant.property-value",
            "support.variable.property.dom",
            "support.type.property-name.json",
            "punctuation.separator.key-value"
          ],
          "settings": {
            "foreground": "#E8E4CF"
          }
        },
        {
          "scope": ["meta.function-call", "variable.parameter.function"],
          "settings": {
            "foreground": "#E8E4CF"
          }
        }
      ]
    }
  },

  // Remove title bar
  "window.titleBarStyle": "native",
  "apc.electron": {
    "titleBarStyle": "hidden",
    "titleBarOverlay": {
      "color": "#00000000",
      "symbolColor": "#fff"
    }
  },

  // Custom CSS (requires APC extension)
  "apc.stylesheet": {
    "*": "font-weight: 400 !important;",
    ".monaco-workbench .part.sidebar .title-actions .action-item": "-webkit-app-region: none;",
    ".custom-sidebar-titlebar .monaco-workbench .sidebar>div.composite.title": "-webkit-app-region: drag;",
    ".title-label": "display: none !important;",
    ".monaco-workbench .part.sidebar .title-actions .actions-container": "justify-content: flex-start !important;"
  },

  // Git
  "git.openRepositoryInParentFolders": "always",
  "git.autofetch": true,
  "git.confirmNoVerifyCommit": false,
  "git.confirmSync": false,
  "git.ignoreMissingGitWarning": true,
  "gitlens.gitCommands.skipConfirmations": [
    "fetch:command",
    "stash-push:command",
    "switch:command",
    "push:command"
  ],
  "gitlens.hovers.currentLine.over": "line",

  // JS tooling
  "typescript.preferences.importModuleSpecifier": "non-relative", // prefer aliases when importing
  "eslint.options": {
    "extensions": [".js", ".jsx", ".mdx", ".ts", ".tsx"]
  },
  "eslint.validate": [
    "mdx",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "tailwindCSS.experimental.classRegex": [
    // Enables tailwind autocomplete for specified functions
    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
    ["cn\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
    ["cx\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ],
  
  "symbols.hidesExplorerArrows": false,
  "window.menuBarVisibility": "compact",
  "window.commandCenter": false,
  "workbench.layoutControl.enabled": false,
  "workbench.editor.editorActionsLocation": "hidden",
  "prisma.showPrismaDataPlatformNotification": false,
  "github.copilot.editor.enableAutoCompletions": true,
  "workbench.productIconTheme": "feather-vscode",
  "window.zoomLevel": 0.5,
  "workbench.colorTheme": "macOS Classic Dark v2",
  "workbench.iconTheme": "zed-icons", // My own custom icon theme using Zed icons

  // Prettier
  "[prisma]": {
    "editor.defaultFormatter": "Prisma.prisma"
  }
}