Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
||
Zeile 35: | Zeile 35: | ||
} | } | ||
} | } | ||
:root.skin- | :root.skin-citizen-dark { | ||
--background-color-tabel1: hsl(0, 100%, 85%); | --background-color-tabel1: hsl(0, 100%, 85%); | ||
} | } |
Version vom 10. November 2024, 16:12 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-tabel1: hsl(237, 100%, 85%);
// --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;
*/
}
}
:root.skin-citizen-dark {
--background-color-tabel1: hsl(0, 100%, 85%);
}
.hintergrundfarbe10 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: var(--tablebackground-color-table1);
}
.hintergrundfarbe11 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: var(--color-surface-2);
}
.citizen-body a.image:hover:not(.lazy):not(.new) > img {
transform: scale(1.0);
}