vscode custom settings

settings.json

// first install Fira Code https://github.com/tonsky/FiraCode

{
    "editor.formatOnSave": true,
    "window.zoomLevel": -1,
    "editor.fontSize": 14,
    "editor.fontWeight": "200",
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "breadcrumbs.enabled": true,
    "editor.fontLigatures": true,
    "editor.fontFamily": "'Fira Code', Menlo, Monaco, 'Courier New', monospace",
    "[handlebars]": {},
    "workbench.colorCustomizations": {
        "activityBar.foreground": "#ffcc80",
        "editor.background": "#000000", // stand as #RRGGBBAA
        "editorError.foreground": "#ff0000",
        "editorUnnecessaryCode.opacity": "#00000090"
    },
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "punctuation.definition.comment",
                "settings": {
                    "foreground": "#ffff00"
                }
            },
            {
                "scope": "keyword.control",
                "settings": {
                    "foreground": "#ffffff",
                }
            },
            {
                "scope": [
                    "punctuation",
                    "keyword.other",
                    "keyword.operator"
                ],
                "settings": {
                    "foreground": "#fff"
                }
            },
            {
                "scope": [
                    "string.quoted",
                    "string.interpolated",
                    "string.other",
                    "string.unquoted"
                ],
                "settings": {
                    "foreground": "#00c853"
                }
            },
            {
                "scope": [
                    "comment"
                ],
                "settings": {
                    "foreground": "#ffff00",
                    "fontStyle": "italic"
                }
            },
            {
                "scope": [
                    "entity.name",
                    "entity.name.class",
                    "entity.name.section",
                    "entity.name.selector",
                    "entity.name.tag",
                    "entity.name.type",
                    "entity.other",
                    "entity.other.attribute-name",
                    "entity.other.inherited-class"
                ],
                "settings": {
                    "foreground": "#e040fb",
                    "fontStyle": "bold"
                }
            },
            {
                "scope": [
                    "variable",
                    "variable.name",
                    "variable",
                    "entity.name.function",
                    "entity.name.method",
                ],
                "settings": {
                    "foreground": "#ffcc80"
                }
            },
            {
                "scope": [
                    "variable.language" // eg "this"
                ],
                "settings": {
                    "foreground": "#b0bec5"
                }
            },
            {
                "scope": [
                    "invalid",
                    "invalid.language"
                ],
                "settings": {
                    "foreground": "#d50000"
                }
            }
        ]
    }
}