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?

Không có tệp mã nguồn, bài kiểm thử hay điểm vào nào được nêu. Hãy bắt đầu bằng việc xác định liệu TypeScript có chịu trách nhiệm cho hành vi nhắm mục tiêu theme được yêu cầu hay hành vi đó thuộc về một dự án trình soạn thảo hoặc tô sáng cú pháp; hoàn tất có nghĩa là tên của các component phức hợp hoặc các phần của chúng có thể nhận các màu theme riêng biệt.