Page MenuHomePhabricator

cite error ref red needs to fulfill color contrast ratio
Closed, ResolvedPublic

Description

Currently ref code fails to fulfill contrast ratio due to its slight gray background:

image.png (56×510 px, 6 KB)

Taken from https://es.wikipedia.org/wiki/Pandemia_de_enfermedad_por_coronavirus_de_2019-2020

Proposal

We need to amend this to #d73333 similar to OOUI's destructive ButtonWidget
Actually, that probably leads to more issues in other themes, let's stick with background-color: transparent here to also eye possible dark or other themes.

Event Timeline

Volker_E updated the task description. (Show Details)
Volker_E updated the task description. (Show Details)

Change 580481 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/extensions/Cite@master] Fix cite error ref code color contrast ratio

https://gerrit.wikimedia.org/r/580481

Note it was just recently that we changed the color of <code> elements in error messages: https://gerrit.wikimedia.org/r/559714. Before, a <code> element would appear black on gray, in the middle of a red error message, which made it look like it is not part of the error message. If this change was a mistake and you believe <code> should look black again, please tell us.

Change 580481 merged by jenkins-bot:
[mediawiki/extensions/Cite@master] Fix cite error ref code color contrast ratio

https://gerrit.wikimedia.org/r/580481