Custom component highlighting in Webstorm / React js Follow

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.