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

From Ikwipedia
m 1 revision imported
[[en:wikipedia:]]>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"] {
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);
}
}
}
}

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);
	}
}