vscode主题开发

vscode主题开发教程

https://blog.csdn.net/Suwanqing_su/article/details/105945290

个人配置结果

主题代码

到Vscode放插件的目录中随便找一个主题插件点进去到themes文件夹，里面有一个json文件打开，将以下代码复制即可

/*
 此主题为个人结合eyeshield的colors和Night owl light的tokenColors结合所得
*/
 
{
  "type": "light",
  "semanticHighlighting": false,
  "colors": {
		"activityBar.background": "#fffae8",
		"activityBar.foreground": "#121417",
		"activityBarBadge.background": "#41a863",
		"activityBarBadge.foreground": "#ffffff",
		"badge.background": "#41a863",
		"badge.foreground": "#ffffff",
		"button.background": "#3bba54",
		"button.foreground": "#ffffff",
		"button.hoverBackground": "#4cc263",
		"diffEditor.insertedTextBackground": "#00809b33",
		"dropdown.background": "#fffae8",
		"dropdown.border": "#dbdbdc",
		"editor.background": "#fffae8",
		"editor.lineHighlightBackground": "#eae3cd",
		"editor.selectionBackground": "#e5e5e6",
		"editorCursor.foreground": "#526fff",
		"editorGroup.border": "#dbdbdc",
		"editorGroupHeader.tabsBackground": "#fffae8",
		"editorHoverWidget.background": "#fffae8",
		"editorHoverWidget.border": "#dbdbdc",
		"editorIndentGuide.background": "#d3d4d5",
		"editorLineNumber.foreground": "#a79e80",
		"editorSuggestWidget.background": "#fffae8",
		"editorSuggestWidget.border": "#dbdbdc",
		"editorSuggestWidget.selectedBackground": "#ffffff",
		"editorWhitespace.foreground": "#d3d4d5",
		"editorWidget.background": "#fffae8",
		"extensionButton.prominentBackground": "#3bba54",
		"extensionButton.prominentHoverBackground": "#4cc263",
		"focusBorder": "#41a863",
		"input.background": "#ffffff",
		"input.border": "#dbdbdc",
		"list.activeSelectionBackground": "#e0edd3",
		"list.activeSelectionForeground": "#41a863",
		"list.focusBackground": "#e0edd3",
		"list.highlightForeground": "#121417",
		"list.hoverBackground": "#e0edd3",
		"list.inactiveSelectionBackground": "#dbdbdc",
		"list.inactiveSelectionForeground": "#232324",
		"peekView.border": "#41a863",
		"peekViewEditor.background": "#ffffff",
		"peekViewResult.background": "#fffae8",
		"peekViewResult.selectionBackground": "#dbdbdc",
		"peekViewTitle.background": "#ffffff",
		"pickerGroup.border": "#41a863",
		"scrollbarSlider.activeBackground": "#747d9180",
		"scrollbarSlider.background": "#4e566680",
		"scrollbarSlider.hoverBackground": "#5a637580",
		// "sideBar.background": "#fffae8",
    "sideBar.background": "#efeade",
		"sideBarSectionHeader.background": "#fafafa",
		"statusBar.background": "#fffae8",
		"statusBar.debuggingForeground": "#ffffff",
		"statusBar.foreground": "#424243",
		"statusBar.noFolderBackground": "#fffae8",
		"statusBarItem.hoverBackground": "#dbdbdc",
		"tab.activeBorderTop": "#41a863",
		"tab.activeBackground": "#fffae8",
		"tab.activeForeground": "#41a863",
		"tab.inactiveBackground": "#fffae8",
		"titleBar.activeBackground": "#fffae8",
		"titleBar.activeForeground": "#424243",
		"titleBar.border": "#41a863",
		"titleBar.inactiveBackground": "#fffae8",
		"titleBar.inactiveForeground": "#424243",
		"activityBar.activeBorder": "#41a863",
		"activityBar.dropBorder": "#41a863",
		"statusBar.focusBorder": "#41a863",
		"editor.selectionHighlightBackground": "#e0edd3",
  },
  "tokenColors": [
    {
      "name": "Changed",
      "scope": [
        "markup.changed",
        "meta.diff.header.git",
        "meta.diff.header.from-file",
        "meta.diff.header.to-file"
      ],
      "settings": {
        "foreground": "#608ff5",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Deleted",
      "scope": "markup.deleted.diff",
      "settings": {
        "foreground": "#EF535090",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Inserted",
      "scope": "markup.inserted.diff",
      "settings": {
        "foreground": "#4876d6ff",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Global settings",
      "settings": {
        "background": "#011627",
        "foreground": "#403f53"
      }
    },
    {
      "name": "Comment",
      "scope": "comment",
      "settings": {
        "foreground": "#689d60",
        "fontStyle": "italic"
      }
    },
    {
      "name": "String",
      "scope": "string",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "String Quoted",
      "scope": ["string.quoted", "variable.other.readwrite.js"],
      "settings": {
        "foreground": "#c96765"
      }
    },
    {
      "name": "Support Constant Math",
      "scope": "support.constant.math",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Number",
      "scope": ["constant.numeric", "constant.character.numeric"],
      "settings": {
        "foreground": "#aa0982",
        "fontStyle": ""
      }
    },
    {
      "name": "Built-in constant",
      "scope": [
        "constant.language",
        "punctuation.definition.constant",
        "variable.other.constant"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "User-defined constant",
      "scope": ["constant.character", "constant.other"],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Constant Character Escape",
      "scope": "constant.character.escape",
      "settings": {
        "foreground": "#aa0982"
      }
    },
    {
      "name": "RegExp String",
      "scope": ["string.regexp", "string.regexp keyword.other"],
      "settings": {
        "foreground": "#5ca7e4"
      }
    },
    {
      "name": "Comma in functions",
      "scope": "meta.function punctuation.separator.comma",
      "settings": {
        "foreground": "#5f7e97"
      }
    },
    // {
    //   "name": "Variable",
    //   "scope": "variable",
    //   "settings": {
    //     "foreground": "#4876d6"
    //   }
    // },
    {
      "name": "Variable",
      "scope": "variable",
      "settings": {
        "foreground": "#050505"
      }
    },
    {
      "name": "Keyword",
      "scope": ["punctuation.accessor", "keyword"],
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Storage",
      "scope": [
        "storage",
        "meta.var.expr",
        "meta.class meta.method.declaration meta.var.expr storage.type.js",
        "storage.type.property.js",
        "storage.type.property.ts",
        "storage.type.property.tsx"
      ],
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Storage type",
      "scope": "storage.type",
      "settings": {
        "foreground": "#994cc3"
      }
    },
    {
      "name": "Storage type",
      "scope": "storage.type.function.arrow.js",
      "settings": {
        "fontStyle": ""
      }
    },
    {
      "name": "Class name",
      "scope": ["entity.name.class", "meta.class entity.name.type.class"],
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "Inherited class",
      "scope": "entity.other.inherited-class",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Function name",
      "scope": "entity.name.function",
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Meta Tag",
      "scope": ["punctuation.definition.tag", "meta.tag"],
      "settings": {
        "foreground": "#994cc3"
      }
    },
    {
      "name": "HTML Tag names",
      "scope": [
        "entity.name.tag",
        "meta.tag.other.html",
        "meta.tag.other.js",
        "meta.tag.other.tsx",
        "entity.name.tag.tsx",
        "entity.name.tag.js",
        "entity.name.tag",
        "meta.tag.js",
        "meta.tag.tsx",
        "meta.tag.html"
      ],
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": ""
      }
    },
    {
      "name": "Tag attribute",
      "scope": "entity.other.attribute-name",
      "settings": {
        "fontStyle": "italic",
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Entity Name Tag Custom",
      "scope": "entity.name.tag.custom",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Library (function & constant)",
      "scope": ["support.function", "support.constant"],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Support Constant Property Value meta",
      "scope": "support.constant.meta.property-value",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Library class/type",
      "scope": ["support.type", "support.class"],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Support Variable DOM",
      "scope": "support.variable.dom",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Invalid",
      "scope": "invalid",
      "settings": {
        "foreground": "#ff2c83"
      }
    },
    {
      "name": "Invalid deprecated",
      "scope": "invalid.deprecated",
      "settings": {
        "foreground": "#d3423e"
      }
    },
    {
      "name": "Keyword Operator",
      "scope": "keyword.operator",
      "settings": {
        "foreground": "#0c969b",
        "fontStyle": ""
      }
    },
    {
      "name": "Keyword Operator Relational",
      "scope": "keyword.operator.relational",
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Keyword Operator Assignment",
      "scope": "keyword.operator.assignment",
      "settings": {
        "foreground": "#994cc3"
      }
    },
    {
      "name": "Keyword Operator Arithmetic",
      "scope": "keyword.operator.arithmetic",
      "settings": {
        "foreground": "#994cc3"
      }
    },
    {
      "name": "Keyword Operator Bitwise",
      "scope": "keyword.operator.bitwise",
      "settings": {
        "foreground": "#994cc3"
      }
    },
    {
      "name": "Keyword Operator Increment",
      "scope": "keyword.operator.increment",
      "settings": {
        "foreground": "#994cc3"
      }
    },
    {
      "name": "Keyword Operator Ternary",
      "scope": "keyword.operator.ternary",
      "settings": {
        "foreground": "#994cc3"
      }
    },
    {
      "name": "Double-Slashed Comment",
      "scope": "comment.line.double-slash",
      "settings": {
        "foreground": "#939dbb"
      }
    },
    {
      "name": "Object",
      "scope": "object",
      "settings": {
        "foreground": "#cdebf7"
      }
    },
    {
      "name": "Null",
      "scope": "constant.language.null",
      "settings": {
        "foreground": "#bc5454"
      }
    },
    {
      "name": "Meta Brace",
      "scope": "meta.brace",
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "Meta Delimiter Period",
      "scope": "meta.delimiter.period",
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Punctuation Definition String",
      "scope": "punctuation.definition.string",
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "Punctuation Definition String Markdown",
      "scope": "punctuation.definition.string.begin.markdown",
      "settings": {
        "foreground": "#bc5454"
      }
    },
    {
      "name": "Boolean",
      "scope": "constant.language.boolean",
      "settings": {
        "foreground": "#bc5454"
      }
    },
    {
      "name": "Object Comma",
      "scope": "object.comma",
      "settings": {
        "foreground": "#ffffff"
      }
    },
    {
      "name": "Variable Parameter Function",
      "scope": "variable.parameter.function",
      "settings": {
        "foreground": "#0c969b",
        "fontStyle": ""
      }
    },
    {
      "name": "Support Type Property Name & entity name tags",
      "scope": [
        "support.type.vendor.property-name",
        "support.constant.vendor.property-value",
        "support.type.property-name",
        "meta.property-list entity.name.tag"
      ],
      "settings": {
        "foreground": "#0c969b",
        "fontStyle": ""
      }
    },
    {
      "name": "Entity Name tag reference in stylesheets",
      "scope": "meta.property-list entity.name.tag.reference",
      "settings": {
        "foreground": "#57eaf1"
      }
    },
    {
      "name": "Constant Other Color RGB Value Punctuation Definition Constant",
      "scope": "constant.other.color.rgb-value punctuation.definition.constant",
      "settings": {
        "foreground": "#aa0982"
      }
    },
    {
      "name": "Constant Other Color",
      "scope": "constant.other.color",
      "settings": {
        "foreground": "#aa0982"
      }
    },
    {
      "name": "Keyword Other Unit",
      "scope": "keyword.other.unit",
      "settings": {
        "foreground": "#aa0982"
      }
    },
    {
      "name": "Meta Selector",
      "scope": "meta.selector",
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Entity Other Attribute Name Id",
      "scope": "entity.other.attribute-name.id",
      "settings": {
        "foreground": "#aa0982"
      }
    },
    {
      "name": "Meta Property Name",
      "scope": "meta.property-name",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Doctypes",
      "scope": ["entity.name.tag.doctype", "meta.tag.sgml.doctype"],
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Punctuation Definition Parameters",
      "scope": "punctuation.definition.parameters",
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "Keyword Control Operator",
      "scope": "keyword.control.operator",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Keyword Operator Logical",
      "scope": "keyword.operator.logical",
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": ""
      }
    },
    {
      "name": "Variable Instances",
      "scope": [
        "variable.instance",
        "variable.other.instance",
        "variable.readwrite.instance",
        "variable.other.readwrite.instance",
        "variable.other.property"
      ],
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Variable Property Other object property",
      "scope": ["variable.other.object.property"],
      "settings": {
        "foreground": "#111111",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Variable Property Other object",
      "scope": ["variable.other.object.js"],
      "settings": {
        "fontStyle": ""
      }
    },
    {
      "name": "Entity Name Function",
      "scope": ["entity.name.function"],
      "settings": {
        "foreground": "#4876d6",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Keyword Operator Comparison, imports, returns and Keyword Operator Ruby",
      "scope": [
        "keyword.operator.comparison",
        "keyword.control.flow.js",
        "keyword.control.flow.ts",
        "keyword.control.flow.tsx",
        "keyword.control.ruby",
        "keyword.control.module.ruby",
        "keyword.control.class.ruby",
        "keyword.control.def.ruby",
        "keyword.control.loop.js",
        "keyword.control.loop.ts",
        "keyword.control.import.js",
        "keyword.control.import.ts",
        "keyword.control.import.tsx",
        "keyword.control.from.js",
        "keyword.control.from.ts",
        "keyword.control.from.tsx",
        "keyword.operator.instanceof.js",
        "keyword.operator.expression.instanceof.ts",
        "keyword.operator.expression.instanceof.tsx"
      ],
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Keyword Control Conditional",
      "scope": [
        "keyword.control.conditional.js",
        "keyword.control.conditional.ts",
        "keyword.control.switch.js",
        "keyword.control.switch.ts"
      ],
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": ""
      }
    },
    {
      "name": "Support Constant, `new` keyword, Special Method Keyword, `debugger`, other keywords",
      "scope": [
        "support.constant",
        "keyword.other.special-method",
        "keyword.other.new",
        "keyword.other.debugger",
        "keyword.control"
      ],
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Support Function",
      "scope": "support.function",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Invalid Broken",
      "scope": "invalid.broken",
      "settings": {
        "foreground": "#aa0982"
      }
    },
    {
      "name": "Invalid Unimplemented",
      "scope": "invalid.unimplemented",
      "settings": {
        "foreground": "#8BD649"
      }
    },
    {
      "name": "Invalid Illegal",
      "scope": "invalid.illegal",
      "settings": {
        "foreground": "#c96765"
      }
    },
    {
      "name": "Language Variable",
      "scope": "variable.language",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Support Variable Property",
      "scope": "support.variable.property",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Variable Function",
      "scope": "variable.function",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Variable Interpolation",
      "scope": "variable.interpolation",
      "settings": {
        "foreground": "#ec5f67"
      }
    },
    {
      "name": "Meta Function Call",
      "scope": "meta.function-call",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Punctuation Section Embedded",
      "scope": "punctuation.section.embedded",
      "settings": {
        "foreground": "#d3423e"
      }
    },
    {
      "name": "Punctuation Tweaks",
      "scope": [
        "punctuation.terminator.expression",
        "punctuation.definition.arguments",
        "punctuation.definition.array",
        "punctuation.section.array",
        "meta.array"
      ],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "More Punctuation Tweaks",
      "scope": [
        "punctuation.definition.list.begin",
        "punctuation.definition.list.end",
        "punctuation.separator.arguments",
        "punctuation.definition.list"
      ],
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "Template Strings",
      "scope": "string.template meta.template.expression",
      "settings": {
        "foreground": "#d3423e"
      }
    },
    {
      "name": "Backtics(``) in Template Strings",
      "scope": "string.template punctuation.definition.string",
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "Italics",
      "scope": "italic",
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Bold",
      "scope": "bold",
      "settings": {
        "foreground": "#4876d6",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Quote",
      "scope": "quote",
      "settings": {
        "foreground": "#697098",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Raw Code",
      "scope": "raw",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "CoffeScript Variable Assignment",
      "scope": "variable.assignment.coffee",
      "settings": {
        "foreground": "#31e1eb"
      }
    },
    {
      "name": "CoffeScript Parameter Function",
      "scope": "variable.parameter.function.coffee",
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "CoffeeScript Assignments",
      "scope": "variable.assignment.coffee",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "C# Readwrite Variables",
      "scope": "variable.other.readwrite.cs",
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "C# Classes & Storage types",
      "scope": ["entity.name.type.class.cs", "storage.type.cs"],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "C# Namespaces",
      "scope": "entity.name.type.namespace.cs",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Tag names in Stylesheets",
      "scope": [
        "entity.name.tag.css",
        "entity.name.tag.less",
        "entity.name.tag.custom.css",
        "support.constant.property-value.css"
      ],
      "settings": {
        "foreground": "#c96765",
        "fontStyle": ""
      }
    },
    {
      "name": "Wildcard(*) selector in Stylesheets",
      "scope": [
        "entity.name.tag.wildcard.css",
        "entity.name.tag.wildcard.less",
        "entity.name.tag.wildcard.scss",
        "entity.name.tag.wildcard.sass"
      ],
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "CSS Keyword Other Unit",
      "scope": "keyword.other.unit.css",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Attribute Name for CSS",
      "scope": [
        "meta.attribute-selector.css entity.other.attribute-name.attribute",
        "variable.other.readwrite.js"
      ],
      "settings": {
        "foreground": "#aa0982"
      }
    },
    {
      "name": "Elixir Classes",
      "scope": [
        "source.elixir support.type.elixir",
        "source.elixir meta.module.elixir entity.name.class.elixir"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Elixir Functions",
      "scope": "source.elixir entity.name.function",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Elixir Constants",
      "scope": [
        "source.elixir constant.other.symbol.elixir",
        "source.elixir constant.other.keywords.elixir"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Elixir String Punctuations",
      "scope": "source.elixir punctuation.definition.string",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Elixir",
      "scope": [
        "source.elixir variable.other.readwrite.module.elixir",
        "source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Elixir Binary Punctuations",
      "scope": "source.elixir .punctuation.binary.elixir",
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Closure Constant Keyword",
      "scope": "constant.keyword.clojure",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Go Function Calls",
      "scope": "source.go meta.function-call.go",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Go Keywords",
      "scope": [
        "source.go keyword.package.go",
        "source.go keyword.import.go",
        "source.go keyword.function.go",
        "source.go keyword.type.go",
        "source.go keyword.struct.go",
        "source.go keyword.interface.go",
        "source.go keyword.const.go",
        "source.go keyword.var.go",
        "source.go keyword.map.go",
        "source.go keyword.channel.go",
        "source.go keyword.control.go"
      ],
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Go Constants e.g. nil, string format (%s, %d, etc.)",
      "scope": [
        "source.go constant.language.go",
        "source.go constant.other.placeholder.go"
      ],
      "settings": {
        "foreground": "#bc5454"
      }
    },
    {
      "name": "C++ Functions",
      "scope": [
        "entity.name.function.preprocessor.cpp",
        "entity.scope.name.cpp"
      ],
      "settings": {
        "foreground": "#0c969bff"
      }
    },
    {
      "name": "C++ Meta Namespace",
      "scope": ["meta.namespace-block.cpp"],
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "C++ Language Primitive Storage",
      "scope": ["storage.type.language.primitive.cpp"],
      "settings": {
        "foreground": "#bc5454"
      }
    },
    {
      "name": "C++ Preprocessor Macro",
      "scope": ["meta.preprocessor.macro.cpp"],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "C++ Variable Parameter",
      "scope": ["variable.parameter"],
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "Powershell Variables",
      "scope": ["variable.other.readwrite.powershell"],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Powershell Function",
      "scope": ["support.function.powershell"],
      "settings": {
        "foreground": "#0c969bff"
      }
    },
    {
      "name": "ID Attribute Name in HTML",
      "scope": "entity.other.attribute-name.id.html",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "HTML Punctuation Definition Tag",
      "scope": "punctuation.definition.tag.html",
      "settings": {
        "foreground": "#994cc3"
      }
    },
    {
      "name": "HTML Doctype",
      "scope": "meta.tag.sgml.doctype.html",
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "JavaScript Classes",
      "scope": "meta.class entity.name.type.class.js",
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "JavaScript Method Declaration e.g. `constructor`",
      "scope": "meta.method.declaration storage.type.js",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "JavaScript Terminator",
      "scope": "terminator.js",
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "JavaScript Meta Punctuation Definition",
      "scope": "meta.js punctuation.definition.js",
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "Entity Names in Code Documentations",
      "scope": [
        "entity.name.type.instance.jsdoc",
        "entity.name.type.instance.phpdoc"
      ],
      "settings": {
        "foreground": "#5f7e97"
      }
    },
    {
      "name": "Other Variables in Code Documentations",
      "scope": ["variable.other.jsdoc", "variable.other.phpdoc"],
      "settings": {
        "foreground": "#78ccf0"
      }
    },
    {
      "name": "JavaScript module imports and exports",
      "scope": [
        "variable.other.meta.import.js",
        "meta.import.js variable.other",
        "variable.other.meta.export.js",
        "meta.export.js variable.other"
      ],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "JavaScript Variable Parameter Function",
      "scope": "variable.parameter.function.js",
      "settings": {
        "foreground": "#7986E7"
      }
    },
    {
      "name": "JavaScript[React] Variable Other Object",
      "scope": [
        "variable.other.object.js",
        "variable.other.object.jsx",
        "variable.object.property.js",
        "variable.object.property.jsx"
      ],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "JavaScript Variables",
      "scope": ["variable.js", "variable.other.js"],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "JavaScript Entity Name Type",
      "scope": ["entity.name.type.js", "entity.name.type.module.js"],
      "settings": {
        "foreground": "#111111",
        "fontStyle": ""
      }
    },
    {
      "name": "JavaScript Support Classes",
      "scope": "support.class.js",
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "JSON Property Names",
      "scope": "support.type.property-name.json",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "JSON Support Constants",
      "scope": "support.constant.json",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "JSON Property values (string)",
      "scope": "meta.structure.dictionary.value.json string.quoted.double",
      "settings": {
        "foreground": "#c789d6"
      }
    },
    {
      "name": "Strings in JSON values",
      "scope": "string.quoted.double.json punctuation.definition.string.json",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Specific JSON Property values like null",
      "scope": "meta.structure.dictionary.json meta.structure.dictionary.value constant.language",
      "settings": {
        "foreground": "#bc5454"
      }
    },
    {
      "name": "JavaScript Other Variable",
      "scope": "variable.other.object.js",
      "settings": {
        "foreground": "#0c969b",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Ruby Variables",
      "scope": ["variable.other.ruby"],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "Ruby Class",
      "scope": ["entity.name.type.class.ruby"],
      "settings": {
        "foreground": "#c96765"
      }
    },
    {
      "name": "Ruby Hashkeys",
      "scope": "constant.language.symbol.hashkey.ruby",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Ruby Symbols",
      "scope": "constant.language.symbol.ruby",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "LESS Tag names",
      "scope": "entity.name.tag.less",
      "settings": {
        "foreground": "#994cc3"
      }
    },
    {
      "name": "LESS Keyword Other Unit",
      "scope": "keyword.other.unit.css",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Attribute Name for LESS",
      "scope": "meta.attribute-selector.less entity.other.attribute-name.attribute",
      "settings": {
        "foreground": "#aa0982"
      }
    },
    {
      "name": "Markdown Headings",
      "scope": [
        "markup.heading.markdown",
        "markup.heading.setext.1.markdown",
        "markup.heading.setext.2.markdown"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Markdown Italics",
      "scope": "markup.italic.markdown",
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Markdown Bold",
      "scope": "markup.bold.markdown",
      "settings": {
        "foreground": "#4876d6",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Markdown Quote + others",
      "scope": "markup.quote.markdown",
      "settings": {
        "foreground": "#697098",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Markdown Raw Code + others",
      "scope": "markup.inline.raw.markdown",
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Markdown Links",
      "scope": [
        "markup.underline.link.markdown",
        "markup.underline.link.image.markdown"
      ],
      "settings": {
        "foreground": "#ff869a"
      }
    },
    {
      "name": "Markdown Link Title and Description",
      "scope": [
        "string.other.link.title.markdown",
        "string.other.link.description.markdown"
      ],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "Markdown Punctuation",
      "scope": [
        "punctuation.definition.string.markdown",
        "punctuation.definition.string.begin.markdown",
        "punctuation.definition.string.end.markdown",
        "meta.link.inline.markdown punctuation.definition.string"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Markdown MetaData Punctuation",
      "scope": ["punctuation.definition.metadata.markdown"],
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Markdown List Punctuation",
      "scope": ["beginning.punctuation.definition.list.markdown"],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Markdown Inline Raw String",
      "scope": "markup.inline.raw.string.markdown",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "PHP Variables",
      "scope": ["variable.other.php", "variable.other.property.php"],
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "Support Classes in PHP",
      "scope": "support.class.php",
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "Punctuations in PHP function calls",
      "scope": "meta.function-call.php punctuation",
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "PHP Global Variables",
      "scope": "variable.other.global.php",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Declaration Punctuation in PHP Global Variables",
      "scope": "variable.other.global.php punctuation.definition.variable",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Language Constants in Python",
      "scope": "constant.language.python",
      "settings": {
        "foreground": "#bc5454"
      }
    },
    {
      "name": "Python Function Parameter and Arguments",
      "scope": [
        "variable.parameter.function.python",
        "meta.function-call.arguments.python"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Python Function Call",
      "scope": [
        "meta.function-call.python",
        "meta.function-call.generic.python"
      ],
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "Punctuations in Python",
      "scope": "punctuation.python",
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "Decorator Functions in Python",
      "scope": "entity.name.function.decorator.python",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Python Language Variable",
      "scope": "source.python variable.language.special",
      "settings": {
        "foreground": "#aa0982"
      }
    },
    {
      "name": "Python import control keyword",
      "scope": "keyword.control",
      "settings": {
        "foreground": "#994cc3",
        "fontStyle": "italic"
      }
    },
    {
      "name": "SCSS Variable",
      "scope": [
        "variable.scss",
        "variable.sass",
        "variable.parameter.url.scss",
        "variable.parameter.url.sass"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Variables in SASS At-Rules",
      "scope": [
        "source.css.scss meta.at-rule variable",
        "source.css.sass meta.at-rule variable"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "Variables in SASS At-Rules",
      "scope": [
        "source.css.scss meta.at-rule variable",
        "source.css.sass meta.at-rule variable"
      ],
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "Attribute Name for SASS",
      "scope": [
        "meta.attribute-selector.scss entity.other.attribute-name.attribute",
        "meta.attribute-selector.sass entity.other.attribute-name.attribute"
      ],
      "settings": {
        "foreground": "#aa0982"
      }
    },
    {
      "name": "Tag names in SASS",
      "scope": ["entity.name.tag.scss", "entity.name.tag.sass"],
      "settings": {
        "foreground": "#0c969b"
      }
    },
    {
      "name": "SASS Keyword Other Unit",
      "scope": ["keyword.other.unit.scss", "keyword.other.unit.sass"],
      "settings": {
        "foreground": "#994cc3"
      }
    },
    {
      "name": "TypeScript[React] Variables and Object Properties",
      "scope": [
        "variable.other.readwrite.alias.ts",
        "variable.other.readwrite.alias.tsx",
        "variable.other.readwrite.ts",
        "variable.other.readwrite.tsx",
        "variable.other.object.ts",
        "variable.other.object.tsx",
        "variable.object.property.ts",
        "variable.object.property.tsx",
        "variable.other.ts",
        "variable.other.tsx",
        "variable.tsx",
        "variable.ts"
      ],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "TypeScript[React] Entity Name Types",
      "scope": ["entity.name.type.ts", "entity.name.type.tsx"],
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "TypeScript[React] Node Classes",
      "scope": ["support.class.node.ts", "support.class.node.tsx"],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "TypeScript[React] Entity Name Types as Parameters",
      "scope": [
        "meta.type.parameters.ts entity.name.type",
        "meta.type.parameters.tsx entity.name.type"
      ],
      "settings": {
        "foreground": "#5f7e97"
      }
    },
    {
      "name": "TypeScript[React] Import/Export Punctuations",
      "scope": [
        "meta.import.ts punctuation.definition.block",
        "meta.import.tsx punctuation.definition.block",
        "meta.export.ts punctuation.definition.block",
        "meta.export.tsx punctuation.definition.block"
      ],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "TypeScript[React] Punctuation Decorators",
      "scope": [
        "meta.decorator punctuation.decorator.ts",
        "meta.decorator punctuation.decorator.tsx"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "TypeScript[React] Punctuation Decorators",
      "scope": "meta.tag.js meta.jsx.children.tsx",
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "YAML Entity Name Tags",
      "scope": "entity.name.tag.yaml",
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "JavaScript Variable Other ReadWrite",
      "scope": ["variable.other.readwrite.js", "variable.parameter"],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "Support Class Component",
      "scope": ["support.class.component.js", "support.class.component.tsx"],
      "settings": {
        "foreground": "#aa0982",
        "fontStyle": ""
      }
    },
    {
      "name": "Text nested in React tags",
      "scope": [
        "meta.jsx.children",
        "meta.jsx.children.js",
        "meta.jsx.children.tsx"
      ],
      "settings": {
        "foreground": "#403f53"
      }
    },
    {
      "name": "TypeScript Classes",
      "scope": "meta.class entity.name.type.class.tsx",
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "TypeScript Entity Name Type",
      "scope": ["entity.name.type.tsx", "entity.name.type.module.tsx"],
      "settings": {
        "foreground": "#111111"
      }
    },
    {
      "name": "TypeScript Class Variable Keyword",
      "scope": [
        "meta.class.ts meta.var.expr.ts storage.type.ts",
        "meta.class.tsx meta.var.expr.tsx storage.type.tsx"
      ],
      "settings": {
        "foreground": "#994CC3"
      }
    },
    {
      "name": "TypeScript Method Declaration e.g. `constructor`",
      "scope": [
        "meta.method.declaration storage.type.ts",
        "meta.method.declaration storage.type.tsx"
      ],
      "settings": {
        "foreground": "#4876d6"
      }
    },
    {
      "name": "normalize font style of certain components",
      "scope": [
        "meta.property-list.css meta.property-value.css variable.other.less",
        "meta.property-list.scss variable.scss",
        "meta.property-list.sass variable.sass",
        "meta.brace",
        "keyword.operator.operator",
        "keyword.operator.or.regexp",
        "keyword.operator.expression.in",
        "keyword.operator.relational",
        "keyword.operator.assignment",
        "keyword.operator.comparison",
        "keyword.operator.type",
        "keyword.operator",
        "keyword",
        "punctuation.definintion.string",
        "punctuation",
        "variable.other.readwrite.js",
        "storage.type",
        "source.css",
        "string.quoted"
      ],
      "settings": {
        "fontStyle": ""
      }
    }
  ]
}