8
0
Просмотр исходного кода

Docs: removed . ck-editor-toolbar-button.

Damian Konopka 8 лет назад
Родитель
Сommit
4b8cc12210

+ 9 - 20
packages/ckeditor5-theme-lark/docs/_snippets/examples/custom.css

@@ -35,15 +35,15 @@
 	--ck-color-button-default-disabled-background: var(--ck-custom-background);
 	--ck-color-button-default-disabled-border: var(--ck-custom-border);
 
-	--ck-color-button-on-background: var(--ck-custom-foreground);
-	--ck-color-button-on-border: var(--ck-custom-border);
-	--ck-color-button-on-focus-background: hsl(255, 4%, 21%);
-	--ck-color-button-on-focus-border: hsl(0, 0%, 20%);
-	--ck-color-button-on-active-background: hsl(255, 4%, 20%);
-	--ck-color-button-on-active-border: hsl(300, 1%, 19%);
-	--ck-color-button-on-active-shadow: hsl(240, 3%, 19%);
-	--ck-color-button-on-disabled-background: var(--ck-custom-foreground);
-	--ck-color-button-on-disabled-border: var(--ck-custom-border);
+	--ck-color-button-on-background: hsl(0, 0%, 24%);
+	--ck-color-button-on-border: transparent;
+	--ck-color-button-on-focus-background: hsl(0, 0%, 21%);
+	--ck-color-button-on-focus-border: transparent;
+	--ck-color-button-on-active-background: hsl(0, 0%, 15%);
+	--ck-color-button-on-active-border: transparent;
+	--ck-color-button-on-active-shadow: hsl(0, 0%, 18%);
+	--ck-color-button-on-disabled-background: transparent;
+	--ck-color-button-on-disabled-border: transparent;
 
 	--ck-color-button-action-background: hsl(168, 76%, 42%);
 	--ck-color-button-action-border: hsl(168, 60%, 55%);
@@ -97,17 +97,6 @@
 
 	--ck-color-editor-border: var(--ck-custom-background);
 	--ck-color-editor-toolbar-background: var(--ck-custom-background);
-
-	--ck-color-editor-toolbar-button-on-background: hsl(0, 0%, 24%);
-	--ck-color-editor-toolbar-button-on-border: transparent;
-	--ck-color-editor-toolbar-button-on-focus-background: hsl(0, 0%, 21%);
-	--ck-color-editor-toolbar-button-on-focus-border: transparent;
-	--ck-color-editor-toolbar-button-on-active-background: hsl(0, 0%, 15%);
-	--ck-color-editor-toolbar-button-on-active-border: transparent;
-	--ck-color-editor-toolbar-button-on-active-shadow: hsl(0, 0%, 18%);
-	--ck-color-editor-toolbar-button-on-disabled-background: transparent;
-	--ck-color-editor-toolbar-button-on-disabled-border: transparent;
-
 	--ck-color-editor-dropdown-background: hsl(270, 1%, 33%);
 
 	/* -- Overrides the default colors used by ckeditor5-image package -------------------------- */

+ 9 - 20
packages/ckeditor5-theme-lark/docs/framework/guides/theme-customization.md

@@ -102,15 +102,15 @@ The file containing custom variables will be named `custom.css` and it will look
 	--ck-color-button-default-disabled-background: var(--ck-custom-background);
 	--ck-color-button-default-disabled-border: var(--ck-custom-border);
 
-	--ck-color-button-on-background: var(--ck-custom-foreground);
-	--ck-color-button-on-border: var(--ck-custom-border);
-	--ck-color-button-on-focus-background: hsl(255, 4%, 21%);
-	--ck-color-button-on-focus-border: hsl(0, 0%, 20%);
-	--ck-color-button-on-active-background: hsl(255, 4%, 20%);
-	--ck-color-button-on-active-border: hsl(300, 1%, 19%);
-	--ck-color-button-on-active-shadow: hsl(240, 3%, 19%);
-	--ck-color-button-on-disabled-background: var(--ck-custom-foreground);
-	--ck-color-button-on-disabled-border: var(--ck-custom-border);
+	--ck-color-button-on-background: hsl(0, 0%, 24%);
+	--ck-color-button-on-border: transparent;
+	--ck-color-button-on-focus-background: hsl(0, 0%, 21%);
+	--ck-color-button-on-focus-border: transparent;
+	--ck-color-button-on-active-background: hsl(0, 0%, 15%);
+	--ck-color-button-on-active-border: transparent;
+	--ck-color-button-on-active-shadow: hsl(0, 0%, 18%);
+	--ck-color-button-on-disabled-background: transparent;
+	--ck-color-button-on-disabled-border: transparent;
 
 	--ck-color-button-action-background: hsl(168, 76%, 42%);
 	--ck-color-button-action-border: hsl(168, 60%, 55%);
