Make it more obvious when a Sponsor creates/comments on an Issue, Pull Request, or Discussion

[hwittenborn]

Description

It would be nice if I could more easily tell when a sponsor comments on and creates issues, pull requests, and discussions.

I've been quite busy with my academic life recently, but I would still like to respond to people who sponsor my work on a fairly quick basis. I had a sponsor make an issue on one of my repositories yesterday, and I had just now gotten to responding when I would've given more priority to responding had I knew they were a sponsor.

GitHub's current UI for displaying sponsors is quite easy to miss for me:

I believe a better approach would be to use the sponsor colors (found on the sponsors dashboard) in the headers of comments by a sponsor (those CSS classes being color-bg-sponsors color-fg-sponsors):

(the little header arrow isn't highlighted in that screenshot, it was just some stuff I threw together fairly fast in my Firefox's HTML editor)

What do y'all think about making this a feature? I'd be willing to contribute code if you guys are open to it (and would quite like to actually, I'd like to have the chance to get more familiar with TypeScript, and the JavaScript ecosystem in general).

Example URLs

See the link and screenshots above.

[hwittenborn]

I also tried putting the sponsor coloring just on the Sponsor chip, but didn't find it noticeable enough still. Considering that GitHub highlights your own comments in blue, this seemed like a fine approach to me.

[fregante]

This might be possible via CSS alone (:has()) but for some reason I'm not seeing the label on any of my sponsors 🤔