Browse Source

Defined variables for colors in the upload styles sheet.

Aleksander Nowodzinski 8 years ago
parent
commit
0fccfbb95c

+ 5 - 0
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_colors.css

@@ -116,4 +116,9 @@
 	/* -- Block quote --------------------------------------------------------------------------- */
 
 	--ck-color-block-quote-border:		 						#ccc;
+
+	/* -- Upload -------------------------------------------------------------------------------- */
+
+	--ck-color-upload-bar-background:		 					#6ab5f9;
+	--ck-color-upload-infinite-background:		 				rgba(0,0,0,0.1);
 }

+ 2 - 2
packages/ckeditor5-theme-lark/theme/ckeditor5-upload/imageuploadprogress.css

@@ -18,7 +18,7 @@ figure.image {
 	&.ck-infinite-progress::before {
 		width: var(--ck-image-upload-progress-line-width);
 		height: 2px;
-		background: rgba(0, 0, 0, 0.1);
+		background: var(--ck-color-upload-infinite-background);
 		animation-name: readingProgressAnimation;
 		animation-duration: 1500ms;
 		animation-iteration-count: infinite;
@@ -33,7 +33,7 @@ figure.image {
 	& .ck-progress-bar {
 		height: 2px;
 		width: 0;
-		background: #6ab5f9;
+		background: var(--ck-color-upload-bar-background);
 		transition: width 100ms;
 	}
 }