|
@@ -6,7 +6,7 @@
|
|
|
:root {
|
|
:root {
|
|
|
--ck-color-base-foreground: hsl(0, 0%, 97%);
|
|
--ck-color-base-foreground: hsl(0, 0%, 97%);
|
|
|
--ck-color-base-background: hsl(0, 0%, 100%);
|
|
--ck-color-base-background: hsl(0, 0%, 100%);
|
|
|
- --ck-color-base-border: hsl(0, 0%, 75%);
|
|
|
|
|
|
|
+ --ck-color-base-border: hsl(0, 0%, 72%);
|
|
|
--ck-color-base-action: hsl(104, 44%, 48%);
|
|
--ck-color-base-action: hsl(104, 44%, 48%);
|
|
|
--ck-color-base-focus: hsl(209, 92%, 70%);
|
|
--ck-color-base-focus: hsl(209, 92%, 70%);
|
|
|
--ck-color-base-text: hsl(0, 0%, 20%);
|
|
--ck-color-base-text: hsl(0, 0%, 20%);
|
|
@@ -44,7 +44,7 @@
|
|
|
--ck-color-button-on-disabled-border: hsl(0, 0%, 75%);
|
|
--ck-color-button-on-disabled-border: hsl(0, 0%, 75%);
|
|
|
|
|
|
|
|
--ck-color-button-action-background: var(--ck-color-base-action);
|
|
--ck-color-button-action-background: var(--ck-color-base-action);
|
|
|
- --ck-color-button-action-border: hsl(104, 44%, 39%);
|
|
|
|
|
|
|
+ --ck-color-button-action-border: var(--ck-color-base-action);
|
|
|
--ck-color-button-action-focus-background: hsl(104, 44%, 43%);
|
|
--ck-color-button-action-focus-background: hsl(104, 44%, 43%);
|
|
|
--ck-color-button-action-focus-border: hsl(104, 44%, 35%);
|
|
--ck-color-button-action-focus-border: hsl(104, 44%, 35%);
|
|
|
--ck-color-button-action-active-background: hsl(104, 44%, 41%);
|
|
--ck-color-button-action-active-background: hsl(104, 44%, 41%);
|
|
@@ -64,7 +64,7 @@
|
|
|
/* -- Input --------------------------------------------------------------------------------- */
|
|
/* -- Input --------------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
--ck-color-input-background: var(--ck-color-base-background);
|
|
--ck-color-input-background: var(--ck-color-base-background);
|
|
|
- --ck-color-input-border: var(--ck-color-base-border);
|
|
|
|
|
|
|
+ --ck-color-input-border: hsl(0, 0%, 78%);
|
|
|
--ck-color-input-text: var(--ck-color-base-text);
|
|
--ck-color-input-text: var(--ck-color-base-text);
|
|
|
--ck-color-input-disabled-background: hsl(0, 0%, 95%);
|
|
--ck-color-input-disabled-background: hsl(0, 0%, 95%);
|
|
|
--ck-color-input-disabled-border: hsl(0, 0%, 78%);
|
|
--ck-color-input-disabled-border: hsl(0, 0%, 78%);
|
|
@@ -96,7 +96,7 @@
|
|
|
/* -- Editor -------------------------------------------------------------------------------- */
|
|
/* -- Editor -------------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
--ck-color-editor-border: var(--ck-color-base-border);
|
|
--ck-color-editor-border: var(--ck-color-base-border);
|
|
|
- --ck-color-editor-toolbar-background: var(--ck-color-base-foreground);
|
|
|
|
|
|
|
+ --ck-color-editor-toolbar-background: linear-gradient(0, var(--ck-color-base-foreground), var(--ck-color-base-background));
|
|
|
|
|
|
|
|
--ck-color-editor-toolbar-button-on-background: hsl(0, 0%, 87%);
|
|
--ck-color-editor-toolbar-button-on-background: hsl(0, 0%, 87%);
|
|
|
--ck-color-editor-toolbar-button-on-border: transparent;
|
|
--ck-color-editor-toolbar-button-on-border: transparent;
|
|
@@ -122,4 +122,8 @@
|
|
|
|
|
|
|
|
--ck-color-upload-bar-background: hsl(209, 92%, 70%);
|
|
--ck-color-upload-bar-background: hsl(209, 92%, 70%);
|
|
|
--ck-color-upload-infinite-background: hsla(0, 0%, 0%, 0.1);
|
|
--ck-color-upload-infinite-background: hsla(0, 0%, 0%, 0.1);
|
|
|
|
|
+
|
|
|
|
|
+ /* -- Link -------------------------------------------------------------------------------- */
|
|
|
|
|
+
|
|
|
|
|
+ --ck-color-link-default: hsl(240, 100%, 47%);
|
|
|
}
|
|
}
|