mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-27 15:40:15 +00:00
Dark mode: Images should have background
Bug: T370074 Change-Id: I694778f6458ab13266bee4b88622a914f21c6b50
This commit is contained in:
parent
98e1c9d4e2
commit
811e770e9c
|
@ -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();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue