Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Settings for visual studio code
{
"editor.fontFamily": "Fira Code",
"editor.fontSize": 14,
"editor.lineHeight": 18,
"editor.letterSpacing": 0.5,
"editor.cursorStyle": "line-thin",
"editor.minimap.enabled": false,
"editor.cursorBlinking": "smooth",
"editor.multiCursorModifier": "ctrlCmd",
"editor.smoothScrolling": true,
"editor.fontWeight": "400",
"editor.fontLigatures": true,
"explorer.openEditors.visible": 5,
"editor.tabSize": 2,
"editor.renderWhitespace": "all",
"files.trimTrailingWhitespace": true,
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/CVS": true,
"**/.DS_Store": true,
".vscode/": true,
"package-lock.json": true,
"node_modules": true
},
"files.associations": {
"*.js": "javascript"
},
"javascript.updateImportsOnFileMove.enabled": "never",
"vscode_custom_css.imports": [
"file:///C:/repos/vscode/custom-styles.css"
],
"workbench.statusBar.feedback.visible": false,
"window.zoomLevel": 0,
"window.menuBarVisibility": "toggle",
"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
"editor.formatOnSave": false,
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[yaml]": {
"editor.defaultFormatter": "redhat.vscode-yaml"
},
"workbench.colorCustomizations": {
"editorError.foreground": "#00000000",
"editorWarning.foreground": "#00000000",
"editorInfo.foreground": "#00000000"
},
"workbench.colorTheme": "One Dark Pro"
}
@kieranmv95

This comment has been minimized.

Copy link
Owner Author

kieranmv95 commented Jan 15, 2019

This theme requires a couple of prerequisites:

  • wesbos cobalt 2 theme needs to be installed,
  • Material Icon theme (not required just makes shit look pretty)
  • Fira Code font family needs to be installed
  • Need git scm installed
  • Prettier plugin
  • YAML by redhat plugin
  • ESLint
  • For the folowing file file:///C:/repos/vscode/custom-styles.css you will need to update this and create the file on your local machine. This makes pretty errors. The custom-styles.css should contain the following:
.squiggly-error {
  background: rgba(255,255,255,0.2);
  border-bottom: 2px solid #ff5f5f;
}

.squiggly-warning {
  background: rgba(255,255,255,0.2);
  border-bottom: 2px solid rgb(255, 197, 90);
}

.squiggly-info {
  background: rgba(255,255,255,0.2);
  border-bottom: 2px solid rgb(100, 100, 255);
}

.squiggly-hint {
  background: rgba(255,255,255,0.2);
  border-bottom: 2px solid rgb(223, 255, 81);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.