@_sh/strapi-plugin-ckeditor 1.0.7 → 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 CHANGED
@@ -250,7 +250,7 @@ For theme colors switching this plugin uses css variables depending on html data
250
250
 
251
251
  [**👔 Default styles**](https://github.com/nshenderov/strapi-plugin-ckeditor/blob/master/admin/src/components/CKEditor/styles.js#L3-L517)
252
252
 
253
- [**🎨 Default colour variables**](https://github.com/nshenderov/strapi-plugin-ckeditor/blob/master/admin/src/components/CKEditor/theme-colors.css#L105-L333)
253
+ [**🎨 Default colour variables**](https://github.com/nshenderov/strapi-plugin-ckeditor/blob/master/assets/theme-colors.css#L105-L333)
254
254
 
255
255
  **Example of customization:**
256
256
  ```js
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@_sh/strapi-plugin-ckeditor",
3
- "version": "1.0.7",
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
  },
@@ -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
- }
Binary file