Template:Sister project/styles.css: Difference between revisions

From Ikwipedia
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.
 
Millipede (talk | contribs)
m 1 revision imported
 
(2 intermediate revisions by 2 users not shown)
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"] {
html.skin-theme-clientpref-night .sistersitebox img[src*="Wiktionary-logo-en-v2.svg"] {
      background-color: white;
filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg);
  }
}
}
}
@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"] {
      background-color: white;
filter: invert(1) brightness(55%) contrast(250%) hue-rotate(180deg);
}
}
}
}

Latest revision as of 22:40, 18 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);
	}
}