React Conf 2021 - Code Sandbox theme

theme.json

{
  "name": "React Conf 2021",
  "type": "dark",
  "semanticHighlighting": false,
  "colors": {
    "contrastBorder": "#122d42",
    "focusBorder": "#122d42",
    "foreground": "#d6deeb",
    "widget.shadow": "#011627",
    "selection.background": "#4373c2",
    "errorForeground": "#EF5350",
    "button.background": "#7e57c2cc",
    "button.foreground": "#ffffffcc",
    "button.hoverBackground": "#7e57c2",
    "dropdown.background": "#011627",
    "dropdown.border": "#798299",
    "dropdown.foreground": "#ffffffcc",
    "input.background": "#0b253a",
    "input.border": "#798299",
    "input.foreground": "#ffffffcc",
    "input.placeholderForeground": "#798299",
    "inputOption.activeBorder": "#ffffffcc",
    "punctuation.definition.generic.begin.html": "#ef5350f2",
    "inputValidation.errorBackground": "#AB0300F2",
    "inputValidation.errorBorder": "#EF5350",
    "inputValidation.infoBackground": "#00589EF2",
    "inputValidation.infoBorder": "#64B5F6",
    "inputValidation.warningBackground": "#675700F2",
    "inputValidation.warningBorder": "#FFCA28",
    "scrollbar.shadow": "#010b14",
    "scrollbarSlider.activeBackground": "#084d8180",
    "scrollbarSlider.background": "#084d8180",
    "scrollbarSlider.hoverBackground": "#084d8180",
    "badge.background": "#798299",
    "badge.foreground": "#ffffff",
    "progress.background": "#7e57c2",
    "breadcrumb.foreground": "#A599E9",
    "breadcrumb.focusForeground": "#ffffff",
    "breadcrumb.activeSelectionForeground": "#FFFFFF",
    "breadcrumbPicker.background": "#001122",
    "list.activeSelectionBackground": "#234d708c",
    "list.activeSelectionForeground": "#ffffff",
    "list.invalidItemForeground": "#975f94",
    "list.dropBackground": "#011627",
    "list.focusBackground": "#010d18",
    "list.focusForeground": "#ffffff",
    "list.highlightForeground": "#ffffff",
    "list.hoverBackground": "#011627",
    "list.hoverForeground": "#ffffff",
    "list.inactiveSelectionBackground": "#0e293f",
    "list.inactiveSelectionForeground": "#798299",
    "activityBar.background": "#011627",
    "activityBar.dropBackground": "#798299",
    "activityBar.foreground": "#798299",
    "activityBar.border": "#011627",
    "activityBarBadge.background": "#44596b",
    "activityBarBadge.foreground": "#ffffff",
    "sideBar.background": "#011627",
    "sideBar.foreground": "#89a4bb",
    "sideBar.border": "#011627",
    "sideBarTitle.foreground": "#798299",
    "sideBarSectionHeader.background": "#011627",
    "sideBarSectionHeader.foreground": "#798299",
    "editorGroup.emptyBackground": "#011627",
    "editorGroup.border": "#011627",
    "editorGroup.dropBackground": "#7e57c273",
    "editorGroupHeader.noTabsBackground": "#011627",
    "editorGroupHeader.tabsBackground": "#011627",
    "editorGroupHeader.tabsBorder": "#262A39",
    "tab.activeBackground": "#0b2942",
    "tab.activeForeground": "#d2dee7",
    "tab.border": "#272B3B",
    "tab.activeBorder": "#262A39",
    "tab.unfocusedActiveBorder": "#262A39",
    "tab.inactiveBackground": "#01111d",
    "tab.inactiveForeground": "#798299",
    "tab.unfocusedActiveForeground": "#798299",
    "tab.unfocusedInactiveForeground": "#798299",
    "editor.background": "#24272e",
    "editor.foreground": "#eaecf0",
    "editorLineNumber.foreground": "#4b6479",
    "editorLineNumber.activeForeground": "#C5E4FD",
    "editorCursor.foreground": "#80a4c2",
    "editor.selectionBackground": "#1d3b53",
    "editor.selectionHighlightBackground": "#79829979",
    "editor.inactiveSelectionBackground": "#7e57c25a",
    "editor.wordHighlightBackground": "#f6bbe533",
    "editor.wordHighlightStrongBackground": "#e2a2f433",
    "editor.findMatchBackground": "#79829979",
    "editor.findMatchHighlightBackground": "#1085bb5d",
    "editor.findRangeHighlightBackground": null,
    "editor.hoverHighlightBackground": "#7e57c25a",
    "editor.lineHighlightBackground": "#0003",
    "editor.lineHighlightBorder": null,
    "editorLink.activeForeground": null,
    "editor.rangeHighlightBackground": "#7e57c25a",
    "editorWhitespace.foreground": null,
    "editorIndentGuide.background": "#5e81ce52",
    "editorIndentGuide.activeBackground": "#7E97AC",
    "editorRuler.foreground": "#5e81ce52",
    "editorCodeLens.foreground": "#5e82ceb4",
    "editorBracketMatch.background": "#7982994d",
    "editorBracketMatch.border": null,
    "editorOverviewRuler.currentContentForeground": "#7e57c2",
    "editorOverviewRuler.incomingContentForeground": "#7e57c2",
    "editorOverviewRuler.commonContentForeground": "#7e57c2",
    "editorError.foreground": "#EF5350",
    "editorError.border": null,
    "editorWarning.foreground": "#b39554",
    "editorWarning.border": null,
    "editorGutter.background": "#011627",
    "editorGutter.modifiedBackground": "#e2b93d",
    "editorGutter.addedBackground": "#9CCC65",
    "editorGutter.deletedBackground": "#EF5350",
    "diffEditor.insertedTextBackground": "#99b76d23",
    "diffEditor.insertedTextBorder": "#8ccec333",
    "diffEditor.removedTextBackground": "#ef535033",
    "diffEditor.removedTextBorder": "#ef53504d",
    "editorWidget.background": "#021320",
    "editorWidget.border": "#798299",
    "editorSuggestWidget.background": "#2C3043",
    "editorSuggestWidget.border": "#2B2F40",
    "editorSuggestWidget.foreground": "#d6deeb",
    "editorSuggestWidget.highlightForeground": "#ffffff",
    "editorSuggestWidget.selectedBackground": "#798299",
    "editorHoverWidget.background": "#011627",
    "editorHoverWidget.border": "#798299",
    "debugExceptionWidget.background": "#011627",
    "debugExceptionWidget.border": "#798299",
    "editorMarkerNavigation.background": "#0b2942",
    "editorMarkerNavigationError.background": "#EF5350",
    "editorMarkerNavigationWarning.background": "#FFCA28",
    "peekView.border": "#798299",
    "peekViewEditor.background": "#011627",
    "peekViewEditor.matchHighlightBackground": "#7e57c25a",
    "peekViewResult.background": "#011627",
    "peekViewResult.fileForeground": "#798299",
    "peekViewResult.lineForeground": "#798299",
    "peekViewResult.matchHighlightBackground": "#ffffffcc",
    "peekViewResult.selectionBackground": "#2E3250",
    "peekViewResult.selectionForeground": "#798299",
    "peekViewTitle.background": "#011627",
    "peekViewTitleDescription.foreground": "#697098",
    "peekViewTitleLabel.foreground": "#798299",
    "merge.currentHeaderBackground": "#798299",
    "merge.currentContentBackground": null,
    "merge.incomingHeaderBackground": "#7e57c25a",
    "merge.incomingContentBackground": null,
    "merge.border": null,
    "panel.background": "#011627",
    "panel.border": "#798299",
    "panelTitle.activeBorder": "#798299",
    "panelTitle.activeForeground": "#ffffffcc",
    "panelTitle.inactiveForeground": "#d6deeb80",
    "statusBar.background": "#011627",
    "statusBar.foreground": "#798299",
    "statusBar.border": "#262A39",
    "statusBar.debuggingBackground": "#202431",
    "statusBar.debuggingForeground": null,
    "statusBar.debuggingBorder": "#1F2330",
    "statusBar.noFolderForeground": null,
    "statusBar.noFolderBackground": "#011627",
    "statusBar.noFolderBorder": "#25293A",
    "statusBarItem.activeBackground": "#202431",
    "statusBarItem.hoverBackground": "#202431",
    "statusBarItem.prominentBackground": "#202431",
    "statusBarItem.prominentHoverBackground": "#202431",
    "titleBar.activeBackground": "#011627",
    "titleBar.activeForeground": "#eeefff",
    "titleBar.inactiveBackground": "#010e1a",
    "titleBar.inactiveForeground": null,
    "notifications.background": "#01111d",
    "notifications.border": "#262a39",
    "notificationCenter.border": "#262a39",
    "notificationToast.border": "#262a39",
    "notifications.foreground": "#ffffffcc",
    "notificationLink.foreground": "#80CBC4",
    "extensionButton.prominentForeground": "#ffffffcc",
    "extensionButton.prominentBackground": "#7e57c2cc",
    "extensionButton.prominentHoverBackground": "#7e57c2",
    "pickerGroup.foreground": "#d1aaff",
    "pickerGroup.border": "#011627",
    "terminal.ansiWhite": "#ffffff",
    "terminal.ansiBlack": "#011627",
    "terminal.ansiBlue": "#6ec8e1",
    "terminal.ansiCyan": "#21c7a8",
    "terminal.ansiGreen": "#22da6e",
    "terminal.ansiMagenta": "#C792EA",
    "terminal.ansiRed": "#EF5350",
    "terminal.ansiYellow": "#8ccec3",
    "terminal.ansiBrightWhite": "#ffffff",
    "terminal.ansiBrightBlack": "#575656",
    "terminal.ansiBrightBlue": "#6ec8e1",
    "terminal.ansiBrightCyan": "#8ccec3",
    "terminal.ansiBrightGreen": "#22da6e",
    "terminal.ansiBrightMagenta": "#C792EA",
    "terminal.ansiBrightRed": "#EF5350",
    "terminal.ansiBrightYellow": "#ffeb95",
    "terminal.selectionBackground": "#1b90dd4d",
    "terminalCursor.background": "#234d70",
    "textCodeBlock.background": "#4f4f4f",
    "debugToolBar.background": "#011627",
    "welcomePage.buttonBackground": "#011627",
    "welcomePage.buttonHoverBackground": "#011627",
    "walkThrough.embeddedEditorBackground": "#011627",
    "gitDecoration.modifiedResourceForeground": "#a2bffc",
    "gitDecoration.deletedResourceForeground": "#EF535090",
    "gitDecoration.untrackedResourceForeground": "#8ccec3ff",
    "gitDecoration.ignoredResourceForeground": "#395a75",
    "gitDecoration.conflictingResourceForeground": "#ffeb95cc",
    "source.elm": "#798299",
    "string.quoted.single.js": "#ffffff",
    "meta.objectliteral.js": "#6ec8e1"
  },
  "tokenColors": [
    {
      "name": "Changed",
      "scope": [
        "markup.changed",
        "meta.diff.header.git",
        "meta.diff.header.from-file",
        "meta.diff.header.to-file"
      ],
      "settings": {
        "foreground": "#a2bffc"
      }
    },
    {
      "name": "Deleted",
      "scope": "markup.deleted.diff",
      "settings": {
        "foreground": "#EF535090"
      }
    },
    {
      "name": "Inserted",
      "scope": "markup.inserted.diff",
      "settings": {
        "foreground": "#8ccec3ff"
      }
    },
    {
      "name": "Global settings",
      "settings": {
        "background": "#011627",
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "Comment",
      "scope": "comment",
      "settings": {
        "foreground": "#60687d",
        "fontStyle": ""
      }
    },
    {
      "name": "String",
      "scope": "string",
      "settings": {
        "foreground": "#ecba82"
      }
    },
    {
      "name": "String Quoted",
      "scope": ["string.quoted", "variable.other.readwrite.js"],
      "settings": {
        "foreground": "#ecba82"
      }
    },
    {
      "name": "Support Constant Math",
      "scope": "support.constant.math",
      "settings": {
        "foreground": "#b2dfd7"
      }
    },
    {
      "name": "Number",
      "scope": ["constant.numeric", "constant.character.numeric"],
      "settings": {
        "foreground": "#b3584a",
        "fontStyle": ""
      }
    },
    {
      "name": "Built-in constant",
      "scope": [
        "constant.language",
        "punctuation.definition.constant",
        "variable.other.constant"
      ],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "User-defined constant",
      "scope": ["constant.character", "constant.other"],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "Constant Character Escape",
      "scope": "constant.character.escape",
      "settings": {
        "foreground": "#b3584a"
      }
    },
    {
      "name": "RegExp String",
      "scope": ["string.regexp", "string.regexp keyword.other"],
      "settings": {
        "foreground": "#45a0cd"
      }
    },
    {
      "name": "Comma in functions",
      "scope": "meta.function punctuation.separator.comma",
      "settings": {
        "foreground": "#798299"
      }
    },
    {
      "name": "Variable",
      "scope": "variable",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Keyword",
      "scope": ["punctuation.accessor", "keyword"],
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": ""
      }
    },
    {
      "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": "#8e91ec",
        "fontStyle": ""
      }
    },
    {
      "name": "Storage type",
      "scope": "storage.type",
      "settings": {
        "foreground": "#8e91ec"
      }
    },
    {
      "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": "#ecba82"
      }
    },
    {
      "name": "Inherited class",
      "scope": "entity.other.inherited-class",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Function name",
      "scope": "entity.name.function",
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": ""
      }
    },
    {
      "name": "Meta Tag",
      "scope": ["punctuation.definition.tag", "meta.tag"],
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "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": "#b2dfd7",
        "fontStyle": ""
      }
    },
    {
      "name": "Tag attribute",
      "scope": "entity.other.attribute-name",
      "settings": {
        "fontStyle": "",
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Entity Name Tag Custom",
      "scope": "entity.name.tag.custom",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Library (function & constant)",
      "scope": ["support.function", "support.constant"],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "Support Constant Property Value meta",
      "scope": "support.constant.meta.property-value",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Library class/type",
      "scope": ["support.type", "support.class"],
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Support Variable DOM",
      "scope": "support.variable.dom",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Invalid",
      "scope": "invalid",
      "settings": {
        "background": "#ff2c83",
        "foreground": "#ffffff"
      }
    },
    {
      "name": "Invalid deprecated",
      "scope": "invalid.deprecated",
      "settings": {
        "foreground": "#ffffff",
        "background": "#d3423e"
      }
    },
    {
      "name": "Keyword Operator",
      "scope": "keyword.operator",
      "settings": {
        "foreground": "#8ccec3",
        "fontStyle": ""
      }
    },
    {
      "name": "Keyword Operator Relational",
      "scope": "keyword.operator.relational",
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": ""
      }
    },
    {
      "name": "Keyword Operator Assignment",
      "scope": "keyword.operator.assignment",
      "settings": {
        "foreground": "#8e91ec"
      }
    },
    {
      "name": "Keyword Operator Arithmetic",
      "scope": "keyword.operator.arithmetic",
      "settings": {
        "foreground": "#8e91ec"
      }
    },
    {
      "name": "Keyword Operator Bitwise",
      "scope": "keyword.operator.bitwise",
      "settings": {
        "foreground": "#8e91ec"
      }
    },
    {
      "name": "Keyword Operator Increment",
      "scope": "keyword.operator.increment",
      "settings": {
        "foreground": "#8e91ec"
      }
    },
    {
      "name": "Keyword Operator Ternary",
      "scope": "keyword.operator.ternary",
      "settings": {
        "foreground": "#8e91ec"
      }
    },
    {
      "name": "Double-Slashed Comment",
      "scope": "comment.line.double-slash",
      "settings": {
        "foreground": "#60687d"
      }
    },
    {
      "name": "Object",
      "scope": "object",
      "settings": {
        "foreground": "#cdebf7"
      }
    },
    {
      "name": "Null",
      "scope": "constant.language.null",
      "settings": {
        "foreground": "#ff5874"
      }
    },
    {
      "name": "Meta Brace",
      "scope": "meta.brace",
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "Meta Delimiter Period",
      "scope": "meta.delimiter.period",
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": ""
      }
    },
    {
      "name": "Punctuation Definition String",
      "scope": "punctuation.definition.string",
      "settings": {
        "foreground": "#d9f5dd"
      }
    },
    {
      "name": "Punctuation Definition String Markdown",
      "scope": "punctuation.definition.string.begin.markdown",
      "settings": {
        "foreground": "#ff5874"
      }
    },
    {
      "name": "Boolean",
      "scope": "constant.language.boolean",
      "settings": {
        "foreground": "#ff5874"
      }
    },
    {
      "name": "Object Comma",
      "scope": "object.comma",
      "settings": {
        "foreground": "#ffffff"
      }
    },
    {
      "name": "Variable Parameter Function",
      "scope": "variable.parameter.function",
      "settings": {
        "foreground": "#8ccec3",
        "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": "#80CBC4",
        "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": "#b3584a"
      }
    },
    {
      "name": "Constant Other Color",
      "scope": "constant.other.color",
      "settings": {
        "foreground": "#FFEB95"
      }
    },
    {
      "name": "Keyword Other Unit",
      "scope": "keyword.other.unit",
      "settings": {
        "foreground": "#FFEB95"
      }
    },
    {
      "name": "Meta Selector",
      "scope": "meta.selector",
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": ""
      }
    },
    {
      "name": "Entity Other Attribute Name Id",
      "scope": "entity.other.attribute-name.id",
      "settings": {
        "foreground": "#FAD430"
      }
    },
    {
      "name": "Meta Property Name",
      "scope": "meta.property-name",
      "settings": {
        "foreground": "#80CBC4"
      }
    },
    {
      "name": "Doctypes",
      "scope": ["entity.name.tag.doctype", "meta.tag.sgml.doctype"],
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": ""
      }
    },
    {
      "name": "Punctuation Definition Parameters",
      "scope": "punctuation.definition.parameters",
      "settings": {
        "foreground": "#d9f5dd"
      }
    },
    {
      "name": "Keyword Control Operator",
      "scope": "keyword.control.operator",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Keyword Operator Logical",
      "scope": "keyword.operator.logical",
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": ""
      }
    },
    {
      "name": "Variable Instances",
      "scope": [
        "variable.instance",
        "variable.other.instance",
        "variable.readwrite.instance",
        "variable.other.readwrite.instance",
        "variable.other.property"
      ],
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Variable Property Other object property",
      "scope": ["variable.other.object.property"],
      "settings": {
        "foreground": "#faf39f",
        "fontStyle": ""
      }
    },
    {
      "name": "Variable Property Other object",
      "scope": ["variable.other.object.js"],
      "settings": {
        "fontStyle": ""
      }
    },
    {
      "name": "Entity Name Function",
      "scope": ["entity.name.function"],
      "settings": {
        "foreground": "#6ec8e1",
        "fontStyle": ""
      }
    },
    {
      "name": "Keyword Operator Comparison, returns, imports, and Keyword Operator Ruby",
      "scope": [
        "keyword.control.conditional.js",
        "keyword.operator.comparison",
        "keyword.control.flow.js",
        "keyword.control.flow.ts",
        "keyword.control.flow.tsx",
        "keyword.control.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.control.conditional.js",
        "keyword.control.conditional.ts",
        "keyword.control.switch.js",
        "keyword.control.switch.ts",
        "keyword.operator.instanceof.js",
        "keyword.operator.expression.instanceof.ts",
        "keyword.operator.expression.instanceof.tsx"
      ],
      "settings": {
        "foreground": "#8e91ec",
        "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": "#8ccec3"
      }
    },
    {
      "name": "Support Function",
      "scope": "support.function",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Invalid Broken",
      "scope": "invalid.broken",
      "settings": {
        "foreground": "#020e14",
        "background": "#b3584a"
      }
    },
    {
      "name": "Invalid Unimplemented",
      "scope": "invalid.unimplemented",
      "settings": {
        "background": "#8BD649",
        "foreground": "#ffffff"
      }
    },
    {
      "name": "Invalid Illegal",
      "scope": "invalid.illegal",
      "settings": {
        "foreground": "#ffffff",
        "background": "#ec5f67"
      }
    },
    {
      "name": "Language Variable",
      "scope": "variable.language",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Support Variable Property",
      "scope": "support.variable.property",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Variable Function",
      "scope": "variable.function",
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "Variable Interpolation",
      "scope": "variable.interpolation",
      "settings": {
        "foreground": "#ec5f67"
      }
    },
    {
      "name": "Meta Function Call",
      "scope": "meta.function-call",
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "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": "#d6deeb"
      }
    },
    {
      "name": "More Punctuation Tweaks",
      "scope": [
        "punctuation.definition.list.begin",
        "punctuation.definition.list.end",
        "punctuation.separator.arguments",
        "punctuation.definition.list"
      ],
      "settings": {
        "foreground": "#d9f5dd"
      }
    },
    {
      "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": "#d6deeb"
      }
    },
    {
      "name": "Italics",
      "scope": "italic",
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Bold",
      "scope": "bold",
      "settings": {
        "foreground": "#8ccec3",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Quote",
      "scope": "quote",
      "settings": {
        "foreground": "#697098",
        "fontStyle": ""
      }
    },
    {
      "name": "Raw Code",
      "scope": "raw",
      "settings": {
        "foreground": "#80CBC4"
      }
    },
    {
      "name": "CoffeScript Variable Assignment",
      "scope": "variable.assignment.coffee",
      "settings": {
        "foreground": "#31e1eb"
      }
    },
    {
      "name": "CoffeScript Parameter Function",
      "scope": "variable.parameter.function.coffee",
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "CoffeeScript Assignments",
      "scope": "variable.assignment.coffee",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "C# Readwrite Variables",
      "scope": "variable.other.readwrite.cs",
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "C# Classes & Storage types",
      "scope": ["entity.name.type.class.cs", "storage.type.cs"],
      "settings": {
        "foreground": "#ecba82"
      }
    },
    {
      "name": "C# Namespaces",
      "scope": "entity.name.type.namespace.cs",
      "settings": {
        "foreground": "#B2CCD6"
      }
    },
    {
      "name": "C# Unquoted String Zone",
      "scope": "string.unquoted.preprocessor.message.cs",
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "C# Region",
      "scope": [
        "punctuation.separator.hash.cs",
        "keyword.preprocessor.region.cs",
        "keyword.preprocessor.endregion.cs"
      ],
      "settings": {
        "foreground": "#ecba82",
        "fontStyle": "bold"
      }
    },
    {
      "name": "C# Other Variables",
      "scope": "variable.other.object.cs",
      "settings": {
        "foreground": "#B2CCD6"
      }
    },
    {
      "name": "C# Enum",
      "scope": "entity.name.type.enum.cs",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Dart String",
      "scope": [
        "string.interpolated.single.dart",
        "string.interpolated.double.dart"
      ],
      "settings": {
        "foreground": "#FFCB8B"
      }
    },
    {
      "name": "Dart Class",
      "scope": "support.class.dart",
      "settings": {
        "foreground": "#FFCB8B"
      }
    },
    {
      "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": "#ff6363",
        "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": "#8ccec3"
      }
    },
    {
      "name": "CSS Keyword Other Unit",
      "scope": "keyword.other.unit.css",
      "settings": {
        "foreground": "#FFEB95"
      }
    },
    {
      "name": "Attribute Name for CSS",
      "scope": [
        "meta.attribute-selector.css entity.other.attribute-name.attribute",
        "variable.other.readwrite.js"
      ],
      "settings": {
        "foreground": "#b3584a"
      }
    },
    {
      "name": "Elixir Classes",
      "scope": [
        "source.elixir support.type.elixir",
        "source.elixir meta.module.elixir entity.name.class.elixir"
      ],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "Elixir Functions",
      "scope": "source.elixir entity.name.function",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Elixir Constants",
      "scope": [
        "source.elixir constant.other.symbol.elixir",
        "source.elixir constant.other.keywords.elixir"
      ],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "Elixir String Punctuations",
      "scope": "source.elixir punctuation.definition.string",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Elixir",
      "scope": [
        "source.elixir variable.other.readwrite.module.elixir",
        "source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir"
      ],
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Elixir Binary Punctuations",
      "scope": "source.elixir .punctuation.binary.elixir",
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": ""
      }
    },
    {
      "name": "Closure Constant Keyword",
      "scope": "constant.keyword.clojure",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Go Function Calls",
      "scope": "source.go meta.function-call.go",
      "settings": {
        "foreground": "#DDDDDD"
      }
    },
    {
      "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": "#8e91ec"
      }
    },
    {
      "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": "#ff5874"
      }
    },
    {
      "name": "C++ Functions",
      "scope": [
        "entity.name.function.preprocessor.cpp",
        "entity.scope.name.cpp"
      ],
      "settings": {
        "foreground": "#8ccec3ff"
      }
    },
    {
      "name": "C++ Meta Namespace",
      "scope": ["meta.namespace-block.cpp"],
      "settings": {
        "foreground": "#e0dec6"
      }
    },
    {
      "name": "C++ Language Primitive Storage",
      "scope": ["storage.type.language.primitive.cpp"],
      "settings": {
        "foreground": "#ff5874"
      }
    },
    {
      "name": "C++ Preprocessor Macro",
      "scope": ["meta.preprocessor.macro.cpp"],
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "C++ Variable Parameter",
      "scope": ["variable.parameter"],
      "settings": {
        "foreground": "#ecba82"
      }
    },
    {
      "name": "Powershell Variables",
      "scope": ["variable.other.readwrite.powershell"],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "Powershell Function",
      "scope": ["support.function.powershell"],
      "settings": {
        "foreground": "#8ccec3ff"
      }
    },
    {
      "name": "ID Attribute Name in HTML",
      "scope": "entity.other.attribute-name.id.html",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "HTML Punctuation Definition Tag",
      "scope": "punctuation.definition.tag.html",
      "settings": {
        "foreground": "#6ae9f0"
      }
    },
    {
      "name": "HTML Doctype",
      "scope": "meta.tag.sgml.doctype.html",
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": ""
      }
    },
    {
      "name": "JavaScript Classes",
      "scope": "meta.class entity.name.type.class.js",
      "settings": {
        "foreground": "#ecba82"
      }
    },
    {
      "name": "JavaScript Method Declaration e.g. `constructor`",
      "scope": "meta.method.declaration storage.type.js",
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "JavaScript Terminator",
      "scope": "terminator.js",
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "JavaScript Meta Punctuation Definition",
      "scope": "meta.js punctuation.definition.js",
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "Entity Names in Code Documentations",
      "scope": [
        "entity.name.type.instance.jsdoc",
        "entity.name.type.instance.phpdoc"
      ],
      "settings": {
        "foreground": "#798299"
      }
    },
    {
      "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": "#d6deeb"
      }
    },
    {
      "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": "#d6deeb"
      }
    },
    {
      "name": "JavaScript Variables",
      "scope": ["variable.js", "variable.other.js"],
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "JavaScript Entity Name Type",
      "scope": ["entity.name.type.js", "entity.name.type.module.js"],
      "settings": {
        "foreground": "#ecba82",
        "fontStyle": ""
      }
    },
    {
      "name": "JavaScript Support Classes",
      "scope": "support.class.js",
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "JSON Property Names",
      "scope": "support.type.property-name.json",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "JSON Support Constants",
      "scope": "support.constant.json",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "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": "#80CBC4"
      }
    },
    {
      "name": "Specific JSON Property values like null",
      "scope": "meta.structure.dictionary.json meta.structure.dictionary.value constant.language",
      "settings": {
        "foreground": "#ff5874"
      }
    },
    {
      "name": "JavaScript Other Variable",
      "scope": "variable.other.object.js",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Ruby Variables",
      "scope": ["variable.other.ruby"],
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "Ruby Class",
      "scope": ["entity.name.type.class.ruby"],
      "settings": {
        "foreground": "#ecba82"
      }
    },
    {
      "name": "Ruby Hashkeys",
      "scope": "constant.language.symbol.hashkey.ruby",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "LESS Tag names",
      "scope": "entity.name.tag.less",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "LESS Keyword Other Unit",
      "scope": "keyword.other.unit.css",
      "settings": {
        "foreground": "#FFEB95"
      }
    },
    {
      "name": "Attribute Name for LESS",
      "scope": "meta.attribute-selector.less entity.other.attribute-name.attribute",
      "settings": {
        "foreground": "#b3584a"
      }
    },
    {
      "name": "Markdown Headings",
      "scope": [
        "markup.heading.markdown",
        "markup.heading.setext.1.markdown",
        "markup.heading.setext.2.markdown"
      ],
      "settings": {
        "foreground": "#82b1ff"
      }
    },
    {
      "name": "Markdown Italics",
      "scope": "markup.italic.markdown",
      "settings": {
        "foreground": "#8e91ec",
        "fontStyle": "italic"
      }
    },
    {
      "name": "Markdown Bold",
      "scope": "markup.bold.markdown",
      "settings": {
        "foreground": "#8ccec3",
        "fontStyle": "bold"
      }
    },
    {
      "name": "Markdown Quote + others",
      "scope": "markup.quote.markdown",
      "settings": {
        "foreground": "#697098",
        "fontStyle": ""
      }
    },
    {
      "name": "Markdown Raw Code + others",
      "scope": "markup.inline.raw.markdown",
      "settings": {
        "foreground": "#80CBC4"
      }
    },
    {
      "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": "#d6deeb"
      }
    },
    {
      "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": "#82b1ff"
      }
    },
    {
      "name": "Markdown MetaData Punctuation",
      "scope": ["punctuation.definition.metadata.markdown"],
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Markdown List Punctuation",
      "scope": ["beginning.punctuation.definition.list.markdown"],
      "settings": {
        "foreground": "#82b1ff"
      }
    },
    {
      "name": "Markdown Inline Raw String",
      "scope": "markup.inline.raw.string.markdown",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "PHP Variables",
      "scope": "variable.other.php",
      "settings": {
        "foreground": "#bec5d4"
      }
    },
    {
      "name": "Support Classes in PHP",
      "scope": "support.class.php",
      "settings": {
        "foreground": "#ecba82"
      }
    },
    {
      "name": "Punctuations in PHP function calls",
      "scope": "meta.function-call.php punctuation",
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "PHP Global Variables",
      "scope": "variable.other.global.php",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Declaration Punctuation in PHP Global Variables",
      "scope": "variable.other.global.php punctuation.definition.variable",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Language Constants in Python",
      "scope": "constant.language.python",
      "settings": {
        "foreground": "#ff5874"
      }
    },
    {
      "name": "Python Function Parameter and Arguments",
      "scope": [
        "variable.parameter.function.python",
        "meta.function-call.arguments.python"
      ],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "Python Function Call",
      "scope": [
        "meta.function-call.python",
        "meta.function-call.generic.python"
      ],
      "settings": {
        "foreground": "#B2CCD6"
      }
    },
    {
      "name": "Punctuations in Python",
      "scope": "punctuation.python",
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "Decorator Functions in Python",
      "scope": "entity.name.function.decorator.python",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Python Language Variable",
      "scope": "source.python variable.language.special",
      "settings": {
        "foreground": "#8EACE3"
      }
    },
    {
      "name": "Python import control keyword",
      "scope": "keyword.control",
      "settings": {
        "foreground": "#8e91ec"
      }
    },
    {
      "name": "SCSS Variable",
      "scope": [
        "variable.scss",
        "variable.sass",
        "variable.parameter.url.scss",
        "variable.parameter.url.sass"
      ],
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "Variables in SASS At-Rules",
      "scope": [
        "source.css.scss meta.at-rule variable",
        "source.css.sass meta.at-rule variable"
      ],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "Variables in SASS At-Rules",
      "scope": [
        "source.css.scss meta.at-rule variable",
        "source.css.sass meta.at-rule variable"
      ],
      "settings": {
        "foreground": "#bec5d4"
      }
    },
    {
      "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": "#b3584a"
      }
    },
    {
      "name": "Tag names in SASS",
      "scope": ["entity.name.tag.scss", "entity.name.tag.sass"],
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "SASS Keyword Other Unit",
      "scope": ["keyword.other.unit.scss", "keyword.other.unit.sass"],
      "settings": {
        "foreground": "#FFEB95"
      }
    },
    {
      "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": "#d6deeb"
      }
    },
    {
      "name": "TypeScript[React] Entity Name Types",
      "scope": ["entity.name.type.ts", "entity.name.type.tsx"],
      "settings": {
        "foreground": "#ecba82"
      }
    },
    {
      "name": "TypeScript[React] Node Classes",
      "scope": ["support.class.node.ts", "support.class.node.tsx"],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "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": "#798299"
      }
    },
    {
      "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": "#d6deeb"
      }
    },
    {
      "name": "TypeScript[React] Punctuation Decorators",
      "scope": [
        "meta.decorator punctuation.decorator.ts",
        "meta.decorator punctuation.decorator.tsx"
      ],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "TypeScript[React] Punctuation Decorators",
      "scope": "meta.tag.js meta.jsx.children.tsx",
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "name": "YAML Entity Name Tags",
      "scope": "entity.name.tag.yaml",
      "settings": {
        "foreground": "#8ccec3"
      }
    },
    {
      "name": "JavaScript Variable Other ReadWrite",
      "scope": ["variable.other.readwrite.js", "variable.parameter"],
      "settings": {
        "foreground": "#d7dbe0"
      }
    },
    {
      "name": "Support Class Component",
      "scope": ["support.class.component.js", "support.class.component.tsx"],
      "settings": {
        "foreground": "#f78c6c",
        "fontStyle": ""
      }
    },
    {
      "name": "Text nested in React tags",
      "scope": [
        "meta.jsx.children",
        "meta.jsx.children.js",
        "meta.jsx.children.tsx"
      ],
      "settings": {
        "foreground": "#d6deeb"
      }
    },
    {
      "name": "TypeScript Classes",
      "scope": "meta.class entity.name.type.class.tsx",
      "settings": {
        "foreground": "#ecba82"
      }
    },
    {
      "name": "TypeScript Entity Name Type",
      "scope": ["entity.name.type.tsx", "entity.name.type.module.tsx"],
      "settings": {
        "foreground": "#ecba82"
      }
    },
    {
      "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": "#C792EA"
      }
    },
    {
      "name": "TypeScript Method Declaration e.g. `constructor`",
      "scope": [
        "meta.method.declaration storage.type.ts",
        "meta.method.declaration storage.type.tsx"
      ],
      "settings": {
        "foreground": "#6ec8e1"
      }
    },
    {
      "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": ""
      }
    }
  ]
}