Skin invert shouldn't apply in day mode.

Bug: T356425
Change-Id: Ic5c754734f7df093629d1121d61e89cd1f3225fc
This commit is contained in:
Jon Robson 2024-02-23 10:18:11 -08:00 committed by Jdlrobson
parent 2085354755
commit 9cec6a2230

View file

@ -64,13 +64,6 @@
.light-mode-palette();
}
/** Content that uses the mw-invert class is inverted and the light mode palette should be used. */
.skin-invert {
color-scheme: light;
.light-mode-palette();
filter: invert( 1 ) hue-rotate( 180deg );
}
/**
* Placeholder Night mode color palette.
* NOTE: These values are temporarily hard coded.
@ -105,13 +98,29 @@
--box-shadow-color-drawer: #afb6e9;
}
.night-mode-invert() {
color-scheme: light;
.light-mode-palette();
filter: invert( 1 ) hue-rotate( 180deg );
}
html.skin-night-mode-clientpref-1 {
color-scheme: dark;
.night-mode-palette();
/** Content that uses the mw-invert class is inverted and the light mode palette should be used. */
.skin-invert {
.night-mode-invert();
}
}
@media ( prefers-color-scheme: dark ) {
html.skin-night-mode-clientpref-2 {
.night-mode-palette();
/** Content that uses the mw-invert class is inverted and the light mode palette should be used. */
.skin-invert {
.night-mode-invert();
}
}
}