mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/DiscussionTools
synced 2024-11-27 17:51:09 +00:00
Dark mode styles should not apply to printed content
Bug: T371331 Change-Id: I5bd5e530d1262c7e52e1725959e07776ff9f3704
This commit is contained in:
parent
2364736d35
commit
f065c46e6b
|
@ -133,11 +133,13 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
// Safari doesn't blend this overlay with the text unless GPU rendering is forced.
|
// Safari doesn't blend this overlay with the text unless GPU rendering is forced.
|
||||||
transform: translateZ( 0 );
|
transform: translateZ( 0 );
|
||||||
|
|
||||||
|
@media screen {
|
||||||
html.skin-theme-clientpref-night & {
|
html.skin-theme-clientpref-night & {
|
||||||
mix-blend-mode: lighten;
|
mix-blend-mode: lighten;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media ( prefers-color-scheme: dark ) {
|
@media screen and ( prefers-color-scheme: dark ) {
|
||||||
html.skin-theme-clientpref-os & {
|
html.skin-theme-clientpref-os & {
|
||||||
mix-blend-mode: lighten;
|
mix-blend-mode: lighten;
|
||||||
}
|
}
|
||||||
|
|
|
@ -303,11 +303,13 @@
|
||||||
}
|
}
|
||||||
// TODO: Consider doing this via's Toggler.js's APIs, rather than CSS overrides.
|
// TODO: Consider doing this via's Toggler.js's APIs, rather than CSS overrides.
|
||||||
|
|
||||||
|
@media screen {
|
||||||
html.skin-theme-clientpref-night & {
|
html.skin-theme-clientpref-night & {
|
||||||
background: @background-color-interactive-subtle;
|
background: @background-color-interactive-subtle;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media ( prefers-color-scheme: dark ) {
|
@media screen and ( prefers-color-scheme: dark ) {
|
||||||
html.skin-theme-clientpref-os & {
|
html.skin-theme-clientpref-os & {
|
||||||
background: @background-color-interactive-subtle;
|
background: @background-color-interactive-subtle;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue