Page MenuHomePhabricator

Firefox + Vector 2022 shows gray text depending on dark mode preferences, when combined with dark mode gadget
Closed, InvalidPublicBUG REPORT

Description

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

  • Set firefox (109.0.1) to prefer dark mode, using about:preferences -> Language and Appearance -> Website appearance -> Dark
  • Enable MediaWiki gadget in user preferences "Core styling for dark mode"
  • Set Wikipedia to use light mode (for example by enabling the "Dark mode toggle" gadget)
  • Visit any article

What happens?:
The article body text appears in shades of light gray which are hard to read:

image.png (117×549 px, 17 KB)

What should have happened instead?:
Text color should be black, or #202122.

Software version (skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):
It seems that the CSS is at fault. Firefox picks up this rule:

@media (prefers-color-scheme: dark) { body { color: hsl(210,10%,62%); } }

However, it should have used this instead:

@media screen { body { color: #202122; } }

I don't see this behavior on other wikis, so it could be caused by a bug in English Wikipedia's dark mode support.

Event Timeline

Set firefox (109.0.1) to prefer dark mode

How?

awight renamed this task from Firefox + Vector 2022 shows gray text depending on dark mode preferences to Firefox + Vector 2022 shows gray text depending on dark mode preferences, when combined with dark mode gadget.Feb 13 2023, 2:02 PM
awight updated the task description. (Show Details)

How?

Thanks, I've gotten a bit deeper into the problem and added details.

Apologies--I found that this bug was caused by some custom CSS that I had pasted into a user stylesheet. It might be a problem that both old and new vector seem to read the same stylesheet pathname, but not the point of this bug report.

Here's the stylesheet in case anyone is curious, https://en.wikipedia.org/wiki/User:Adamw/(delete)-vector.css

Closing as invalid!