MediaWiki:Citizen.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

:root {
  --logoInvert: 0%;
  /* --color-emphasized:#f07300;*/
  --color-primary__h:28.8;
  --color-primary__s:100%;
  --color-primary__l:47.1%;
  --color-subtle: #180c00;
}

:root.skin-theme-clientpref-night {
  --logoInvert: 100%;
  --color-primary__h:32.9;
  --color-primary__s:100%;
  --color-primary__l:50%;
  --color-subtle: lightgrey;
  --color-base: var(--color-emphasized);
}

@media screen and (prefers-color-scheme: dark) {
  :root.skin-theme-clientpref-os {
    /* --color-emphasized:darkorange;*/
    --logoInvert: 100%;
    --color-primary__h:32.9;
    --color-primary__s:100%;
    --color-primary__l:50%;
    --color-subtle: lightgrey;
    --color-base: var(--color-emphasized);
  }
}

img.mw-logo-icon{

  filter: saturate(100%) brightness(0%) invert(var(--logoInvert));

}
span.indexLogo{
background-color: var(--color-progressive);
display:block;
}
div.indexLogo{
background-image: url(/mediawiki/resources/assets/logo.svg);background-size: 6vw 6vw;width: 6vw;height: 6vw;
filter: saturate(100%) brightness(0%) invert(var(--logoInvert));
}