feat: use color-mix for colour variations

Automattic · Jun 17, 2024 · 66205be · 66205be
1 parent 233f019
commit 66205be
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/scss/_css-variables.scss b/src/scss/_css-variables.scss
@@ -61,9 +61,9 @@
 // Backward compatibility with the Classic Theme
 $colors: (
 	'primary': var( --wp--preset--color--accent ),
-	'primary-variation': var( --wp--preset--color--accent ),
+	'primary-variation': color-mix( in srgb, var( --wp--preset--color--accent ) 80%, black ),
 	'secondary': var( --wp--preset--color--accent-2 ),
-	'secondary-variation': var( --wp--preset--color--accent-2 ),
+	'secondary-variation': color-mix( in srgb, var( --wp--preset--color--accent-2 ) 80%, black ),
 	'dark-gray': var( --wp--preset--color--contrast ),
 	'medium-gray': var( --wp--preset--color--contrast-3 ),
 	'light-gray': var( --wp--preset--color--base-2 ),