Page MenuHomePhabricator

Dark mode logo on se.wikimedia.se
Closed, DuplicatePublic

Description

Event Timeline

Adding the class skin-invert works here too:

image.png (75×281 px, 6 KB)

Not sure if it's possible to do this easily via config.

Thanks for letting me know. That task was more general, but pointed me in the right direction.

The proper fix (which I stole from WMF's wiki), was:

@media screen {
  html.skin-theme-clientpref-night img.mw-logo-icon,
  html.skin-theme-clientpref-night .darklogoimg {
    color-scheme: light;
    filter: invert(1) hue-rotate(180deg);
  }
}
@media screen and (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os img.mw-logo-icon,
  html.skin-theme-clientpref-night .darklogoimg {
    color-scheme: light;
    filter: invert(1) hue-rotate(180deg);
  }
}