VSCODE Keyboard Shotcuts => Click Me

Fonts Download for VSCODE:

Fira Code : Download

Operator Mono : Download

paste on your settings.json in vscode:

{
  // editor
  "editor.fontSize": 20,
  "editor.fontFamily": "Operator Mono Light",
  // "editor.fontFamily": "Fira Code Light, Operator Mono Light",
  "editor.fontLigatures": true,
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false,
  "editor.tokenColorCustomizations": {
    "[Snazzy Plus - Darker]": {
      "comments": "#525252",
        // "variables": "#229977",
      // "keywords": "#f00"
      "textMateRules": [
        {
          "scope": "string.unquoted",
          "settings": {
            "foreground": "#d1292b",
          }
        }
      ]
    },
    "textMateRules": [
      {
        "scope": "comment",
        "settings": {
          "fontStyle": "italic",
        },
      }
    ]
  },
  // Auto Closing Tag
  "auto-close-tag.enableAutoCloseSelfClosingTag": true,
  "auto-close-tag.insertSpaceBeforeSelfClosingTag": true,
  "editor.linkedEditing": true,
  "auto-close-tag.enableAutoCloseTag": true,
  "javascript.preferences.renameMatchingJsxTags" : true,
  "typescript.preferences.renameMatchingJsxTags" : true,
  "html.autoClosingTags": true,
  "javascript.autoClosingTags": true,
  "typescript.autoClosingTags": true,
  // cursor
  "editor.cursorSmoothCaretAnimation": "on",
  "editor.cursorBlinking": "expand",
  // config related to code formatting
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": false,
  // Terminal
  "terminal.integrated.fontWeightBold": "normal",
  "terminal.integrated.fontSize": 18,
  "liveServer.settings.donotShowInfoMsg": true,
  "editor.semanticTokenColorCustomizations": {},
  "vsicons.dontShowNewVersionMessage": true,
  "editor.guides.indentation": false,
  // "editor.guides.indentation": true,
  "editor.guides.bracketPairs": "active",
  "editor.renderWhitespace": "boundary",
  "workbench.colorCustomizations": {
  // "titleBar.activeBackground": "#7C21D7",
  // "titleBar.border": "#ebe8e8",
  // "titleBar.inactiveBackground": "#7c21d77c",
  // "titleBar.activeForeground": "#ebe8e8",
  //"tab.activeBorder": "#ffbf00",
  "tab.activeBackground": "#1E1E1E",
  "tab.activeForeground": "#FFFFFF",
  "tab.activeBorderTop": "#1E1E1E",
  "tab.activeBorder": "#ffbf00",
  "tab.inactiveBackground": "#2D2D2D",
  "tab.inactiveForeground": "#AAAAAA",
  "statusBar.background": "#000000",
  "statusBar.debuggingBackground": "#141414",
  "statusBar.noFolderBackground": "#141414",
  "statussBar.prominentBackground": "#7C21D7",
  "statusBar.foreground": "#ebe8e8",
  "terminal.background":"#131212",
  "panelTitle.activeBorder": "#ffbf00", // Terminal Border Color
  "activityBar.background": "#000000",
  "editorLineNumber.foreground": "#4c4c4c",
  // "settings.textInputBackground": "#00aeff",
  // "settings.checkboxBackground": "#ff0000",
  // "settings.dropdownBackground": "#ff0000",
  "button.background": "#0043c1",
  "activityBarBadge.background": "#ffaa00",
  "statusBarItem.remoteBackground": "#ffbf00",
  "statusBarItem.remoteForeground": "#ffffff",
},
  "workbench.iconTheme": "material-icon-theme",
  "workbench.colorTheme": "Snazzy Plus - Darker",
  "window.zoomLevel": 1,
  "emmet.syntaxProfiles": {
    
  },
}