Clutter-free VS Code Setup

_screenshot.md

clutter-free-vscode.jsonc

// Required Plugin: https://marketplace.visualstudio.com/items?itemName=drcika.apc-extension

// settings.json
{
  // Remove left-side icons
  "workbench.activityBar.location": "hidden",
  // Remove bottom status bar
  "workbench.statusBar.visible": false,
  // Remove position indicator in the editor's scrollbar
  "editor.hideCursorInOverviewRuler": true,
  // Remove minimap
  "editor.minimap.enabled": false,
  // Remove the line number gutter
  "editor.glyphMargin": false,
  // Remove code-block folding icon
  "editor.folding": false,
  // Move tabs to be in a single line with window controls
  "window.titleBarStyle": "native",
  // Hide custom title bar introduced in VSCode 1.86
  "window.customTitleBarVisibility": "never",
  "apc.electron": {
    "titleBarStyle": "hiddenInset",
    "trafficLightPosition": {
      "x": 11,
      "y": 10
    }
  },
  "apc.header": {
    "height": 36
  },
  // Remove unnecessary controls from primary bar and tabs list
  "apc.stylesheet": {
    ".title-label > h2": "display: none", // Remove primary side bar title
    ".title-actions": "display: none", // Remove primary side bar action icons
    ".editor-actions": "display: none", // Remove editor action icons
    ".nosidebar .inline-tabs-placeholder": "width: 75px" // Align tabs to not overlap window controls when primary bar is hidden
  }
}

"editor.glyphMargin": false think this is a good addition. Reduces the line number gutter

"editor.folding": false if you don't care about folding

@filipef101 lovely, thanks!

great ideas, thanks

What colorscheme is the screenshot? 😅

@codepunkt Theme is Ayu Mirage Bordered and font is IBM Plex Mono

how?

@fecavalieridesign Windows only support hidden, not hiddenInset option: https://www.electronjs.org/docs/latest/api/browser-window#new-browserwindowoptions

oh thanks :)

Thanks for sharing, bro!

This doesnt remove this annoying bar, anyone know to remove it?

@rohzzn see this thread, maybe this is your issue as well https://twitter.com/kuba_hasek/status/1743212489813242219

It work on Linux Ubuntu ?

Unifying top bar with tabs is available only on OSX.

nothing is working actually, not even enable

I think, not sure if related to a new vscode release, that "window.customTitleBarVisibility": "never", is also required to hide the customTitleBar

Ah, thanks @filipef101, it has been indeed introduced in January 2024 (version 1.86). Updated gist.