Custom component highlighting in Webstorm / React js

How can I set different colors for my components in WebStorm?

import Main from './Main'
import Section from './Section'

export default function home(){
    return(
        <Main>
            <Section>
               123
            </Section>
        </Main>
    )
}

I want to highlight Main and Section with different colors.

0
3 comments

JSX tags are colored according to Preferences | Editor | Color Scheme | XML, Custom Tag Name settings; please try changing the colors there

-1

@Elena This method will color all custom tags the same color. I want to paint them different colors

0

There is no way to do this, sorry

0

Please sign in to leave a comment.