@_sh/strapi-plugin-ckeditor 1.0.5 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -15
- package/admin/src/components/CKEditor/build/ckeditor.js +1 -1
- package/admin/src/components/CKEditor/build/ckeditor.js.map +1 -1
- package/admin/src/components/CKEditor/styles.js +35 -37
- package/package.json +8 -2
- package/admin/src/components/CKEditor/theme-colors.css +0 -333
- package/assets/ckeditor5.png +0 -0
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
const styles = `
|
|
2
2
|
|
|
3
3
|
.ck-editor__main {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
--ck-font-face:"Source Sans Pro",system-ui,Roboto,"Helvetica Neue","Helvetica",Arial,sans-serif;
|
|
5
|
+
min-height: ${200 / 16}em;
|
|
6
|
+
color:var(--ck-color-editor-base-text);
|
|
7
|
+
font-family:var(--ck-font-face);
|
|
8
8
|
> div {
|
|
9
|
-
|
|
9
|
+
min-height: ${200 / 16}em;
|
|
10
10
|
}
|
|
11
11
|
.ck-editor__editable {
|
|
12
|
-
|
|
12
|
+
line-height: initial;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
div, applet, object, iframe,
|
|
@@ -25,44 +25,44 @@ const styles = `
|
|
|
25
25
|
details, embed, figure, figcaption,
|
|
26
26
|
footer, header, hgroup, menu, nav, output,
|
|
27
27
|
ruby, section, summary, time, mark, audio, video {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
font: revert;
|
|
29
|
+
margin:revert;
|
|
30
|
+
font-family:revert;
|
|
31
31
|
}
|
|
32
32
|
h1, .ck-heading_h1_b {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
font-size: 2.36em;
|
|
34
|
+
line-height: 1.33em;
|
|
35
|
+
padding-top: 1em;
|
|
36
|
+
margin-bottom: 1.67em;
|
|
37
|
+
font-weight: 400;
|
|
38
38
|
}
|
|
39
39
|
h2, .ck-heading_h2_b {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
40
|
+
font-size: 1.68em;
|
|
41
|
+
line-height: 1.68em;
|
|
42
|
+
padding-top: 0.8em;
|
|
43
|
+
margin-bottom: 0.4em;
|
|
44
|
+
padding-bottom: 0.2em;
|
|
45
|
+
font-weight: 400;
|
|
46
46
|
}
|
|
47
47
|
h3, .ck-heading_h3_b{
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
48
|
+
font-size: 1.36em;
|
|
49
|
+
line-height: 1.5em;
|
|
50
|
+
padding-top: 0.8em;
|
|
51
|
+
margin-bottom: 0.2em;
|
|
52
|
+
font-weight: 400;
|
|
53
53
|
}
|
|
54
54
|
h4 {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
55
|
+
font-size: 1.15em;
|
|
56
|
+
line-height: 1.4em;
|
|
57
|
+
padding-top: 0.7em;
|
|
58
|
+
margin-bottom: 0.1em;
|
|
59
|
+
font-weight: 400;
|
|
60
60
|
}
|
|
61
61
|
p{
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
62
|
+
font-size: 1em;
|
|
63
|
+
line-height: 1.6em;
|
|
64
|
+
padding-top: 0.2em;
|
|
65
|
+
margin-bottom: 0.8em;
|
|
66
66
|
}
|
|
67
67
|
.ck-heading_h1_b, h2.ck-heading_h2_b, .ck-heading_h3_b{
|
|
68
68
|
border-bottom: 1px solid #e9e9e9;
|
|
@@ -98,8 +98,6 @@ const styles = `
|
|
|
98
98
|
sup{
|
|
99
99
|
vertical-align: super
|
|
100
100
|
}
|
|
101
|
-
|
|
102
|
-
|
|
103
101
|
}
|
|
104
102
|
|
|
105
103
|
/*
|
|
@@ -515,6 +513,6 @@ const styles = `
|
|
|
515
513
|
display: none;
|
|
516
514
|
}
|
|
517
515
|
}
|
|
518
|
-
|
|
516
|
+
`;
|
|
519
517
|
|
|
520
518
|
export default styles
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@_sh/strapi-plugin-ckeditor",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.8",
|
|
4
4
|
"description": "Replaces the default Strapi WYSIWYG editor with a customized buil of CKEditor 5 packed with useful plugins.",
|
|
5
5
|
"private": false,
|
|
6
6
|
"keywords": [
|
|
@@ -19,6 +19,12 @@
|
|
|
19
19
|
"description": "Replaces the default Strapi WYSIWYG editor with a customized buil of CKEditor 5 packed with useful plugins.",
|
|
20
20
|
"kind": "plugin"
|
|
21
21
|
},
|
|
22
|
+
"files": [
|
|
23
|
+
"admin",
|
|
24
|
+
"server",
|
|
25
|
+
"strapi-admin.js",
|
|
26
|
+
"strapi-server.js"
|
|
27
|
+
],
|
|
22
28
|
"dependencies": {
|
|
23
29
|
"@ckeditor/ckeditor5-react": "5.0.0"
|
|
24
30
|
},
|
|
@@ -28,7 +34,7 @@
|
|
|
28
34
|
"author": {
|
|
29
35
|
"name": "nshenderov"
|
|
30
36
|
},
|
|
31
|
-
"homepage": "https://
|
|
37
|
+
"homepage": "https://market.strapi.io/plugins/@_sh-strapi-plugin-ckeditor",
|
|
32
38
|
"repository": {
|
|
33
39
|
"type": "git",
|
|
34
40
|
"url": "https://github.com/nshenderov/strapi-plugin-ckeditor.git"
|
|
@@ -1,333 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
/* Overrides the border radius setting in the theme. */
|
|
3
|
-
--ck-border-radius: 4px;
|
|
4
|
-
|
|
5
|
-
/* Helper variables to avoid duplication in the colors. */
|
|
6
|
-
--ck-custom-background: hsl(270, 56%, 37%);
|
|
7
|
-
--ck-custom-foreground: hsl(255, 3%, 18%);
|
|
8
|
-
--ck-custom-border: hsl(300, 1%, 22%);
|
|
9
|
-
--ck-custom-white: hsl(0, 0%, 100%);
|
|
10
|
-
|
|
11
|
-
/* -- Overrides generic colors. ------------------------------------------------------------- */
|
|
12
|
-
|
|
13
|
-
--ck-color-base-foreground: var(--ck-custom-background);
|
|
14
|
-
--ck-color-focus-border: hsl(208, 90%, 62%);
|
|
15
|
-
--ck-color-text: hsl(0, 0%, 98%);
|
|
16
|
-
--ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2);
|
|
17
|
-
--ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1);
|
|
18
|
-
|
|
19
|
-
/* -- Overrides the default .ck-button class colors. ---------------------------------------- */
|
|
20
|
-
|
|
21
|
-
--ck-color-button-default-background: var(--ck-custom-background);
|
|
22
|
-
--ck-color-button-default-hover-background: hsl(270, 1%, 22%);
|
|
23
|
-
--ck-color-button-default-active-background: hsl(270, 2%, 20%);
|
|
24
|
-
--ck-color-button-default-active-shadow: hsl(270, 2%, 23%);
|
|
25
|
-
--ck-color-button-default-disabled-background: var(--ck-custom-background);
|
|
26
|
-
|
|
27
|
-
--ck-color-button-on-background: var(--ck-custom-foreground);
|
|
28
|
-
--ck-color-button-on-hover-background: hsl(255, 4%, 16%);
|
|
29
|
-
--ck-color-button-on-active-background: hsl(255, 4%, 14%);
|
|
30
|
-
--ck-color-button-on-active-shadow: hsl(240, 3%, 19%);
|
|
31
|
-
--ck-color-button-on-disabled-background: var(--ck-custom-foreground);
|
|
32
|
-
|
|
33
|
-
--ck-color-button-action-background: hsl(168, 76%, 42%);
|
|
34
|
-
--ck-color-button-action-hover-background: hsl(168, 76%, 38%);
|
|
35
|
-
--ck-color-button-action-active-background: hsl(168, 76%, 36%);
|
|
36
|
-
--ck-color-button-action-active-shadow: hsl(168, 75%, 34%);
|
|
37
|
-
--ck-color-button-action-disabled-background: hsl(168, 76%, 42%);
|
|
38
|
-
--ck-color-button-action-text: var(--ck-custom-white);
|
|
39
|
-
|
|
40
|
-
--ck-color-button-save: hsl(120, 100%, 46%);
|
|
41
|
-
--ck-color-button-cancel: hsl(15, 100%, 56%);
|
|
42
|
-
|
|
43
|
-
/* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
|
|
44
|
-
|
|
45
|
-
--ck-color-dropdown-panel-background: var(--ck-custom-background);
|
|
46
|
-
--ck-color-dropdown-panel-border: var(--ck-custom-foreground);
|
|
47
|
-
|
|
48
|
-
/* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
|
|
49
|
-
|
|
50
|
-
--ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);
|
|
51
|
-
--ck-color-split-button-hover-border: var(--ck-custom-foreground);
|
|
52
|
-
|
|
53
|
-
/* -- Overrides the default .ck-input class colors. ----------------------------------------- */
|
|
54
|
-
|
|
55
|
-
--ck-color-input-background: var(--ck-custom-background);
|
|
56
|
-
--ck-color-input-border: hsl(257, 3%, 43%);
|
|
57
|
-
--ck-color-input-text: hsl(0, 0%, 98%);
|
|
58
|
-
--ck-color-input-disabled-background: hsl(255, 4%, 21%);
|
|
59
|
-
--ck-color-input-disabled-border: hsl(250, 3%, 38%);
|
|
60
|
-
--ck-color-input-disabled-text: hsl(0, 0%, 78%);
|
|
61
|
-
|
|
62
|
-
/* -- Overrides the default .ck-labeled-field-view class colors. ---------------------------- */
|
|
63
|
-
|
|
64
|
-
--ck-color-labeled-field-label-background: var(--ck-custom-background);
|
|
65
|
-
|
|
66
|
-
/* -- Overrides the default .ck-list class colors. ------------------------------------------ */
|
|
67
|
-
|
|
68
|
-
--ck-color-list-background: var(--ck-custom-background);
|
|
69
|
-
--ck-color-list-button-hover-background: var(--ck-color-base-foreground);
|
|
70
|
-
--ck-color-list-button-on-background: var(--ck-color-base-active);
|
|
71
|
-
--ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);
|
|
72
|
-
--ck-color-list-button-on-text: var(--ck-color-base-background);
|
|
73
|
-
|
|
74
|
-
/* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */
|
|
75
|
-
|
|
76
|
-
--ck-color-panel-background: var(--ck-custom-background);
|
|
77
|
-
--ck-color-panel-border: var(--ck-custom-border);
|
|
78
|
-
|
|
79
|
-
/* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */
|
|
80
|
-
|
|
81
|
-
--ck-color-toolbar-background: var(--ck-custom-background);
|
|
82
|
-
--ck-color-toolbar-border: var(--ck-custom-border);
|
|
83
|
-
|
|
84
|
-
/* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */
|
|
85
|
-
|
|
86
|
-
--ck-color-tooltip-background: hsl(252, 7%, 14%);
|
|
87
|
-
--ck-color-tooltip-text: hsl(0, 0%, 93%);
|
|
88
|
-
|
|
89
|
-
/* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */
|
|
90
|
-
|
|
91
|
-
--ck-color-image-caption-background: hsl(0, 0%, 97%);
|
|
92
|
-
--ck-color-image-caption-text: hsl(0, 0%, 20%);
|
|
93
|
-
|
|
94
|
-
/* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */
|
|
95
|
-
|
|
96
|
-
--ck-color-widget-blurred-border: hsl(0, 0%, 87%);
|
|
97
|
-
--ck-color-widget-hover-border: hsl(43, 100%, 68%);
|
|
98
|
-
--ck-color-widget-editable-focus-background: var(--ck-custom-white);
|
|
99
|
-
|
|
100
|
-
/* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
|
|
101
|
-
|
|
102
|
-
--ck-color-link-default: hsl(190, 100%, 75%);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
html[data-theme='light'] {
|
|
106
|
-
--ck-color-editor-base-text:#1A1A1A;
|
|
107
|
-
/* Overrides the border radius setting in the theme. */
|
|
108
|
-
--ck-border-radius: 4px;
|
|
109
|
-
|
|
110
|
-
/* Helper variables to avoid duplication in the colors. */
|
|
111
|
-
--ck-color-base-border: #EAEAEF;
|
|
112
|
-
--ck-color-base-background:#ffffff;
|
|
113
|
-
--ck-custom-background: #ffffff;
|
|
114
|
-
--ck-custom-foreground: #dedede;
|
|
115
|
-
--ck-custom-border: #EAEAEF;
|
|
116
|
-
--ck-custom-white: hsl(0, 0%, 100%);
|
|
117
|
-
|
|
118
|
-
--ck-color-focus-outer-shadow:#F0F0FF;
|
|
119
|
-
|
|
120
|
-
--ck-color-base-focus: #bbbaf1;
|
|
121
|
-
--ck-color-base-active: #F0F0FF;
|
|
122
|
-
--ck-color-base-active-focus: #e2e2fd;
|
|
123
|
-
/* -- Overrides generic colors. ------------------------------------------------------------- */
|
|
124
|
-
|
|
125
|
-
--ck-color-base-foreground: var(--ck-custom-background);
|
|
126
|
-
--ck-color-focus-border: #4945FF;
|
|
127
|
-
--ck-color-text: #32324D;
|
|
128
|
-
/* --ck-color-text: hsl(240, 18%, 33%); */
|
|
129
|
-
--ck-color-shadow-drop: hsla(250, 31%, 80%, 0.1);
|
|
130
|
-
--ck-color-shadow-inner: hsla(250, 31%, 80%, 0.1);
|
|
131
|
-
|
|
132
|
-
/* -- Overrides the default .ck-button class colors. ---------------------------------------- */
|
|
133
|
-
|
|
134
|
-
--ck-color-button-default-background: var(--ck-custom-background);
|
|
135
|
-
--ck-color-button-default-hover-background: #F0F0FF;
|
|
136
|
-
--ck-color-button-default-active-background: #dedefb;
|
|
137
|
-
--ck-color-button-default-active-shadow: #dedefb;
|
|
138
|
-
--ck-color-button-default-disabled-background: var(--ck-custom-background);
|
|
139
|
-
|
|
140
|
-
--ck-color-button-on-background: #F0F0FF;
|
|
141
|
-
--ck-color-button-on-hover-background: #dbdbff;
|
|
142
|
-
--ck-color-button-on-active-background: #cdcdf8;
|
|
143
|
-
--ck-color-button-on-active-shadow: #cdcdf8;
|
|
144
|
-
--ck-color-button-on-disabled-background: var(--ck-custom-foreground);
|
|
145
|
-
|
|
146
|
-
--ck-color-button-action-background: hsl(168, 76%, 42%);
|
|
147
|
-
--ck-color-button-action-hover-background: hsl(168, 76%, 38%);
|
|
148
|
-
--ck-color-button-action-active-background: hsl(168, 76%, 36%);
|
|
149
|
-
--ck-color-button-action-active-shadow: hsl(168, 75%, 34%);
|
|
150
|
-
--ck-color-button-action-disabled-background: hsl(168, 76%, 42%);
|
|
151
|
-
--ck-color-button-action-text: var(--ck-custom-white);
|
|
152
|
-
|
|
153
|
-
--ck-color-button-save: hsl(120, 100%, 46%);
|
|
154
|
-
--ck-color-button-cancel: hsl(15, 100%, 56%);
|
|
155
|
-
|
|
156
|
-
/* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
|
|
157
|
-
|
|
158
|
-
--ck-color-dropdown-panel-background: var(--ck-custom-background);
|
|
159
|
-
--ck-color-dropdown-panel-border: var(--ck-custom-foreground);
|
|
160
|
-
|
|
161
|
-
/* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
|
|
162
|
-
|
|
163
|
-
--ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);
|
|
164
|
-
--ck-color-split-button-hover-border: var(--ck-custom-foreground);
|
|
165
|
-
|
|
166
|
-
/* -- Overrides the default .ck-input class colors. ----------------------------------------- */
|
|
167
|
-
|
|
168
|
-
--ck-color-input-background: var(--ck-custom-background);
|
|
169
|
-
--ck-color-input-border: hsl(257, 3%, 43%);
|
|
170
|
-
--ck-color-input-text: hsl(0, 0%, 98%);
|
|
171
|
-
--ck-color-input-disabled-background: hsl(0, 0%, 97%);
|
|
172
|
-
--ck-color-input-disabled-border: rgb(214, 214, 214);
|
|
173
|
-
--ck-color-input-disabled-text: hsl(0, 0%, 78%);
|
|
174
|
-
|
|
175
|
-
/* -- Overrides the default .ck-labeled-field-view class colors. ---------------------------- */
|
|
176
|
-
|
|
177
|
-
--ck-color-labeled-field-label-background: var(--ck-custom-background);
|
|
178
|
-
|
|
179
|
-
/* -- Overrides the default .ck-list class colors. ------------------------------------------ */
|
|
180
|
-
|
|
181
|
-
--ck-color-list-background: var(--ck-custom-background);
|
|
182
|
-
--ck-color-list-button-hover-background: #f4f4fb;
|
|
183
|
-
--ck-color-list-button-on-background: var(--ck-color-base-active);
|
|
184
|
-
--ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);
|
|
185
|
-
--ck-color-list-button-on-text: #271FE2;
|
|
186
|
-
|
|
187
|
-
/* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */
|
|
188
|
-
|
|
189
|
-
--ck-color-panel-background: var(--ck-custom-background);
|
|
190
|
-
--ck-color-panel-border: var(--ck-custom-border);
|
|
191
|
-
|
|
192
|
-
/* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */
|
|
193
|
-
|
|
194
|
-
--ck-color-toolbar-background: var(--ck-custom-background);
|
|
195
|
-
--ck-color-toolbar-border: var(--ck-custom-border);
|
|
196
|
-
|
|
197
|
-
/* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */
|
|
198
|
-
|
|
199
|
-
--ck-color-tooltip-background: #3a3955;
|
|
200
|
-
--ck-color-tooltip-text: hsl(0, 0%, 93%);
|
|
201
|
-
|
|
202
|
-
/* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */
|
|
203
|
-
|
|
204
|
-
--ck-color-image-caption-background: hsl(0, 0%, 97%);
|
|
205
|
-
--ck-color-image-caption-text: hsl(0, 0%, 20%);
|
|
206
|
-
|
|
207
|
-
/* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */
|
|
208
|
-
|
|
209
|
-
--ck-color-widget-blurred-border: #cfcffa;
|
|
210
|
-
--ck-color-widget-hover-border: #c9c9e4;
|
|
211
|
-
--ck-color-widget-editable-focus-background: var(--ck-custom-white);
|
|
212
|
-
|
|
213
|
-
/* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
|
|
214
|
-
|
|
215
|
-
--ck-color-link-default: hsl(209, 89%, 33%);
|
|
216
|
-
|
|
217
|
-
}
|
|
218
|
-
|
|
219
|
-
html[data-theme='dark'] {
|
|
220
|
-
--ck-color-editor-base-text:rgb(236, 236, 236);
|
|
221
|
-
/* Overrides the border radius setting in the theme. */
|
|
222
|
-
--ck-border-radius: 4px;
|
|
223
|
-
|
|
224
|
-
/* Overrides the default font size in the theme. */
|
|
225
|
-
/* --ck-font-size-base: 14px; */
|
|
226
|
-
/* Helper variables to avoid duplication in the colors. */
|
|
227
|
-
--ck-color-base-border: #4A4A6A;
|
|
228
|
-
/* --ck-color-base-background:#212134; */
|
|
229
|
-
/* --ck-color-base-background:#292943; */
|
|
230
|
-
--ck-color-base-background:#27273e;
|
|
231
|
-
--ck-custom-background: #212134;
|
|
232
|
-
--ck-custom-foreground: #26263b;
|
|
233
|
-
--ck-custom-border: #4A4A6A;
|
|
234
|
-
--ck-custom-white: hsl(0, 0%, 100%);
|
|
235
|
-
|
|
236
|
-
--ck-color-focus-outer-shadow:#bbbaf1;
|
|
237
|
-
|
|
238
|
-
--ck-color-base-focus: #bbbaf1;
|
|
239
|
-
--ck-color-base-active: #8280fc;
|
|
240
|
-
--ck-color-base-active-focus: #7B79FF;
|
|
241
|
-
/* -- Overrides generic colors. ------------------------------------------------------------- */
|
|
242
|
-
|
|
243
|
-
--ck-color-base-foreground: var(--ck-custom-background);
|
|
244
|
-
--ck-color-focus-border: #6765bd;
|
|
245
|
-
--ck-color-text: hsl(0, 0%, 93%);
|
|
246
|
-
--ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2);
|
|
247
|
-
--ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1);
|
|
248
|
-
|
|
249
|
-
/* -- Overrides the default .ck-button class colors. ---------------------------------------- */
|
|
250
|
-
|
|
251
|
-
--ck-color-button-default-background: var(--ck-custom-background);
|
|
252
|
-
--ck-color-button-default-hover-background: #7B79FF;
|
|
253
|
-
--ck-color-button-default-active-background: #7B79FF;
|
|
254
|
-
--ck-color-button-default-active-shadow: #7B79FF;
|
|
255
|
-
--ck-color-button-default-disabled-background: var(--ck-custom-background);
|
|
256
|
-
|
|
257
|
-
--ck-color-button-on-background: #7776da;
|
|
258
|
-
--ck-color-button-on-hover-background: #7B79FF;
|
|
259
|
-
--ck-color-button-on-active-background: #8280fc;
|
|
260
|
-
--ck-color-button-on-active-shadow: #807ed3;
|
|
261
|
-
--ck-color-button-on-disabled-background: var(--ck-custom-foreground);
|
|
262
|
-
|
|
263
|
-
--ck-color-button-action-background: hsl(168, 76%, 42%);
|
|
264
|
-
--ck-color-button-action-hover-background: hsl(168, 76%, 38%);
|
|
265
|
-
--ck-color-button-action-active-background: hsl(168, 76%, 36%);
|
|
266
|
-
--ck-color-button-action-active-shadow: hsl(168, 75%, 34%);
|
|
267
|
-
--ck-color-button-action-disabled-background: hsl(168, 76%, 42%);
|
|
268
|
-
--ck-color-button-action-text: var(--ck-custom-white);
|
|
269
|
-
|
|
270
|
-
--ck-color-button-save: hsl(120, 100%, 46%);
|
|
271
|
-
--ck-color-button-cancel: hsl(15, 100%, 56%);
|
|
272
|
-
|
|
273
|
-
/* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
|
|
274
|
-
|
|
275
|
-
--ck-color-dropdown-panel-background: var(--ck-custom-background);
|
|
276
|
-
--ck-color-dropdown-panel-border: var(--ck-custom-foreground);
|
|
277
|
-
|
|
278
|
-
/* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
|
|
279
|
-
|
|
280
|
-
--ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);
|
|
281
|
-
--ck-color-split-button-hover-border: var(--ck-custom-foreground);
|
|
282
|
-
|
|
283
|
-
/* -- Overrides the default .ck-input class colors. ----------------------------------------- */
|
|
284
|
-
|
|
285
|
-
--ck-color-input-background: var(--ck-custom-background);
|
|
286
|
-
--ck-color-input-border: hsl(257, 3%, 43%);
|
|
287
|
-
--ck-color-input-text: hsl(0, 0%, 98%);
|
|
288
|
-
--ck-color-input-disabled-background: hsl(255, 4%, 21%);
|
|
289
|
-
--ck-color-input-disabled-border: hsl(250, 3%, 38%);
|
|
290
|
-
--ck-color-input-disabled-text: hsl(0, 0%, 78%);
|
|
291
|
-
|
|
292
|
-
/* -- Overrides the default .ck-labeled-field-view class colors. ---------------------------- */
|
|
293
|
-
|
|
294
|
-
--ck-color-labeled-field-label-background: var(--ck-custom-background);
|
|
295
|
-
|
|
296
|
-
/* -- Overrides the default .ck-list class colors. ------------------------------------------ */
|
|
297
|
-
|
|
298
|
-
--ck-color-list-background: var(--ck-custom-background);
|
|
299
|
-
--ck-color-list-button-hover-background: #3d3d56;
|
|
300
|
-
--ck-color-list-button-on-background: var(--ck-color-base-active);
|
|
301
|
-
--ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);
|
|
302
|
-
--ck-color-list-button-on-text: #ffffff;
|
|
303
|
-
|
|
304
|
-
/* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */
|
|
305
|
-
|
|
306
|
-
--ck-color-panel-background: var(--ck-custom-background);
|
|
307
|
-
--ck-color-panel-border: var(--ck-custom-border);
|
|
308
|
-
|
|
309
|
-
/* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */
|
|
310
|
-
|
|
311
|
-
--ck-color-toolbar-background: var(--ck-custom-background);
|
|
312
|
-
--ck-color-toolbar-border: var(--ck-custom-border);
|
|
313
|
-
|
|
314
|
-
/* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */
|
|
315
|
-
|
|
316
|
-
--ck-color-tooltip-background: #3a3955;
|
|
317
|
-
--ck-color-tooltip-text: hsl(0, 0%, 93%);
|
|
318
|
-
|
|
319
|
-
/* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */
|
|
320
|
-
|
|
321
|
-
--ck-color-image-caption-background: hsl(0, 0%, 97%);
|
|
322
|
-
--ck-color-image-caption-text: hsl(0, 0%, 20%);
|
|
323
|
-
|
|
324
|
-
/* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */
|
|
325
|
-
|
|
326
|
-
--ck-color-widget-blurred-border: #7c7c96;
|
|
327
|
-
--ck-color-widget-hover-border: #666687;
|
|
328
|
-
--ck-color-widget-editable-focus-background: var(--ck-custom-white);
|
|
329
|
-
|
|
330
|
-
/* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
|
|
331
|
-
|
|
332
|
-
--ck-color-link-default: hsl(216, 100%, 75%);
|
|
333
|
-
}
|
package/assets/ckeditor5.png
DELETED
|
Binary file
|