JS React red font

[QuentinVdr]

Hello, I get red font color in my react component when I'm not using tsx. Is that normal or a bug?

[DonMiller9294]

it could the syntax or color scheme based on the theme you are using. have your ran the code? is every working?

[QuentinVdr]

In my screenshot it's just the code from a default react project by using npx create-react-app. And I modify the theme just by adding the Higher Contrast Settings that be recommend in the README and add the rulers. And even without my settings I get the color font in red.

[enkia]

It's not normal, should be white gray color. Can you place your cursor at the word save and run 'Inspect Editor Tokens and Scopes' from the command palette and paste the result here?

[QuentinVdr]

here's the screenshot and the text of the Inspect Editor Tokens and Scopes. if you want to check is just a default react app create with npx create-react-app my-app.

language | jsx -- | -- standard token type | Other foreground | #DE5971 background | #1A1B26 contrast ratio | 4.70 textmate scopes | JSXNested JSXAttrs meta.tag.jsx JSXNested JSXAttrs meta.tag.jsx JSXNested JSXAttrs meta.tag.js xmeta.function.js source.js -- | -- foreground | meta.tag{ "foreground": "#DE5971" }

[enkia]

Hmm, can't replicate the issue. Must be an extension or the theme isn't actually mine, but a fork / mod. Even the brackets on the HTML tags are different. Mine look like this:

I did notice that regular jsx text is a bit bright (white) so will push a fix for that, though.

[QuentinVdr]

It's my bad i found why it's don't work like usual. It's cause i use Babel javascript extension. I don't know if you have planned to support this syntax highlighting or not ?

[enkia]

All good. It looks pretty well supported aside from the issue you saw and a couple other things I noticed. I've pushed a fix! Let me know how it works out.

[QuentinVdr]

Thanks you a lot! Your job is really nice. Love it!