Steps to replicate the issue (include links if applicable):
- Open https://de.wikipedia.org/wiki/Jiu_Jitsu in dark mode
- look at the first image of the article, it has the skin-invert-image class applied
What happens?:
- The kanjis are displayed black on gray
What should have happened instead?:
- The image should have been inverted to show the kanjis white on black
Since T388197 the dark mode styles use a brightness filter that overwrites the invert filter of the skin-invert-image class.
If this is now intentional, the docs on https://www.mediawiki.org/wiki/Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#Apply_filters_to_dark_images_with_transparent_background should be updated.
Requirement
Images with the skin-invert-image class should be visually inverted in dark mode to maintain readability (e.g., black kanji should appear white on black backgrounds)
BDD
Feature: Inversion of images in dark mode using `skin-invert-image` class Scenario: `skin-invert-image` thumbnail displays correctly in dark mode Given I visit an article in dark mode When the image with the `skin-invert-image` class loads Then the image is visibly inverted (e.g., kanji appears white on black)
Test Steps
Test Case 1: Inverted image displays correctly in dark mode
- Visit https://de.wikipedia.org/wiki/Jiu_Jitsu
- Switch to dark mode
- Locate the first image in the article (kanji image)
- AC1: Confirm that the image is visually inverted using skin-invert-image styling (e.g., appears white on black)
QA Results - Prod
| AC | Status | Details |
|---|---|---|
| 1 | ❓ | T391800#10910139 |

