My Personal VsCode Settings with Fira Code, Dunk Mono Font and Ocean Material Theme

settings.json

// Place your settings in this file to overwrite the default settings
{
    "workbench.iconTheme": "material-icon-theme",
    "emmet.syntaxProfiles": {
        "blade": "html"
    },
    "editor.tabCompletion": true,
    "editor.fontSize": 16,
    "editor.lineHeight": 30,
    "editor.tabSize": 2,
    "workbench.colorTheme": "Material Theme Ocean High Contrast",
    "editor.showFoldingControls": "always",
    "editor.formatOnPaste": true,
    "editor.snippetSuggestions": "top",
    "window.titleBarStyle": "custom",
    "editor.cursorBlinking": "phase",
    "editor.cursorWidth": 5,
    "window.menuBarVisibility": "default",
    "files.exclude": {
        "**/.vscode": true
    },
    "breadcrumbs.enabled": true,
    "workbench.activityBar.visible": true,
    "editor.fontLigatures": true,
    "editor.fontFamily": "'Dank Mono','Fira Code'",
    "editor.wordWrap": "off",
    "material-icon-theme.folders.theme": "specific",
    "material-icon-theme.hidesExplorerArrows": true,
    "emmet.triggerExpansionOnTab": true,
    "blade.format.enable": true,
    "php.suggest.basic": false,
    "php.validate.executablePath": "/usr/bin/php",
    "editor.formatOnSave": true,
    "material-icon-theme.folders.color": "#26a69a",
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "name": "Comment",
                "scope": [
                    "comment",
                    "punctuation.definition.comment"
                ],
                "settings": {
                    "fontStyle": "italic",
                    // "foreground": "#4A4A4A"
                }
            },
            {
                "name": "Keyword, Storage",
                "scope": [
                    "keyword",
                    "storage" // style for function in php
                ],
                "settings": {
                    "fontStyle": "bold"
                }
            },
            {
                "name": "Function Name",
                "scope": "entity.name.function",
                "settings": {
                    // "fontStyle": "bold"
                    // "foreground": "#dfd9a8"
                }
            },
            {
                "name": "Storage Modifier",
                "scope": [
                    "storage.modifier"
                ],
                "settings": {
                    "fontStyle": "italic"
                    // static keyword such abstract,extends,implement
                }
            },
            {
                "name": "Keyword Control",
                "scope": [
                    "keyword.control"
                ],
                "settings": {
                    "fontStyle": "italic"
                }
            },
            {
                "name": "Class Name",
                "scope": "entity.name.type.class",
                "settings": {
                    "fontStyle": "italic bold",
                    // class name
                }
            },
            {
                "name": "entity.name.method.js",
                "scope": [
                    "entity.name.method.js"
                ],
                "settings": {
                    "fontStyle": "italic",
                    //"foreground": "#82AAFF"
                }
            },
            {
                "name": "Language methods",
                "scope": [
                    "variable.language"
                ],
                "settings": {
                    "fontStyle": "italic",
                    //"foreground": "#FF5370"
                }
            },
            {
                "name": "HTML Attributes",
                "scope": [
                    "text.html.basic entity.other.attribute-name.html",
                    "text.html.basic entity.other.attribute-name"
                ],
                "settings": {
                    "fontStyle": "italic bold",
                    "foreground": "#FFCB6B"
                }
            },
            {
                "name": "Other Extension Attribute",
                "scope": "entity.other.attribute-name",
                "settings": {
                    "fontStyle": "italic bold",
                    "foreground": "#FFCB6B"
                }
            },
            {
                "name": "Decorators",
                "scope": [
                    "tag.decorator.js entity.name.tag.js",
                    "tag.decorator.js punctuation.definition.tag.js"
                ],
                "settings": {
                    "fontStyle": "italic",
                    //"foreground": "#82AAFF"
                }
            },
            {
                "name": "ES7 Bind Operator",
                "scope": [
                    "source.js constant.other.object.key.js string.unquoted.label.js"
                ],
                "settings": {
                    "fontStyle": "italic",
                    //"foreground": "#FF5370"
                }
            },
            {
                "name": "Markup - Italic",
                "scope": [
                    "markup.italic"
                ],
                "settings": {
                    "fontStyle": "italic",
                    //"foreground": "#f07178"
                }
            },
            {
                "name": "Markup - Bold-Italic",
                "scope": [
                    "markup.bold markup.italic",
                    "markup.italic markup.bold",
                    "markup.quote markup.bold",
                    "markup.bold markup.italic string",
                    "markup.italic markup.bold string",
                    "markup.quote markup.bold string"
                ],
                "settings": {
                    "fontStyle": "bold",
                    //"foreground": "#f07178"
                }
            },
            {
                "name": "Markup - Quote",
                "scope": [
                    "markup.quote"
                ],
                "settings": {
                    "fontStyle": "italic",
                    //"foreground": ""
                }
            },
            {
                "scope": "variable.other",
                "settings": {
                    // "foreground": "#82fbff"
                }
            },
            {
                "scope": "support.function",
                "settings": {
                    "fontStyle": "italic",
                    // "foreground": "#dfd9a8"
                }
            },
            {
                "scope": "string",
                "settings": {
                    // "foreground": "#CE9178"
                }
            },
        ]
    },
    "bracketPairColorizer.activeScopeCSS": [
        "borderStyle : solid",
        "borderWidth : 2px",
        "borderColor : {color}; opacity: 1"
    ]
}