Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 7: | Zeile 7: | ||
--background-color-table1: #b3b7ff; | --background-color-table1: #b3b7ff; | ||
--background-color-table2: #e1e2ff; | --background-color-table2: #e1e2ff; | ||
--background-color-table3: #e0e0e0; | |||
// --color-base: hsl(240, 13.4%, 19%); | // --color-base: hsl(240, 13.4%, 19%); | ||
} | } | ||
| Zeile 35: | Zeile 36: | ||
*/ | */ | ||
--background-color-table1: #991313; | --background-color-table1: #600B0B; | ||
--background-color- | --background-color-table2: #991313; | ||
--background-color-table3: #131313; | |||
} | } | ||
} | } | ||
| Zeile 52: | Zeile 54: | ||
background-color: var(--background-color-table2); | background-color: var(--background-color-table2); | ||
} | } | ||
table > * > tr.hintergrundfarbe12 > th, | |||
table > * > tr > th.hintergrundfarbe12, | |||
table.hintergrundfarbe12, | |||
.hintergrundfarbe12 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */ | |||
background-color: var(--background-color-table3); | |||
} | |||
.citizen-body a.image:hover:not(.lazy):not(.new) > img { | .citizen-body a.image:hover:not(.lazy):not(.new) > img { | ||
transform: scale(1.0); | transform: scale(1.0); | ||
} | } | ||
Version vom 10. November 2024, 17:10 Uhr
/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */
:root {
--color-primary__h: 33.1;
--color-primary__s: 88.5%;
--color-primary__l: 47.8%;
--background-color-table1: #b3b7ff;
--background-color-table2: #e1e2ff;
--background-color-table3: #e0e0e0;
// --color-base: hsl(240, 13.4%, 19%);
}
@media screen {
:root.skin-citizen-dark {
/*
--color-primary__l: 60%;
--color-base: hsl(240, 13.4%, 19%);
--color-base--emphasized: hsl(var(--color-primary__h),80%,95%);
--color-base--subtle: hsl(var(--color-primary__h),25%,65%);
--color-surface-0: hsl(var(--color-primary__h),20%,10%);
--color-surface-1: hsl(var(--color-primary__h),25%,12%);
--color-surface-2: hsl(var(--color-primary__h),25%,15%);
--color-surface-3: hsl(var(--color-primary__h),15%,20%);
--color-surface-4: hsl(var(--color-primary__h),15%,25%);
--background-color-primary--hover: hsl(var(--color-primary__h),var(--color-primary__s),15%);
--background-color-primary--active: hsl(var(--color-primary__h),var(--color-primary__s),20%);
--background-color-overlay: hsla(var(--color-primary__h),20%,10%,0.95);
--background-color-overlay--lighter: hsla(var(--color-primary__h),20%,10%,0.6);
--color-surface-2--hover: hsl(var(--color-primary__h),30%,19%);
--color-surface-2--active: hsl(var(--color-primary__h),30%,11%);
--surface-shadow: var(--color-primary__h),50%,3%;
--shadow-strength: 0.8;
--filter-invert: invert(1) hue-rotate(180deg);
--font-grade: -25;
*/
--background-color-table1: #600B0B;
--background-color-table2: #991313;
--background-color-table3: #131313;
}
}
table > * > tr.hintergrundfarbe10 > th,
table > * > tr > th.hintergrundfarbe10,
table.hintergrundfarbe10,
.hintergrundfarbe10 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: var(--background-color-table1);
}
table > * > tr.hintergrundfarbe11 > th,
table > * > tr > th.hintergrundfarbe11,
table.hintergrundfarbe11,
.hintergrundfarbe11 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: var(--background-color-table2);
}
table > * > tr.hintergrundfarbe12 > th,
table > * > tr > th.hintergrundfarbe12,
table.hintergrundfarbe12,
.hintergrundfarbe12 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: var(--background-color-table3);
}
.citizen-body a.image:hover:not(.lazy):not(.new) > img {
transform: scale(1.0);
}