modrinth / code

The Modrinth monorepo containing all code which powers Modrinth!
https://modrinth.com
Other
985 stars 187 forks source link

Dark mode styling bug for inMobi CMP cookie notice #2522

Open Khazoda opened 1 month ago

Khazoda commented 1 month ago

Please confirm the following.

What browsers are you seeing the problem on?

Chrome (including Arc, Brave, Opera, Vivaldi), Microsoft Edge, Firefox

Describe the bug

I'd make a PR to fix this myself, but am unsure where the styling for the inMobi embedded cookie notice is done. Everything except for the ::before pseudo element is styled correctly, but that pseudo element has a hard-coded linear gradient that doesn't adapt to the user's theme.

The selector in my devtools is .css-19ltw61.css-19ltw61 .qc-cmp2-footer.qc-cmp2-footer-overlay::before and the offending style is:

background: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0));

Image

Steps to reproduce

This cookie notice can only be seen if you haven't accepted the cookies previously, or if you've cleared your cookies (or LocalStorage, unsure which it's saved under here)

Expected behavior

The pseudo element's background should be a darker colour fade when the site is in dark mode.

Additional context

No response