Dark mode: Images should have background

Bug: T370074
Change-Id: I694778f6458ab13266bee4b88622a914f21c6b50
This commit is contained in:
Jon Robson 2024-08-02 16:42:38 -07:00 committed by Jdlrobson
parent 98e1c9d4e2
commit 811e770e9c

View file

@ -111,3 +111,37 @@
}
}
}
.dark-mode-image-styles() {
/* Desktop legacy HTML */
.mw-parser-output,
/* Parsoid HTML (mobile) */
section .mw-heading ~ div,
/* Parsoid HTML (desktop) and mobile legacy HTML */
section,
/* e.g. https://en.wikipedia.org/wiki/Pullback_(category_theory)#Universal_property */
dd,
/* For targeting p span.mw-default-size */
p {
> span.mw-default-size,
> figure[ typeof='mw:File' ],
> figure[ typeof='mw:File/Thumb' ],
> figure[ typeof='mw:File/Frameless' ] {
img {
background-color: #c8ccd1;
}
}
}
}
@media screen {
html.skin-theme-clientpref-night {
.dark-mode-image-styles();
}
@media ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os {
.dark-mode-image-styles();
}
}
}