wikimedia/mediawiki-skins-MinervaNeue
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue synced 2024-12-24 03:23:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Separate image inversion from widget inversion"

Browse source
This commit is contained in:
jenkins-bot 2024-02-28 21:04:39 +00:00 committed by Gerrit Code Review
parent 3bb9611497 f7124fdc6c
commit 1b55f553bb
4 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
minerva.less/minerva.mixins.less
View file

@ -75,6 +75,6 @@
line-height: 1.4; line-height: 1.4;
} }
.night-mode-invert() { .night-mode-invert-image() {
filter: invert( 1 ) hue-rotate( 180deg ); filter: invert( 1 ) hue-rotate( 180deg );
} }

1
resources/skins.minerva.base.styles/CSSCustomProperties.less
View file

@ -103,6 +103,7 @@
.night-mode-invert() { .night-mode-invert() {
color-scheme: light; color-scheme: light;
.light-mode-palette(); .light-mode-palette();
// Keep in sync with .night-mode-invert-image() mixin.
filter: invert( 1 ) hue-rotate( 180deg ); filter: invert( 1 ) hue-rotate( 180deg );
} }

4
resources/skins.minerva.base.styles/footer.less
View file

@ -58,14 +58,14 @@
// Night mode // Night mode
html.skin-night-mode-clientpref-1 { html.skin-night-mode-clientpref-1 {
.minerva-footer-logo img { .minerva-footer-logo img {
.night-mode-invert(); .night-mode-invert-image();
} }
} }
@media ( prefers-color-scheme: dark ) { @media ( prefers-color-scheme: dark ) {
html.skin-night-mode-clientpref-2 { html.skin-night-mode-clientpref-2 {
.minerva-footer-logo img { .minerva-footer-logo img {
.night-mode-invert(); .night-mode-invert-image();
} }
} }
} }

4
resources/skins.minerva.base.styles/header.less
View file

@ -76,14 +76,14 @@
// Night mode // Night mode
html.skin-night-mode-clientpref-1 { html.skin-night-mode-clientpref-1 {
.branding-box img { .branding-box img {
.night-mode-invert(); .night-mode-invert-image();
} }
} }
@media ( prefers-color-scheme: dark ) { @media ( prefers-color-scheme: dark ) {
html.skin-night-mode-clientpref-2 { html.skin-night-mode-clientpref-2 {
.branding-box img { .branding-box img {
.night-mode-invert(); .night-mode-invert-image();
} }
} }
} }