Page MenuHomePhabricator

iOS dark mode renders white-on-light-gray when Vector 2022 dark mode works fine
Closed, ResolvedPublicBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

*Go to https://en.wikipedia.org/wiki/NHL_Hockey#Reception using the iOS app in dark mode.

  • Look at the table to see poorly rendered text (white text on a light gray background)
  • Go to the same page in Vector 2022 dark mode
  • Look at the table to see properly rendered text (near-white text on a dark gray background)

What happens?:
Rather than copy the whole discussion and details here, please look at the linked discussion below. Here's a key excerpt:

I am using the latest iOS and the latest version of the Wikipedia app from the App Store. I normally have it set to black, but I just tested it on all four modes: white, sepia, dark and black. Here is what I see:

Caption - the text remains black while the background color changes with the mode
TH content - the text is black and the background is a light grey (it looked white to me on the black setting before). This stays the same for all four modes.
TD content - the background remains light grey for all four modes. The text is black for the two lighter modes and switches to white for the two darker modes (unless it is linked, then it is blue for all four modes).

What should have happened instead?:
The table should display as it does in the Vector 2022 dark mode.

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):
For more details, see https://en.wikipedia.org/w/index.php?title=Template_talk:Video_game_reviews&oldid=1286068028#Mobile_dark_styles

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

There is a skin-invert on the wrapper around the two tables. And then the second table has notheme set. The iOS app has some special logic to handle tables, which is probably breaking this pretty unique combination.

It would be best if people fixed the styling provided by these templates to provide proper dark mode color variants, so that the skin-invert and notheme classes aren't needed. Those are 'quick hacks' to avoid having to specify dark colors for a template, or sometimes to deal with very specific content (like backgrounds of legend for instance) that need to be the same in light and dark mode.

HNordeenWMF moved this task from Needs Triage to Bug Backlog on the Wikipedia-iOS-App board.
ABorbaWMF subscribed.

Looks good on 7.8.0 (5589)

Tested on iPhone on iOS 26.0 and iPad on iPadOS 18.5. Tested the article in the description and others.