Tailwind CSS Website Syntax Highlighting theme (VS Code)

VS Code Settings.json

 "editor.tokenColorCustomizations": {
    "[Tailwind Moon Blue]": {
      "strings": "#7dd3fc",
      "textMateRules": [
        {
          "name": "TW HTML tags",
          "scope": ["punctuation.definition.tag", "punctuation.definition.string.begin.html", "punctuation.definition.string.end.html", "punctuation.separator.key-value.html"],
          "settings": {
            "foreground": "#63738A"
          }
        },
        {
          "name": "TW CSS unit / vue",
          "scope": ["keyword.other", "invalid.illegal.unrecognized-tag.html"],
          "settings": {
            "foreground": "#99F6E4"
          }
        },
        {
          "name": "TW CSS number",
          "scope": " constant.numeric.css",
          "settings": {
            "foreground": "#f8fafc"
          }
        },
        {
          "name": "TW CSS property",
          "scope": " support.type.property-name.css",
          "settings": {
            "foreground": "#7dd3fc"
          }
        },
        {
          "name": "TW Entity",
          "scope": ["entity.name.tag.template.html.vue","entity.name.tag.html"],
          "settings": {
            "foreground": "#F472B6"
          }
        },
        {
          "name": "TW Vue Attributes",
          "scope": "entity.other.attribute-name.html.vue",
          "settings": {
            "foreground": "#A78BFA"
          }
        },
        {
          "name": "TW Entity HTML",
          "scope": "entity.other.attribute-name.html",
          "settings": {
            "foreground": "#CBD5E1"
          }
        }
      ]
    }
  },

Can you optimize to display react, typescript files? Thankful