Parcourir la source

Extracted hsl() coordinates of various color custom properties so they can be used with different alpha values.

Aleksander Nowodzinski il y a 5 ans
Parent
commit
449b1ef1a5

+ 2 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_colors.css

@@ -16,7 +16,8 @@
 
 	/* -- Generic colors ------------------------------------------------------------------------ */
 
-	--ck-color-focus-border: 									hsl(208, 79%, 51%);
+	--ck-color-focus-border-coordinates: 						208, 79%, 51%;
+	--ck-color-focus-border: 									hsl(var(--ck-color-focus-border-coordinates));
 	--ck-color-focus-outer-shadow:								hsl(207, 89%, 86%);
 	--ck-color-focus-disabled-shadow:							hsla(209, 90%, 72%,.3);
 	--ck-color-focus-error-shadow:								hsla(9,100%,56%,.3);

+ 2 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-widget/widget.css

@@ -13,7 +13,8 @@
 	--ck-widget-handler-animation-curve: ease;
 
 	--ck-color-widget-blurred-border: hsl(0, 0%, 87%);
-	--ck-color-widget-hover-border: hsl(43, 100%, 62%);
+	--ck-color-widget-hover-border-coordinates: 43, 100%, 62%;
+	--ck-color-widget-hover-border: hsl(var(--ck-color-widget-hover-border-coordinates));
 	--ck-color-widget-editable-focus-background: var(--ck-color-base-background);
 	--ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
 }