Barsom Prime dark
A nice clean dark theme that removes clutter and let's you focus on the important stuff. The code itself.
Recommended settings
I use the following settings for a extra clutter free UI.
Download the extension APC Customize UI++ and set the following in settings.json:
{
"editor.fontLigatures": true,
"breadcrumbs.enabled": false,
"editor.fontFamily": "Geist Mono",
"editor.letterSpacing": 1,
"editor.minimap.size": "fill",
"editor.tabSize": 2,
"editor.fontWeight": 500,
"editor.lineHeight": 2.2,
"editor.fontSize": 13,
"editor.scrollbar.verticalScrollbarSize": 12,
"editor.scrollbar.horizontalScrollbarSize": 12,
"editor.glyphMargin": false,
"editor.lineNumbers": "off",
// 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,
// Move tabs to be in a single line with window controls
"window.titleBarStyle": "native",
"apc.electron": {
"titleBarStyle": "hiddenInset",
"trafficLightPosition": {
"x": 11,
"y": 10
}
},
"apc.header": {
"height": 25,
"fontSize": 11
},
"workbench.editor.tabSizing": "shrink",
// 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
},
}