Request: Way to target Compound Components (eg. React) in a theme specifically. (<MyComponent.*>)

Not sure if other libraries offer something similar, but react has this way of building compound components that result in a code like this:

I think this pattern is quite widely adopted, specially in UI component libraries and is quite versatile and powerful.

What I don't like about it that it becomes extremely hard to read

I would like the way to identify the compound components (slot components) - (or compound part of the name / or both) and set different color to them

so I can get something like

or

would this be possible?

Aucun fichier source, test ou point d’entrée n’est nommé. Commencez par déterminer si TypeScript est responsable du comportement demandé de ciblage du thème ou si celui-ci relève d’un projet d’éditeur ou de coloration syntaxique ; c’est terminé lorsque les noms de composants composés ou leurs parties peuvent recevoir des couleurs de thème distinctes.