/vscode-config

My VS Code configuration

VS Code Config

Fonts

Installation

Theme

One Dark Pro

Styles

.type.storage,.type.storage.declaration, .storage.class.modifier {
  font-family: 'flottflott';
  font-size: 1.7em;
}

.type.storage.arrow.function {
  font-family: 'Fira Code'
}

.decorator.name, .decorator.punctuation:not(.block), .import.keyword {
  font-family: 'flottflott';
  font-size: 1.7em;
  color: #68f39b!important;
}
.attribute-name {
  font-family: 'flottflott';
  font-style: normal;
  font-size: 1.5em;
}

.mtki {
  font-style: normal;
}

[data-mode-id="javascript"] .mtki,
[data-mode-id="javascript"] .mtk16
{
  font-family: 'flottflott';
  font-size: 1.6em;
  font-style: normal;
}

[data-mode-id="javascript"] .mtk12 {
  font-family: 'Fira code';
  font-size: 1em;
}

[data-mode-id="javascript"] .mtk10 {
  font-family: 'Fira code';
  font-size: 1em;
}

.html.quoted.double {
  color: #a6f3a6!important;
}
.comment {
  font-family: 'flottflott';
  color: #c5c5fd!important;
}
.comment:not(.punctuation) {
  font-family: 'flottflott';
  font-size: 1.5em;
}

Settings

{
  "editor.tabSize": 2,
  "editor.detectIndentation": true,
  "editor.fontSize": 15,
  "editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "vscode_custom_css.imports": ["file:///home/{$USER}/.vsextension/style.css"],
  "vscode_custom_css.policy": true,
  "prettier.printWidth": 100,
  "prettier.singleQuote": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "window.zoomLevel": 1,
  "editor.formatOnSave": true,
  "[html]": {
    "editor.tabSize": 2,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[twig]": {
    "editor.tabSize": 2
  },
  "[javascript]": {
    "editor.tabSize": 2,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[scss]": {
    "editor.tabSize": 2
  },
  "[css]": {
    "editor.tabSize": 2
  },
}

Plugins