Different color schema for JSX tag/component names

Is it possible to have a different colour for JSX tag/component names, which would help to distinguish between the default HTML tags and JSX tags. It should look something like this (this is a screenshot from VSC btw)

Thanks.

6 comments
Comment actions Permalink

There's a related feature request: https://youtrack.jetbrains.com/issue/WEB-21035. Please vote for it to be notified on updates. Alas, it hasn't got a lot of attention from our users so we haven't considered implementing it yet.

0
Comment actions Permalink

ahhh. is there any potential workaround in the meantime? Thanks.

0
Comment actions Permalink

No, no workarounds

0
Comment actions Permalink

Any progress on this?

0
Comment actions Permalink

Since 2021.3.1, you can use Custom Tag Name option that allows setting a different color for your Vue, React JSX, and Angular components. The new option is located in Preferences / Settings | Editor | Color Scheme | HTML / XML.

See https://blog.jetbrains.com/webstorm/2021/12/webstorm-2021-3-1/#ability_to_set_different_colors_for_components_and_tags

0

Please sign in to leave a comment.