Description
I recently noticed that there are (mainly) two different colors used for icons on mobile web: #54595D (base20), and #4A4F53. An incomplete reference:
• alexhollender_WMF | |
Dec 11 2019, 8:20 PM |
F31472928: image.png | |
Dec 11 2019, 8:20 PM |
I recently noticed that there are (mainly) two different colors used for icons on mobile web: #54595D (base20), and #4A4F53. An incomplete reference:
Subject | Repo | Branch | Lines +/- | |
---|---|---|---|---|
Use standard palette color Base20 for icons | mediawiki/skins/MinervaNeue | master | +3 -3 |
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.
More systematic question funnelled into T240514: Define and add another Base color between Base10 and Base20?
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