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

/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */

/* =====================================================================
   Cubeside-Farbschema für Citizen
   Citizen leitet ALLE Farben (Links, Buttons, Hintergründe, Text-Tönung)
   aus einer Grundfarbe ab. Hier wird sie auf Cubeside-Grün gesetzt.
   ===================================================================== */

/* Hell: dunkleres Grün, damit Links gut lesbar sind (Kontrast 5:1) */
:root {
	--color-progressive-oklch__l: 52%;
	--color-progressive-oklch__c: 0.16;
	--color-progressive-oklch__h: 138;
	--color-primary-oklch__h: 138;
	/* Fallback für ältere Browser ohne OKLCH */
	--color-progressive-hsl__h: 96;
	--color-progressive-hsl__s: 97%;
	--color-progressive-hsl__l: 24%;
	--color-primary__h: 96;
	--color-primary__s: 97%;
	--color-primary__l: 24%;
}

/* Dunkel: helleres Cubeside-Grün, gut lesbar auf dunklem Grund */
:root.skin-theme-clientpref-night {
	--color-progressive-oklch__l: 70%;
	--color-progressive-oklch__c: 0.18;
	--color-progressive-hsl__l: 45%;
	--color-primary__l: 45%;
}
@media ( prefers-color-scheme: dark ) {
	:root.skin-theme-clientpref-os {
		--color-progressive-oklch__l: 70%;
		--color-progressive-oklch__c: 0.18;
		--color-progressive-hsl__l: 45%;
		--color-primary__l: 45%;
	}
}

/* Standardbreite des Inhalts (Citizen-Vorgabe: 1080px) */
:root.citizen-feature-custom-width-clientpref-standard {
	--width-layout: 1280px;
}