Background

Since dark mode has been a long time coming, it would be nice to mark the occasion by modifying the site logo when dark mode is enabled.

This activity should be timeboxed to no more than 2 days and is low priority.

User story

As a reader I want to be able to share a screenshot of my favorite Wikimedia site or night mode logo in night mode to celebrate the new launch

Requirements

• The style should live in WikimediaMessages since it is a Wikimedia-site specific feature.
• The style should be limited to projects we can provide fun graphics for
• The style should be achievable via CSS only
• The site logo should only change when dark mode is enabled.
• It should be possible to disable/enable the customization via LocalSettings.php

Design

Sample code

z-index: -1;
position: absolute;
content: '';
width: 95px;
height: 16px;
background-image: linear-gradient(to bottom, red 0%, orange 20%, yellow 40%, green 60%, blue 80%, purple 100%);
transform: skew(11deg, 11deg);
left: 7px;
margin-top: -38px;

This task was created by Version 1.0.0 of the Web team task template using phabulous