Force color and background rules in night mode for infoboxes

In the current theme the background and color can be overriden by
style attributes, however in night mode this shouldn't happen

This helps the following projects:
- https://ext.m.wikipedia.org/wiki/Par%C3%ADs?minervanightmode=1
- https://kl.m.wikipedia.org/wiki/Paris?minervanightmode=1
- https://szl.m.wikipedia.org/wiki/Pary%C5%BC?minervanightmode=1

Bug: T357453
Change-Id: I4c45b1e62b60d9ae42a2948707134745a9b7f808
This commit is contained in:
Jon Robson 2024-03-08 09:16:43 -08:00
parent 65f1300b78
commit 9614949134

View file

@ -192,6 +192,12 @@ FIXME: Review all of these hacks to see if they still apply.
}
html.skin-night-mode-clientpref-1 {
// These colors become !important in night mode to avoid color contrast issues.
.infobox:not( .notheme ) {
color: var( --color-base ) !important;
background-color: var( --background-color-interactive-subtle ) !important;
}
/* T357453 - attempt to strip colors from the majority of infoboxes in night mode (unless notheme specified) */
// please forgive me for bypassing the linter there is no easy way to keep all of the infobox classes grouped without
// stylelint-disable no-descending-specificity
@ -246,6 +252,12 @@ html.skin-night-mode-clientpref-1 {
.night-mode-strip-all-colors-when-safe();
}
}
// These colors become !important in night mode to avoid color contrast issues.
.infobox:not( .notheme ) {
color: var( --color-base ) !important;
background-color: var( --background-color-interactive-subtle ) !important;
}
}
}
// stylelint-enable no-descending-specificity