Dark mode styles should not apply to printed content

Bug: T371331
Change-Id: I5bd5e530d1262c7e52e1725959e07776ff9f3704
This commit is contained in:
Jon Robson 2024-07-29 14:44:58 -07:00 committed by Jdlrobson
parent 2364736d35
commit f065c46e6b
2 changed files with 10 additions and 6 deletions

View file

@ -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;
} }

View file

@ -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;
} }