Page MenuHomePhabricator

Better dark mode support for action icons in Timeless skin
Open, Needs TriagePublic

Description

Hi,

On my phone, in the Opera browser there is a feature called night mode. This turns white pages dark to reduce eye strain. Usually this works really well. For example on Wikipedia.

Screenshot_20200813-202638_Opera.jpg (2×1 px, 584 KB)

However on Mediawiki with Timeless it doesn't work properly. Most icons (edit and history, etc) goes black against dark background. I don't know why. It could be a problem in the browser too. However since the other mobile themes seem to work, I'll start by reporting here.

Screenshot_20200813-201749_Opera.jpg (2×1 px, 744 KB)

Screenshot_20200813-201646_Opera.jpg (2×1 px, 657 KB)

Interesting is that two icons at the top work right.

20200813_214259.jpg (674×1 px, 88 KB)

Event Timeline

Forza1000 renamed this task from Better support for dark/night mode on phones to Better dark mode support for action icons in Timeless skin .Aug 13 2020, 7:43 PM
Forza1000 updated the task description. (Show Details)

The icons are black, or rather, default fill (black), which would probably explain why they show up as, well, black. Based on the echo icons, which also appear to have unspecified and thus default fill, the only difference I can see is that the echo icons appear to be embedded, the timeless ones are not?

If that's really the problem here, I'd say opera is being rather sad and pathetic, but the icons probably should be embedded regardless in order to reduce requests...

It could definitely be a case that Opera is doing the wrong thing. Not that I think there is a 'standard' for this stuff. I can report the issue to them too, but I'd think it would be helpful to understand the problem a bit more first.

Are there other browsers with night/dark mode support? I checked Firefox and Chrome but didn't see anything like that.

There is Dark Reader addon for Firefox on Android, not so sure about Chrome.

Granted this is not a native feature but still a way for dark/night mode.