MediaWiki:Citizen.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
 /* All CSS here will be loaded for users of the Citizen skin */
 /* Full site CSS */
+:root.skin-citizen-dark {
+    --color-surface-0: #130c01;
+    --color-surface-1: #2c1b02;
+    --color-surface-2: #392403;
+    --color-surface-3: #523203;
+    --color-surface-4: #784904;
+	--color-primary__h: 41;
+	--color-primary__s: 82%;
+	--color-primary__l: 48%;
+	--accent-h: 41;
+	--accent-s: 82%;
+	--accent-v: 48%;
+}
+:root.skin-citizen-light {
+    --color-surface-0: #f2ece6;
+    --color-surface-1: #e5e0d5;
+    --color-surface-2: #d9d0c5;
+    --color-surface-3: #ccb6b8;
+    --color-surface-4: #bfa8aa;
+	--color-primary__h: 41;
+	--color-primary__s: 82%;
+	--color-primary__l: 48%;
+	--accent-h: 35;
+	--accent-s: 60%;
+	--accent-v: 47%;
+}
 :root {
-	--color-primary__h: 41;
-	--color-primary__s: 86%;
+	/* change link colors because they are confusing by default*/
-	--color-primary__l: 47%;
+	--color-link:						hsl(var(--accent-h) var(--accent-s) var(--accent-v)) !important;
-    --width-layout: 1280px;
+	--color-link--hover:				hsl(var(--accent-h) var(--accent-s) var(--accent-v)) !important;
+	--color-link--active:				hsl(var(--accent-h) var(--accent-s) var(--accent-v)) !important;
+	--color-progressive:				hsl(var(--accent-h) var(--accent-s) var(--accent-v)) !important;
+	--color-progressive--hover:			hsl(var(--accent-h) var(--accent-s) var(--accent-v)) !important;
+	--color-progressive--active:		hsl(var(--accent-h) var(--accent-s) var(--accent-v)) !important;
 }
@@ Line 35: / Line 72: @@
 .infobox th {
-    color: var(--color-base--emphasized)
+    color: var(--color-emphasized)
 }