Steps to replicate the issue (include links if applicable):
- Set Wikipedia to "light mode" via Preferences > Appearance
- Turn on "dark mode toggle" via Preferences > Gadgets > Dark mode toggle: Enable a toggle for using a light text on dark background color scheme
- Go to https://en.wikipedia.org/w/index.php?title=Special:Homepage for new editors (I think this is part of the "growth experiments" feature set?). I have attached a screenshot at the bottom of this issue.
- Refresh until the article under "Suggested Edits" has an image
- Click on the person icon in the top right of the page to open the "Personal Settings" dropdown & use the "dark mode toggle" to change the page to dark mode.
- Observe that the image in the .suggested-edits-card is inverted (see screenshot at the bottom of this issue)
What happens?:
Images in the suggested-edits-card on the Special:Homepage are inverted when dark mode is active. (see attached screenshot at the bottom of this bug)
What should have happened instead?:
Images should not be inverted in dark mode.
Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):
MediaWiki: 1.46.0-wmf.20 (rMWf1911ecce45a), 18:24, 19 March 2026
Other information (browser name/version, screenshots, etc.):
Firefox 148.0.2
On other pages, images are not inverted in dark mode. This is because the CSS style rule which applies filter: invert(1) hue-rotate(180deg); uses the html img:not(.mw-invert) selector to ignore most images, such as those on article pages.
However, in the .suggested-edits-card on the Special:Homepage, images are placed using a CSS rule background-image instead of with an img element. Therefore, the normal selector that protects most images from inversion is not applied correctly.
My first impression is that you could add a class like .cdx-no-invert to the div with the background-image (.se-card-image) so that that element is not inverted with the rest of the page in dark mode.