@@ -164,17 +164,6 @@ The file containing custom variables will be named `custom.css` and it will look
 
 	--ck-color-editor-border: var(--ck-custom-background);
 	--ck-color-editor-toolbar-background: var(--ck-custom-background);
-
-	--ck-color-editor-toolbar-button-on-background: hsl(0, 0%, 24%);
-	--ck-color-editor-toolbar-button-on-border: transparent;
-	--ck-color-editor-toolbar-button-on-focus-background: hsl(0, 0%, 21%);
-	--ck-color-editor-toolbar-button-on-focus-border: transparent;
-	--ck-color-editor-toolbar-button-on-active-background: hsl(0, 0%, 15%);
-	--ck-color-editor-toolbar-button-on-active-border: transparent;
-	--ck-color-editor-toolbar-button-on-active-shadow: hsl(0, 0%, 18%);
-	--ck-color-editor-toolbar-button-on-disabled-background: transparent;
-	--ck-color-editor-toolbar-button-on-disabled-border: transparent;
-
 	--ck-color-editor-dropdown-background: hsl(270, 1%, 33%);
 
 	/* -- Overrides the default colors used by ckeditor5-image package -------------------------- */

+ 9 - 9
packages/ckeditor5-theme-lark/tests/manual/inverted.html

@@ -94,15 +94,15 @@
 		--ck-color-editor-border: var(--ck-custom-background);
 		--ck-color-editor-toolbar-background: var(--ck-custom-background);
 
-		--ck-color-editor-toolbar-button-on-background: hsl(0, 0%, 18%);
-		--ck-color-editor-toolbar-button-on-border: transparent;
-		--ck-color-editor-toolbar-button-on-focus-background: hsl(0, 0%, 21%);
-		--ck-color-editor-toolbar-button-on-focus-border: transparent;
-		--ck-color-editor-toolbar-button-on-active-background: hsl(0, 0%, 15%);
-		--ck-color-editor-toolbar-button-on-active-border: transparent;
-		--ck-color-editor-toolbar-button-on-active-shadow: hsl(0, 0%, 18%);
-		--ck-color-editor-toolbar-button-on-disabled-background: transparent;
-		--ck-color-editor-toolbar-button-on-disabled-border: transparent;
+		--ck-color-button-on-background: hsl(0, 0%, 18%);
+		--ck-color-button-on-border: transparent;
+		--ck-color-button-on-focus-background: hsl(0, 0%, 21%);
+		--ck-color-button-on-focus-border: transparent;
+		--ck-color-button-on-active-background: hsl(0, 0%, 15%);
+		--ck-color-button-on-active-border: transparent;
+		--ck-color-button-on-active-shadow: hsl(0, 0%, 18%);
+		--ck-color-button-on-disabled-background: transparent;
+		--ck-color-button-on-disabled-border: transparent;
 
 		--ck-color-editor-dropdown-background: hsl(270, 1%, 33%);
 

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

@@ -25,13 +25,13 @@
 
 	--ck-color-button-default-background: 						transparent;
 	--ck-color-button-default-border: 							transparent;
-	--ck-color-button-default-focus-background: 				transparent;
+	--ck-color-button-default-focus-background: 				hsl(0, 0%, 90%);
 	--ck-color-button-default-focus-border: 					transparent;
 	--ck-color-button-default-active-background: 				hsl(0, 0%, 85%);
 	--ck-color-button-default-active-border: 					transparent;
 	--ck-color-button-default-active-shadow: 					hsl(0, 0%, 75%);
 	--ck-color-button-default-disabled-background: 				transparent;
-	--ck-color-button-default-disabled-border: 					hsl(0, 0%, 78%);
+	--ck-color-button-default-disabled-border: 					transparent;
 
 	--ck-color-button-on-background: 							hsl(0, 0%, 87%);
 	--ck-color-button-on-border: 								transparent;