Skip to content

Instantly share code, notes, and snippets.

@kamilogorek
Last active February 17, 2024 20:38
Star You must be signed in to star a gist
Save kamilogorek/f5542a8e5c4059a8ef9f62927a575db2 to your computer and use it in GitHub Desktop.
Clutter-free VS Code Setup
// 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
}
}
@filipef101
Copy link

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

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

@kamilogorek
Copy link
Author

@filipef101 lovely, thanks!

@Hunam6
Copy link

Hunam6 commented Jan 3, 2024

great ideas, thanks

@codepunkt
Copy link

What colorscheme is the screenshot? 😅

@kamilogorek
Copy link
Author

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

@fecavalieridesign
Copy link

image
how?

@kamilogorek
Copy link
Author

@fecavalieridesign
Copy link

image
oh thanks :)

@yurimutti
Copy link

Thanks for sharing, bro!

@rohzzn
Copy link

rohzzn commented Jan 7, 2024

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

@kamilogorek
Copy link
Author

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

@sergiohdljr
Copy link

It work on Linux Ubuntu ?

@kamilogorek
Copy link
Author

Unifying top bar with tabs is available only on OSX.

@sergiohdljr
Copy link

nothing is working actually, not even enable

@filipef101
Copy link

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

@kamilogorek
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment