Skip to content

Instantly share code, notes, and snippets.

@kocisov
Created August 4, 2018 19:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kocisov/a05e7b7e577b1ff5d0c9a3648bfe8f4c to your computer and use it in GitHub Desktop.
Save kocisov/a05e7b7e577b1ff5d0c9a3648bfe8f4c to your computer and use it in GitHub Desktop.
Atom like VSCode

Make VSCode look similar to Atom

Atom Like VSCode

To switch files/extensions/debugger... press CMD+Shift+[E|X|D|...]

Extension you need

https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css

Atom-Like.css

/* Remove bad looking things LUL */
.monaco-workbench > .part > .composite.title {
  display: none;
}

.monaco-toolbar {
  display: none;
}

.vs-dark
  .file-icon-themable-tree
  .monaco-tree-row.has-children
  .content:before {
  display: none;
}

/* Remove bad looking Italics */
.monaco-icon-label.italic
  > .monaco-icon-label-description-container
  > .label-description,
.monaco-icon-label.italic
  > .monaco-icon-label-description-container
  > .label-name {
  font-style: normal;
}

/* Tabs */
.monaco-workbench
  > .part.editor
  > .content
  .editor-group-container
  > .title
  .tabs-container
  > .tab.sizing-fit {
  width: auto;
  min-width: 200px;
}

/* another preferences */
.mtk9 {
  color: #d8d8d8;
}

.monaco-workbench
  > .editor
  > .content
  > .one-editor-silo
  > .container
  > .editor-container {
  -webkit-font-smoothing: antialiased;
}

.monaco-workbench > .part {
  font-family: Fira Code;
}

User Settings (CMD+,)

{
  // this is important!
  "vscode_custom_css.imports": ["path/to/Atom-Like.css"],

  "editor.cursorStyle": "block",
  "editor.folding": false,
  "window.titleBarStyle": "native",
  "editor.hideCursorInOverviewRuler": true,
  "editor.lineHeight": 26,
  "editor.tabSize": 2,
  "editor.matchBrackets": false,
  "editor.minimap.enabled": false,
  "editor.occurrencesHighlight": false,
  "editor.overviewRulerBorder": false,
  "editor.renderIndentGuides": false,
  "editor.renderLineHighlight": "none",
  "explorer.openEditors.visible": 0,
  "window.zoomLevel": 0,
  "workbench.activityBar.visible": false,
  "workbench.startupEditor": "newUntitledFile",
  "atomKeymap.promptV3Features": true,
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.formatOnPaste": false,
  "javascript.validate.enable": false,
  "editor.formatOnSave": true,
  "explorer.confirmDragAndDrop": false,
  "css.validate": false,
  "workbench.statusBar.visible": false
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment