Page MenuHomePhabricator

Flow for users with light text on dark background, and other custom color themes
Open, NormalPublic

Description

As a user who uses reversed colors in my web-browser, I can't see what I'm typing in Flow. Flow forces grey text.


Original feedback at https://en.wikipedia.org/wiki/Topic:Sl0n5xte881pqpz9 and https://en.wikipedia.org/w/index.php?title=Topic:S22olnmzgd49twr0&topic_postId=sl0mlq38ityd6hgh&topic_revId=sl0mlq38ityd6hgh&action=single-view


Possible (eventual) solution as part of T91201: Accessibility settings/preferences

Possible (immediate) solution would be to specify the text colors in the default way (?), which the editor(s) are already used to overriding or working with.

Event Timeline

Quiddity raised the priority of this task from to Needs Triage.
Quiddity updated the task description. (Show Details)
Quiddity added a subscriber: Quiddity.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJul 13 2015, 11:19 PM

Hi @Elvey, I was wondering if you could add a screenshot and some details of your setup?
I'm not sure how to quickly replicate what you are seeing, because you might have changed your system colors, or browser colors, or be using browser.css, on top of your wiki-based user.css (and possibly gadgets/scripts) - I took a look at https://en.wikipedia.org/wiki/User:Elvey/monobook.css and wasn't sure which aspects to begin copying. Thanks. :-)

Elvey added a comment.Jul 14 2015, 2:35 AM

Summary: I'd say that it 'should just work' if someone is using the "Use a black background with green text on the Monobook skin" gadget, so I'd suggest making that mode work well with Flow would make testing easier and perhaps make more sense/help many users, including me. But if you want to know what I do and why, keep reading...

Details:
At first, I was just using the "Use a black background with green text on the Monobook skin" gadget, but that didn't work well enough, so I customized lots of stuff so my light-text-on-dark-background setup works better than the gadget, without knowing exactly how to - a lot of feeling around and trial and error, so it's beyond me "which aspects to begin copying". So, for example, I can read, for example, where [[Template:User_committed_identity]] is used. It works well enough that I have been using it for years, despite the glitches - e.g. occasionally I have to select text with the mouse to make it more readable. I've also edited some common templates to make them work with light-text-on-dark-background setups. (e.g. I fixed [[Template:Double underline]] (see [[Template_talk:Double_underline]] (and some infoboxes?) I do use Monobook and have tweaked my monobook.css, monobook.js as well as common.css, common.js. But I don't have global.js or global.css files, or use browser.js or browser.css files.

I figure that's more useful than screen shots, but if you still wan't 'em (why?) let me know.

Oh! I looked for that gadget (remembering it from when I tested everything out many years ago), but couldn't see it. I'd forgotten that at some point they upgraded the gadgets interface so it would only show us gadgets which would work with our current skin or user-rights. I.e. it doesn't show up for me in https://en.wikipedia.org/wiki/Special:Preferences#mw-prefsection-gadgets but I can see it in https://en.wikipedia.org/wiki/Special:Gadgets

Context about impact scale: According to https://en.wikipedia.org/wiki/Wikipedia:Database_reports/User_preferences#Gadgets there are ~5270 users of that gadget... However that doesn't narrow it down by active users (I just asked a dev, and we don't currently have a reliable way to determine accounts that are in-active-use purely by login (The recent SUL Finalization made a bunch of previous routes obsolete/inaccurate), so it's not possible to determine how many people are using this just to read and/or to edit. On top of that, it would take some time to research how many of the gadget's users are still using monobook...The gadget was created in 2008, and Vector skin was released in 2010, so many of the users might have migrated away from MonoBook since then).


Aaaaaanyway, here are 2 screenshots with your customizations (one in VisualEditor mode, the other in Wikitext mode):

And here's plain monobook with the light-on-dark gadget:

That should give the devs enough info to work with.

Catrope triaged this task as Normal priority.Jul 22 2015, 11:43 PM
Catrope set Security to None.
Catrope added a subscriber: Catrope.

We probably shouldn't be setting background: white; on our editors...

Quiddity renamed this task from Flow for users with white text on black background to Flow for users with light text on dark background, and other custom color themes.Aug 25 2015, 12:58 AM
Quiddity updated the task description. (Show Details)
Quiddity added a subscriber: Mattflaschen-WMF.

We probably shouldn't be setting background: white; on our editors...

And if we do set it, we need to also set the foreground color (that's the easy fix which I suggest we do now if the other one needs to be deferred).

Elvey added a comment.Aug 25 2015, 5:19 PM

FYI, the biggest advantage of OLED displays, which are becoming steadily more prevalent (Samsung phones and tablets, LG phones, Apple Watch, LG's 55EC9300 TV/monitor, etc) is the potential for less energy use and longer battery life, particularly with a dark user interface. Our site is so popular that simply popularizing light on dark would save significant energy.

Danny_B moved this task from Unsorted to Colors on the Accessibility board.Jan 22 2016, 8:51 PM