Skip to content

Instantly share code, notes, and snippets.

@dobbbri
Last active April 7, 2017 09:56
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save dobbbri/426679b6becb5467fcc7cc154b23cfd8 to your computer and use it in GitHub Desktop.
Save dobbbri/426679b6becb5467fcc7cc154b23cfd8 to your computer and use it in GitHub Desktop.
1 - close vscode if it is open
2 - at the terminal type:
Cd / Applications / Visual \ Studio \ Code.app/Contents/Resources/app/out/vs/workbench/electron-browser
3 - Add in the first line of the file: workbench.main.css, save and close. (When entering vscode it will report an error, click ignore always)
/*!--------------------------------------------------------
* custom color.
*--------------------------------------------------------*/
.show-file-icons .folder-icon::before {display: none;}
.vs-dark,
.vs-dark .monaco-workbench,
.vs-dark .monaco-editor,
.vs-dark .monaco-editor .glyph-margin,
.vs-dark .monaco-workbench.nopanel>.part.panel,
.vs-dark .monaco-workbench .part.editor.empty.has-watermark,
.vs-dark .monaco-workbench .monaco-editor-background,
.vs-dark .monaco-workbench>.activitybar>.content,
.vs-dark .monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title,
.vs-dark .monaco-workbench>.part>.title,
.vs-dark .monaco-workbench>.sidebar>.content,
.vs-dark .monaco-split-view>.split-view-view>.header.collapsible,
.vs-dark .monaco-workbench>.part.statusbar,
.vs-dark .monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab.active,
.vs-dark .monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab:not(.active),
.vs-dark .monaco-tree .monaco-tree-row.selected:not(.highlighted),
.vs-dark .monaco-workbench>.part.panel {background: #0b1015 !important;}
.vs-dark .monaco-workbench>.part.statusbar {color: #bbbbbb !important;}
.vs-dark .monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab.active {border-bottom: 2px solid orange !important;}
.vs-dark .monaco-workbench>.part.editor>.content>.one-editor-silo>.container>.title .tabs-container>.tab:not(.active) {border: none;}
.vs-dark .monaco-tree .monaco-tree-row {color: #bbbbbb;font-size: 16px;font-family: 'OperatorMono-Light';}
.vs-dark .monaco-tree .monaco-tree-row.selected:not(.highlighted) {color: orange;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment