vscode #shadesofpurple theme customizations

shadesofpurple_custom.json

  "editor.tokenColorCustomizations": {
    "[Shades of Purple]": {
      "comments": "#675a72",
      "functions": "#ffa996",
      "keywords": "#bdafb9"
    },
    "textMateRules": [
      {
        /* handles jsx props & module names  */
        "name": "[Entity] — The main Entity color",
        "scope": "entity",
        "settings": {
          "foreground": "#949294"
        }
      },
      {
        "name": "[Constant] — The main constants color",
        "scope": "constant",
        "settings": {
          "foreground": "#3bb834"
        }
      },
      {
        "name": "[Support]",
        "scope": "support",
        "settings": {
          "foreground": "#ff00ae"
        }
      },
      {
        /* affects 'state' keyword in react */ "name": "[Variable]",
        "scope": "variable",
        "settings": {
          "foreground": "#e888c1"
        }
      },
      {
        "name": "[Storage] — The color for Storage Type Arrow Function",
        "scope": "storage.type.function.arrow",
        "settings": {
          "foreground": "#4F8D8F"
        }
      },
      {
        "name": "[String]",
        "scope": ["string", "punctuation.definition.string"],
        "settings": {
          "foreground": "#f5cccc"
        }
      },
      {
        "name": "[CSS] - Color for Class Selector",
        "scope": "entity.other.attribute-name.class.css",
        "settings": {
          "foreground": "#ef9eff"
        }
      },
      {
        "name": "[CSS] - Color for ID Selector",
        "scope": [
          "entity.other.attribute-name.id.css",
          "entity.other.attribute-name.pseudo-class.css"
        ],
        "settings": {
          "foreground": "#c49bf3"
        }
      },
      {
        "name": "[CSS] - Color for Element Selector",
        "scope": "entity.name.tag",
        "settings": {
          "foreground": "#a57ec5"
        }
      },
      {
        "name": "[CSS] - Color for Support",
        "scope": ["source.css support", "source.stylus support"],
        "settings": {
          "foreground": "#9089ce"
        }
      },
      {
        "name": "[CSS] - Color for Constant",
        "scope": [
          "source.css constant",
          "source.css support.constant",
          "source.stylus constant",
          "source.stylus support.constant"
        ],
        "settings": {
          "foreground": "#c2c0e7"
        }
      },
      {
        "name": "[CSS] - Color for String",
        "scope": [
          "source.css string",
          "source.css punctuation.definition.string",
          "source.stylus string",
          "source.stylus punctuation.definition.string"
        ],
        "settings": {
          "foreground": "#cec697"
        }
      },
      {
        "name": "[CSS] - Color for Variable",
        "scope": ["source.css variable", "source.stylus variable"],
        "settings": {
          "foreground": "#fa74c9"
        }
      },
      {
        "name": "[HTML] - Color for Entity Name",
        "scope": [
          "text.html.basic entity.name",
          "punctuation.definition.tag.html",
          "entity.name.tag.inline.any.html",
          "meta.tag.other.html",
          "meta.tag.inline.any.html",
          "punctuation.definition.tag.begin.html",
          "punctuation.definition.tag.end.html",
          "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": "#bd76ff"
        }
      },
      {
        "name": "[HTML] - Quotes. Different color to handle expanded selection",
        "scope": "punctuation.definition.string.begin, punctuation.definition.string.end",
        "settings": {
          "foreground": "#fffb0e"
        }
      },
      {
        "name": "[HTML/PUG] Equals Sign",
        "scope": ["meta.tag.inline.any.html", "meta.tag.other"],
        "settings": {
          "foreground": "#FF9D00"
        }
      },
      {
        "name": "[JSON] - Color for Support",
        "scope": "source.json support",
        "settings": {
          "foreground": "#faa1f2"
        }
      },
      {
        "name": "[JSON] - Color for String",
        "scope": [
          "source.json string",
          "source.json punctuation.definition.string"
        ],
        "settings": {
          "foreground": "#d6acf0"
        }
      },
      {
        "name": "[JAVASCRIPT]",
        "scope": ["string.template"],
        "settings": {
          "foreground": "#97c7a0"
        }
      },
      {
        "name": "[JAVASCRIPT] - Color for Storage Type Function",
        "scope": "source.js storage.type.function",
        "settings": {
          "foreground": "#d411e6"
        }
      },
      {
        "name": "[JAVASCRIPT] - Color for Variable Language",
        "scope": "variable.language, entity.name.type.class.js",
        "settings": {
          "foreground": "#4b8dff"
        }
      },
      {
        "name": "[JAVASCRIPT] - Color for Inherited Component",
        "scope": ["entity.other.inherited-class"],
        "settings": {
          "foreground": "#ab7bba"
        }
      },
      {
        "name": "[JAVASCRIPT REACT] — JSX HTML",
        "scope": [
          "punctuation.definition.tag.begin.js",
          "punctuation.definition.tag.end.js"
        ],
        "settings": {
          "foreground": "#f91db3"
        }
      },
      {
        "name": "[JAVASCRIPT REACT] — JSX HTML Children Text",
        "scope": "meta.jsx.children.js",
        "settings": {
          "foreground": "#e3e3e3"
        }
      },
      {
        "name": "[JAVASCRIPT] — Storage types",
        "scope": [
          "storage.type.js",
          "storage.type.class.js",
          "storage.modifier.js",
          "keyword.control",
          "keyword.operator"
        ],
        "settings": {
          "foreground": "#fa74c9"
        }
      },
      {
        "name": "[JAVASCRIPT] Keyword Operator Assignment",
        "scope": "keyword.operator.assignment",
        "settings": {
          "foreground": "#b369fd"
        }
      },
      {
        "name": "[JAVASCRIPT] - Object keys",
        "scope": "meta.object-literal.key.js",
        "settings": {
          "foreground": "#f8c2ff"
        }
      },
      {
        "name": "Typescript/React Classnames and Modules",
        "scope": [
          "entity.name.type.class.tsx",
          "entity.name.type.class.jsx",
          "variable.other.readwrite.alias.tsx",
          "variable.other.readwrite.tsx",
          "variable.other.readwrite.alias.ts",
          "variable.other.readwrite.alias.jsx",
          "variable.other.readwrite.alias.js",
          "variable.other.object.tsx",
          "variable.other.object.jsx",
          "support.class.component.tsx",
          "support.class.component.jsx",
          "entity.name.type.tsx",
          "entity.name.type.jsx",
          "variable.other.readwrite.js",
          "variable.other.object.js"
        ],
        "settings": {
          "foreground": "#f693ff"
        }
      },
      {
        "name": "[JAVASCRIPT] - .something",
        "scope": ["variable.other.property", "variable.other.object.property"],
        "settings": {
          "foreground": "#f6cbfc"
        }
      },
      {
        "name": "[JAVASCRIPT] — Var Types",
        "scope": ["variable.other.constant.js"],
        "settings": {
          "foreground": "#dd6e52"
        }
      },
      {
        "name": "[JAVASCRIPT] - Parameters",
        "scope": ["variable.parameter"],
        "settings": {
          "foreground": "#fa92ff"
        }
      }
    ]
  },
  "workbench.colorTheme": "Shades of Purple",
  "workbench.iconTheme": "file-icons",
  "workbench.statusBar.visible": true,
  "workbench.colorCustomizations": {
    "terminal.background": "#452081",
    "editor.background": "#260d44",
    "panel.background": "#2e0258",
    "editorLineNumber.foreground": "#9880ac",
    "editorLineNumber.activeForeground": "#aa46fc",
    "editorGutter.background": "#280a4d",
    "activityBar.background": "#280a4d",
    "activityBar.border": "#433257",
    "activityBarBadge.background": "#d198ff",
    "peekView.border": "#efccfa",
    "peekViewEditor.background": "#443769",
    "peekViewEditorGutter.background": "#5f4379",
    "peekViewResult.background": "#321c58",
    "peekViewResult.lineForeground": "#dabefa",
    "peekViewResult.selectionBackground": "#7873e9",
    "peekViewResult.selectionForeground": "#c7b3ec",
    "peekViewTitle.background": "#321c58",
    "peekViewTitleDescription.foreground": "#c9c8ab",
    "peekViewTitleLabel.foreground": "#fad000",
    "sideBar.background": "#281141",
    "sideBar.foreground": "#9273b6",
    "sideBar.border": "#efccfa",
    "sideBarSectionHeader.background": "#49167b",
    "tab.activeBorder": "#f538d9",
    "scrollbarSlider.hoverBackground": "#7721b5",
    "scrollbarSlider.activeBackground": "#ff2c8e"
    // "list.inactiveSelectionForeground": "#00E5E5",
    // "list.activeSelectionBackground": "#00a6a9"
  },