fix(reddit): trending carousel cards text

[rohanp2051]

🔧 What does this fix? 🔧

Fixes black/unreadable text on the Trending Today carousel cards on the Reddit homepage.

The text-primary-onBackground class uses --color-primary-onBackground, which the theme sets to a dark color. This breaks text that appears over image cards with gradient overlays.

Fix targets elements inside gradient backgrounds and forces white text:

[uncenter]

Can I see a screenshot of these elements before and after? And can you clarify where these elements are meant to be? I've been poking around the site while both logged in and not and haven't seen this issue.

[rohanp2051]

Here is what it was looking like before:

Here is after:

[uncenter]

I still can't locate those cards on my Reddit page, is this something I need to configure/enable/toggle in settings?

[rohanp2051]

I think the issue is that your signed in. This is what reddit.com looks like for users that aren't signed in or using any extensions for modification.

[uncenter]

Ah thanks I opened in a new clean window and reproduced.

[uncenter]

Can we try setting --color-primary-onBackground to @text directly? Nothing looks immediately broken with that change.

[rohanp2051]

Switched to setting --color-primary-onBackground to @text directly and removed the targeted selectors. Also rebased onto latest main.

[uncenter]

Shoot I'm sorry actually I think I mislead you. As soon as you changed that I noticed this case where this text ("NEW") would previously have been base but now is text and lacks contrast.

Sorry for the hassle, can we go back to your original solution?