Different tag color for Web tags and Client/Server Components

[LouisLecouturier]

It would be nice to have different colors for Web Components

And to also differentiate Client/Server components like in the basic JetBrains Theme (like in example)

[gerryhjs]

Thanks for your feedback. Would you like to share screenshot code if possible. I will check that.

[LouisLecouturier]

Sure, same piece of code with Gerry's Violet

[gerryhjs]

Could your paste the code text :) Just part of this code is enough.

[gerryhjs]

I think I found the custom tag ("Server"). But I didn't find out how to deal with "Button" tag. I will check with it in IDE later.

[LouisLecouturier]

Client component

"use client"

export const Client = () => {
return <div>Client</div>
}

Server component

export const Server = () => {
return <div>Server</div>
}

Test script

import { Client } from "./client.jsx"
import { Server } from "./server.jsx"

export const Test = () => {

return (
<div>
    <Client/>
    <Server/>
</div>)
}

Should do the job ;)

[gerryhjs]

I check the Test script in IDE with default themes, the colors of Page Title and Button keywords are same color. Gerry Violet Modified:

I will upgrade an EAP version later.

[LouisLecouturier]

Beautiful :)

Yeah I think this is specific when there is a NextJS config or something...

[gerryhjs]

Completed. Please check EAP version here: Gerry Themes: https://plugins.jetbrains.com/plugin/18922-gerry-themes/versions/eap or Gerry Themes Pro: https://plugins.jetbrains.com/plugin/19668-gerry-themes-pro/versions/eap