MediaWiki:Citizen.css: Unterschied zwischen den Versionen
MediaWiki-Schnittstellenseite
Weitere Optionen
Inhalt gelöscht Inhalt hinzugefügt
Matt (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Matt (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
:root { |
:root { |
||
--logoInvert: 0%; |
--logoInvert: 0%; |
||
--logoIndexInvert: 100%; |
|||
/* --color-emphasized:#f07300;*/ |
/* --color-emphasized:#f07300;*/ |
||
--color-primary__h:28.8; |
--color-primary__h:28.8; |
||
| Zeile 10: | Zeile 11: | ||
:root.skin-theme-clientpref-night { |
:root.skin-theme-clientpref-night { |
||
--logoInvert: 100%; |
--logoInvert: 100%; |
||
--logoIndexInvert: 0%; |
|||
--color-primary__h:32.9; |
--color-primary__h:32.9; |
||
--color-primary__s:100%; |
--color-primary__s:100%; |
||
| Zeile 21: | Zeile 23: | ||
/* --color-emphasized:darkorange;*/ |
/* --color-emphasized:darkorange;*/ |
||
--logoInvert: 100%; |
--logoInvert: 100%; |
||
--logoIndexInvert: 0%; |
|||
--color-primary__h:32.9; |
--color-primary__h:32.9; |
||
--color-primary__s:100%; |
--color-primary__s:100%; |
||
| Zeile 40: | Zeile 43: | ||
div.indexLogo{ |
div.indexLogo{ |
||
background-image: url(/mediawiki/resources/assets/indexlogo.svg); |
background-image: url(/mediawiki/resources/assets/indexlogo.svg); |
||
filter: saturate(100%) brightness(0%) invert(var(-- |
filter: saturate(100%) brightness(0%) invert(var(--logoIndexInvert)); |
||
background-size: 90% 12vh; |
background-size: 90% 12vh; |
||
width: 100%; |
width: 100%; |
||
Version vom 21. November 2024, 00:19 Uhr
:root {
--logoInvert: 0%;
--logoIndexInvert: 100%;
/* --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%;
--logoIndexInvert: 0%;
--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%;
--logoIndexInvert: 0%;
--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/indexlogo.svg);
filter: saturate(100%) brightness(0%) invert(var(--logoIndexInvert));
background-size: 90% 12vh;
width: 100%;
height: 12vh;
background-repeat: no-repeat;
background-position: center;
}