Page MenuHomePhabricator

Investigate color discrepancies in mobile web icons
Open, Needs TriagePublic



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

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptDec 11 2019, 8:20 PM

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?

TheDJ removed a subscriber: TheDJ.Jan 29 2020, 11:43 PM

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

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

@alexhollender This is ready to be signed off!