mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/DiscussionTools
synced 2024-11-24 00:13:36 +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.
|
||||
transform: translateZ( 0 );
|
||||
|
||||
html.skin-theme-clientpref-night & {
|
||||
mix-blend-mode: lighten;
|
||||
@media screen {
|
||||
html.skin-theme-clientpref-night & {
|
||||
mix-blend-mode: lighten;
|
||||
}
|
||||
}
|
||||
|
||||
@media ( prefers-color-scheme: dark ) {
|
||||
@media screen and ( prefers-color-scheme: dark ) {
|
||||
html.skin-theme-clientpref-os & {
|
||||
mix-blend-mode: lighten;
|
||||
}
|
||||
|
|
|
@ -303,11 +303,13 @@
|
|||
}
|
||||
// TODO: Consider doing this via's Toggler.js's APIs, rather than CSS overrides.
|
||||
|
||||
html.skin-theme-clientpref-night & {
|
||||
background: @background-color-interactive-subtle;
|
||||
@media screen {
|
||||
html.skin-theme-clientpref-night & {
|
||||
background: @background-color-interactive-subtle;
|
||||
}
|
||||
}
|
||||
|
||||
@media ( prefers-color-scheme: dark ) {
|
||||
@media screen and ( prefers-color-scheme: dark ) {
|
||||
html.skin-theme-clientpref-os & {
|
||||
background: @background-color-interactive-subtle;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue