|
|
@@ -6,7 +6,7 @@
|
|
|
:root {
|
|
|
--ck-color-base-foreground: #f7f7f7;
|
|
|
--ck-color-base-background: #fff;
|
|
|
- --ck-color-base-border: color(var(--ck-color-base-background) shade(25%));
|
|
|
+ --ck-color-base-border: #BFBFBF;
|
|
|
--ck-color-base-action: #61B145;
|
|
|
--ck-color-base-focus: #6ab5f9;
|
|
|
--ck-color-base-text: #333;
|
|
|
@@ -23,10 +23,33 @@
|
|
|
|
|
|
--ck-color-button-default-background: var(--ck-color-base-background);
|
|
|
--ck-color-button-default-border: var(--ck-color-base-border);
|
|
|
+ --ck-color-button-default-focus-background: #E6E6E6;
|
|
|
+ --ck-color-button-default-focus-border: #a5a5a5;
|
|
|
+ --ck-color-button-default-active-background: #D9D9D9;
|
|
|
+ --ck-color-button-default-active-border: #999999;
|
|
|
+ --ck-color-button-default-active-shadow: #BFBFBF;
|
|
|
+ --ck-color-button-default-disabled-background: #ffffff;
|
|
|
+ --ck-color-button-default-disabled-border: #c6c6c6;
|
|
|
+
|
|
|
--ck-color-button-on-background: var(--ck-color-base-foreground);
|
|
|
- --ck-color-button-on-border: color(var(--ck-color-base-foreground) shade(25%));
|
|
|
+ --ck-color-button-on-border: #B7B7B7;
|
|
|
+ --ck-color-button-on-focus-background: #dedede;
|
|
|
+ --ck-color-button-on-focus-border: #9e9e9e;
|
|
|
+ --ck-color-button-on-active-background: #d1d1d1;
|
|
|
+ --ck-color-button-on-active-border: #919191;
|
|
|
+ --ck-color-button-on-active-shadow: #777777;
|
|
|
+ --ck-color-button-on-disabled-background: #ffffff;
|
|
|
+ --ck-color-button-on-disabled-border: #d1d1d1;
|
|
|
+
|
|
|
--ck-color-button-action-background: var(--ck-color-base-action);
|
|
|
- --ck-color-button-action-border: color(var(--ck-color-base-action) shade(20%));
|
|
|
+ --ck-color-button-action-border: #396828;
|
|
|
+ --ck-color-button-action-focus-background: #4d8c37;
|
|
|
+ --ck-color-button-action-focus-border: #25431a;
|
|
|
+ --ck-color-button-action-active-background: #437a30;
|
|
|
+ --ck-color-button-action-active-border: #1b3113;
|
|
|
+ --ck-color-button-action-active-shadow: #070c05;
|
|
|
+ --ck-color-button-action-disabled-background: #7ec366;
|
|
|
+ --ck-color-button-action-disabled-border: #4d8d36;
|
|
|
--ck-color-button-action-text: var(--ck-color-base-background);
|
|
|
|
|
|
--ck-color-dropdown-panel-background: var(--ck-color-base-background);
|
|
|
@@ -53,6 +76,16 @@
|
|
|
|
|
|
--ck-color-editor-border: var(--ck-color-base-border);
|
|
|
--ck-color-editor-toolbar-background: var(--ck-color-base-foreground);
|
|
|
- --ck-color-editor-toolbar-button-background: var(--ck-color-base-foreground);
|
|
|
+
|
|
|
+ --ck-color-editor-toolbar-button-on-background: #dedede;
|
|
|
+ --ck-color-editor-toolbar-button-on-border: transparent;
|
|
|
+ --ck-color-editor-toolbar-button-on-focus-background: #c5c5c5;
|
|
|
+ --ck-color-editor-toolbar-button-on-focus-border: transparent;
|
|
|
+ --ck-color-editor-toolbar-button-on-active-background: #b8b8b8;
|
|
|
+ --ck-color-editor-toolbar-button-on-active-border: transparent;
|
|
|
+ --ck-color-editor-toolbar-button-on-active-shadow: #070c05;
|
|
|
+ --ck-color-editor-toolbar-button-on-disabled-background: #dedede;
|
|
|
+ --ck-color-editor-toolbar-button-on-disabled-border: transparent;
|
|
|
+
|
|
|
--ck-color-editor-dropdown-background: var(--ck-color-base-background);
|
|
|
}
|