MediaWiki:Common.css: различия между версиями

Интерактивная навигация по истории

← Предыдущая правка Следующая правка →

@@ Строка 146: / Строка 146: @@
 	/*== Палитра цветов фонов ==*/
 	--brightness-hsl: 0%;
-	--color-shift-percent-50: -4%;
+	--color-shift-percent-50: -3%;
 	--color-shift-percent-100: 0%;
 	--color-shift-percent-150: 4%;
@@ Строка 223: / Строка 223: @@
 	--bg-color-turquoise-dark: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
 	--bg-color-turquoise-subtle: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
+	/* Grey */
+	--bg-color-grey--hsl: 0deg 0%;
+    --bg-color-grey--hsl-alpha: 31%;
+	--bg-color-grey-50: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-50)));
+	--bg-color-grey-100: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-100)));
+	--bg-color-grey-150: hsl(var(--bg-color-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-grey--hsl-alpha) + var(--color-shift-percent-150)));
+	--bg-color-grey-dark: color-mix(in srgb, var(--bg-color-grey-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
+	--bg-color-grey-subtle: color-mix(in srgb, var(--bg-color-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
 	/* Azure */
@@ Строка 280: / Строка 289: @@
 	/* Pastel Red */
 	--bg-color-pastel-red--hsl: 351.21deg 66.67%;
-	--bg-color-pastel-red--hsl-alpha: 32.12%;
+	--bg-color-pastel-red--hsl-alpha: 30%;
 	--bg-color-pastel-red-50: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-50)));
 	--bg-color-pastel-red-100: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-100)));
@@ Строка 289: / Строка 298: @@
 	/* Pastel Blue */
 	--bg-color-pastel-blue--hsl: 246.32deg 28.93%;
-	--bg-color-pastel-blue--hsl-alpha: 38.63%;
+	--bg-color-pastel-blue--hsl-alpha: 36.63%;
 	--bg-color-pastel-blue-50: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-50)));
 	--bg-color-pastel-blue-100: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-100)));
@@ Строка 298: / Строка 307: @@
 	/* Pastel Skyblue */
 	--bg-color-pastel-skyblue--hsl: 195.00deg 41.10%;
-	--bg-color-pastel-skyblue--hsl-alpha: 28.63%;
+	--bg-color-pastel-skyblue--hsl-alpha: 26.63%;
 	--bg-color-pastel-skyblue-50: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-50)));
 	--bg-color-pastel-skyblue-100: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-100)));
@@ Строка 307: / Строка 316: @@
 	/* Pastel Magenta */
 	--bg-color-pastel-magenta--hsl: 309.35deg 44.51%;
-	--bg-color-pastel-magenta--hsl-alpha: 33.92%;
+	--bg-color-pastel-magenta--hsl-alpha: 31.92%;
 	--bg-color-pastel-magenta-50: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-50)));
 	--bg-color-pastel-magenta-100: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-100)));
@@ Строка 316: / Строка 325: @@
 	/* Pastel Lime */
 	--bg-color-pastel-lime--hsl: 85.71deg 47.19%;
-	--bg-color-pastel-lime--hsl-alpha: 32.90%;
+	--bg-color-pastel-lime--hsl-alpha: 30.90%;
 	--bg-color-pastel-lime-50: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-50)));
 	--bg-color-pastel-lime-100: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-100)));
@@ Строка 325: / Строка 334: @@
 	/* Pastel Turquoise */
 	--bg-color-pastel-turquoise--hsl: 176.84deg 35.40%;
-	--bg-color-pastel-turquoise--hsl-alpha: 29.57%;
+	--bg-color-pastel-turquoise--hsl-alpha: 27.57%;
 	--bg-color-pastel-turquoise-50: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-50)));
 	--bg-color-pastel-turquoise-100: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
@@ Строка 331: / Строка 340: @@
 	--bg-color-pastel-turquoise-dark: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
 	--bg-color-pastel-turquoise-subtle: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
-	/* Pastel Grey */
-	--bg-color-pastel-grey--hsl: 45.00deg 5.41%;
-	--bg-color-pastel-grey--hsl-alpha: 40.53%;
-	--bg-color-pastel-grey-50: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-50)));
-	--bg-color-pastel-grey-100: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-100)));
-	--bg-color-pastel-grey-150: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-150)));
-	--bg-color-pastel-grey-dark: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-dark), var(--theme-bg-color-100));
-	--bg-color-pastel-grey-subtle: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-250));
 	/* Pastel Orange */
 	--bg-color-pastel-orange--hsl: 15.43deg 54.40%;
-	--bg-color-pastel-orange--hsl-alpha: 35.84%;
+	--bg-color-pastel-orange--hsl-alpha: 33.84%;
 	--bg-color-pastel-orange-50: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-50)));
 	--bg-color-pastel-orange-100: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-100)));