JSX-tags are white and textMateRules doesn't apply
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
Bump for this. Also saw that "const" was pink in the theme preview image but white in real life.
@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.
(#253)