Page MenuHomePhabricator

Logos handling in dark mode
Open, Needs TriagePublic

Description

Wikipedia logos are handled differently in Vector, MinveraNeue and somewhat Timeless (same images, close to Vector, but different positioning).

With the invert filter set in place they need special attention.
@Esanders described a way to go about it with localization of the (Wikipedia) logo subline aside of the globe, it's baked into the latest dark-mode CSS.
This is dependent though on the very specifics of the logo and just works for a few of our projects with quite a lot of special casing code.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

This is dependent though on the very specifics of the logo and just works for a few of our projects with quite a lot of special casing code.

Specifically that we can truncate the logo using a bounding box into two parts - one that needs inverting (the wordmark) and one that doesn't (the globe). However this wouldn't work on WikiQuote or WikiVoyage.

The cleaner and more flexible approach is going to be to allow users to specify an inverted version of the logo, e.g.

image.png (167×150 px, 21 KB)

I would suggest a new config, either $wgLogoInverted or $wgLogoDarkMode.