MediaWiki:Citizen.css

/* 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--subtle: #202020;
/*  --color-base: hsl(240, 13.4%, 19%); */
    --color-footer: #222222;
}

@media screen {
  :root.skin-citizen-dark {
    --color-base: hsl(0, 0%, 100%);
    --color-surface-0: hsl(240, 13%, 9%);
    --color-surface-1: hsl(240, 13%,11%);
    --color-surface-2: hsl(240, 13%,14%);
    --color-surface-3: hsl(240, 13%,19%);
    --color-surface-4: hsl(240, 13%,24%);
    --background-color-table1: #953800;
    --background-color-table2: #841616;
    --background-color-table3: #481111;
    --color-base--subtle: #ffffff;
    --color-footer: #454545;

  /*
    --color-primary__l: 60%;
    --color-base: hsl(240, 13.4%, 19%);
    --color-base--emphasized: hsl(var(--color-primary__h),80%,95%);
    --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;
  */
  }
}

/* Definitionen für Hintergrundfarben in Tabellen */

table > * > tr.hintergrundfarbe1 > th,
table > * > tr > th.hintergrundfarbe1,
table.hintergrundfarbe1,
.hintergrundfarbe1 { /* Wie Inhaltsverzeichnis */
	background-color: var(--background-color);
}

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

/* Allgemeine Definitionen im Theme */

.citizen-footer {
    background-color: var(--color-footer);
  }

.citizen-body a.image:hover:not(.lazy):not(.new) > img {
    transform: scale(1.0);
  }