JSX-tags are white and textMateRules doesn't apply

[Jose-DallAsta-008]

Custom created JSX-TAGS are not with color
the problem is: they are white

Already tried changing the textmate scopes detailed in the printscreen
The language is typescript with react, on nextjs framework.

What i already tried:

  "editor.tokenColorCustomizations": {
    "[Dracula At Night]": {
      "textMateRules": [
        {
          "name": "React component name colorization",
          "scope": [
            "support.class.component.tsx",
            "entity.name.tag.tsx",
            "meta.tag.tsx",
            "meta.jsx.children.tsx",
            "meta.tag.without-attributes.tsx",
            "meta.block.tsx",
            "meta.function.expression.tsx",
            "meta.export.default.tsx",
            "source.tsx",
            "entity.name.tag",
            "support.class.component.tsx"
          ],
          "settings": {
            "foreground": "#991818"
            // "foreground": "#ff0000"
          }
        }
      ]
    },
    "comments": "#21cc69"
  },

Output of code above:

Other themes work fine and the tag has color, but dracula at night is just better, could someone help me out into adding color to it?
Thanks in advance

[annetters]

Bump for this. Also saw that "const" was pink in the theme preview image but white in real life.

[dsifford]

@Jose-DallAsta-008 I'm sorry for the delay here. But did you say the theme you are using is "Dracula at night"? If so, this is not that theme.

[luxonauta]

(#253)