Template:Sister project/styles.css: Difference between revisions
From All Skies Encyclopaedia
imported>Jdlrobson (phab:T365622 this has been bugging me for too long and this seems like the most reasonable fix here. Will follow up on talk page.) |
en>Matrix (use the actual filter used on wiktionary) |
||
| Line 8: | Line 8: | ||
/* The Wiktionary logo needs a white background in dark mode since it is a transparent SVG */ |
/* The Wiktionary logo needs a white background in dark mode since it is a transparent SVG */ |
||
@media screen { |
@media screen { |
||
html.skin-theme-clientpref-night .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"] { |
|||
filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg); |
|||
background-color: white; |
|||
} |
|||
} |
} |
||
@media screen and (prefers-color-scheme: dark) { |
@media screen and (prefers-color-scheme: dark) { |
||
html.skin-theme-clientpref-os .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"] { |
html.skin-theme-clientpref-os .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"] { |
||
filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg); |
|||
background-color: white; |
|||
} |
} |
||
} |
} |
||
Revision as of 17:59, 15 September 2025
/* {{pp-template|small=yes}} */
@media print {
body.ns-0 .sistersitebox {
display: none !important;
}
}
/* The Wiktionary logo needs a white background in dark mode since it is a transparent SVG */
@media screen {
html.skin-theme-clientpref-night .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"] {
filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg);
}
}
@media screen and (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"] {
filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg);
}
}
