Page MenuHomePhabricator

Investigate color discrepancies in mobile web icons
Closed, ResolvedPublic

Description

Description

I recently noticed that there are (mainly) two different colors used for icons on mobile web: #54595D (base20), and #4A4F53. An incomplete reference:

image.png (748×1 px, 414 KB)

Event Timeline

That slipped in at 3c55b23d6171871e5ee42d4105f04e30df08263d for no stated reason…?! @Jdrewniak knows maybe more. #4a4f53 is actually exactly passing triple AAA with #eaecf0 at 7:1.
We could consider this for the header and other elements on Base80, but that should be done systematically. In OOUI we use #444 as modifier color in some places (as hover modifiers) so there could be space for consolidation here.

#717171 results from relying on opacity to simplify hover interactions. WikimediaUI Base defines @opacity-base--disabled: 0.51 for this to result in #7d7d7d, closest to #72777d. In future, T198770 might be the perfect way out, for now, opacity seems to result in closest feasible compromise.

#page-actions .mw-show-on-map seems to sit in a gadget? @TheDJ?

Change 591257 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/skins/MinervaNeue@master] Use standard palette color Base20 for icons

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

Change 591257 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Use standard palette color Base20 for icons

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

@alexhollender This is ready to be signed off!

alexhollender_WMF added a subscriber: ovasileva.

@ovasileva confirming that this is complete