Page MenuHomePhabricator

Flow: Unreadable text in the reply form (possibly elsewhere too) with dark system settings
Closed, ResolvedPublic

Description

Intention:
Use certain UI elements, because they are part of the functionality of Wikipedia.

Steps to Reproduce:

  1. Set a dark theme for the window manager on Linux
  2. Go to either Flow or the search bar underneath "Search results" when your result is not immediately redirected (These two forms both have the issue - not sure if there are other UI elements that also do).
  3. Type any text into the box

Actual Results:
The text is barely readable; dark grey text on a dark grey background.

Expected Results:
Light grey text on a dark grey background, as one would see in the Wikitext editor when following the same steps detailed above. Dark text on a light background would also suffice.

Reproducible: Always

A discussion of the issue, with a screenshot, is available at https://en.wikipedia.org/wiki/Wikipedia:Village_pump_%28technical%29#Dark_colour_schemes_and_the_interface_between_the_system.2C_browser_and_Wikipedia
OS: Linux Mint 17 Cinnamon


Version: unspecified
Severity: normal
See Also:
https://bugzilla.wikimedia.org/show_bug.cgi?id=72192

Details

Reference
bz72188

Event Timeline

bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 3:46 AM
bzimport set Reference to bz72188.
bzimport added a subscriber: Unknown Object (MLST).

Created attachment 16799
The screenshot for posterity

Attached:

Poor_contrast_on_flow_forms[1].png (768×1 px, 153 KB)

(In reply to thennicke from comment #0)

  1. Go to either Flow or the search bar underneath "Search results" when

your result is not immediately redirected (These two forms both have the
issue - not sure if there are other UI elements that also do).

Thanks for the report. Let's split it into two bugs, one for each issue, that'll make it easier to find by people who can fix it.

I split the search results page issue to bug 72188; let's keep this one about Flow.

(I split the other issue to bug 72192, actually; linked the wrong one above.)

Probably caused by overriding foreground but not background color in CSS. There is a standard rule (for reasons like this) to override both or neither (http://www.w3.org/TR/WCAG20-TECHS/F24.html)

Testing indicates that the core fix also fixed Flow (I'm using a dark theme, but not the exact same setup as the reporter). If not, feel free to re-open.

  • This bug has been marked as a duplicate of bug 72192 ***