Merge "Prevent dark-mode styles from affecting print media"

This commit is contained in:
jenkins-bot 2024-08-12 11:45:25 +00:00 committed by Gerrit Code Review
commit 712a4da62c

View file

@ -440,7 +440,8 @@
} }
// Apply night mode styles that can't be handled with CSS variables, i.e. anything with rgba() // Apply night mode styles that can't be handled with CSS variables, i.e. anything with rgba()
html.skin-theme-clientpref-night { @media screen {
html.skin-theme-clientpref-night {
.mwe-popups.mwe-popups-no-image-pointer::before { .mwe-popups.mwe-popups-no-image-pointer::before {
.mwe-popups-border-pointer-top( 8px, 10px, rgba( 255, 255, 255, 0.07 ), 0 ); .mwe-popups-border-pointer-top( 8px, 10px, rgba( 255, 255, 255, 0.07 ), 0 );
} }
@ -454,9 +455,10 @@ html.skin-theme-clientpref-night {
/* @noflip */ /* @noflip */
background-image: linear-gradient( to left, transparent, @background-color-base 50% ); background-image: linear-gradient( to left, transparent, @background-color-base 50% );
} }
}
} }
@media ( prefers-color-scheme: dark ) { @media screen and ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os { html.skin-theme-clientpref-os {
.mwe-popups.mwe-popups-no-image-pointer::before { .mwe-popups.mwe-popups-no-image-pointer::before {
.mwe-popups-border-pointer-top( 8px, 10px, rgba( 255, 255, 255, 0.07 ), 0 ); .mwe-popups-border-pointer-top( 8px, 10px, rgba( 255, 255, 255, 0.07 ), 0 );