| • alexhollender_WMF | |
| Apr 27 2020, 1:55 PM |
| F31831083: Screen Shot 2020-05-18 at 10.49.36 AM.png | |
| May 18 2020, 2:50 PM |
| F31829121: Screenshot_2020-05-18-10-07-07-375_com.android.chrome.jpg | |
| May 18 2020, 8:08 AM |
| F31816263: en.m.wikipedia.beta.wmflabs.org_wiki_24thnovemberfirefox(iPhone 6_7_8).png | |
| May 13 2020, 8:22 PM |
| F31782621: image.png | |
| Apr 27 2020, 1:55 PM |
| F31782624: image.png | |
| Apr 27 2020, 1:55 PM |
As part of T246170 the wordmark on the mobile site has gone from gray to black. This was a known side-effect of the change.
| before | current |
|---|---|
 |  |
Setting the wordmark to an opacity of 0.65 should result in the desired color.
Work on the assumption all icons are black and add this as a css rule in the global css for Minerva
@Volker_E following up on T250774#6076842. The opacity trick seems to work well. When looking closely the color ends up looking slightly red, as it's missing those blue tones.
Would we consider doing an inline SVG just for the wordmark, so we can have complete control? E.g. https://stackoverflow.com/a/22253046
@alexhollender I don't think that's a viable option, it would mean a monstrous extra effort on development side. We've discussed a similar approach years ago on inlining main SVG icons to provide interaction color changes better (without flickr when loading new icon).
Another option would be to try to apply a filter to the wordmark where supported @supports ( ( -webkit-filter: blur( 20px ) ) or ( filter: blur( 20px ) ) )
Change 593571 had a related patch set uploaded (by Jdrewniak; owner: Jdrewniak):
[mediawiki/skins/MinervaNeue@master] Changing color of logo from black to gray using opacity.
Change 593579 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[operations/mediawiki-config@master] Logo wordmarks should not define fill color - opacity will be used
Change 593589 had a related patch set uploaded (by Jdlrobson; owner: Jdrewniak):
[mediawiki/skins/MinervaNeue@wmf/1.35.0-wmf.30] Changing color of logo from black to gray using opacity.
Change 593571 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Changing color of logo from black to gray using opacity.
Change 593579 merged by jenkins-bot:
[operations/mediawiki-config@master] Logo wordmarks should not define fill color - opacity will be used
Mentioned in SAL (#wikimedia-operations) [2020-04-30T23:08:52Z] <urbanecm@deploy1001> Synchronized static/images/project-logos/: SWAT: ae1424a: Logo wordmarks should not define fill color - opacity will be used (T251135) (duration: 01m 05s)
Change 593589 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@wmf/1.35.0-wmf.30] Changing color of logo from black to gray using opacity.
I was gonna swat this but because the train is blocked it's better to do it in a single change on monday.
Change 594254 had a related patch set uploaded (by Jdrewniak; owner: Jdrewniak):
[mediawiki/skins/MinervaNeue@master] Fix for 27eb9e - "Changing color of logo from black to gray"
Change 594254 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Fix for 27eb9e - "Changing color of logo from black to gray"
Change 596091 had a related patch set uploaded (by VolkerE; owner: VolkerE):
[mediawiki/skins/MinervaNeue@master] Change opacity (color) of logo to a subtler gray close to #54595d
Change 596091 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] Change opacity (color) of logo to a subtler gray close to #54595d
Ah wow, great catch. @Jdlrobson any idea what's going on here? SVG looks correct, width="119" height="18", but it's displaying at width="105" height="18". This seems to be an issue on desktop as well.
