@syncfusion/ej2-react-richtexteditor 19.4.56 → 20.1.47

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.
Files changed (37) hide show
  1. package/CHANGELOG.md +1 -69
  2. package/dist/ej2-react-richtexteditor.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +6 -3
  5. package/styles/bootstrap.css +6 -3
  6. package/styles/bootstrap4.css +2 -2
  7. package/styles/bootstrap5-dark.css +30 -6
  8. package/styles/bootstrap5.css +31 -7
  9. package/styles/fabric-dark.css +2 -2
  10. package/styles/fabric.css +2 -2
  11. package/styles/fluent-dark.css +3001 -0
  12. package/styles/fluent-dark.scss +1 -0
  13. package/styles/fluent.css +3001 -0
  14. package/styles/fluent.scss +1 -0
  15. package/styles/highcontrast-light.css +2 -2
  16. package/styles/highcontrast.css +2 -2
  17. package/styles/material-dark.css +2 -2
  18. package/styles/material.css +2 -2
  19. package/styles/rich-text-editor/bootstrap-dark.css +6 -3
  20. package/styles/rich-text-editor/bootstrap.css +6 -3
  21. package/styles/rich-text-editor/bootstrap4.css +2 -2
  22. package/styles/rich-text-editor/bootstrap5-dark.css +30 -6
  23. package/styles/rich-text-editor/bootstrap5.css +31 -7
  24. package/styles/rich-text-editor/fabric-dark.css +2 -2
  25. package/styles/rich-text-editor/fabric.css +2 -2
  26. package/styles/rich-text-editor/fluent-dark.css +3001 -0
  27. package/styles/rich-text-editor/fluent-dark.scss +1 -0
  28. package/styles/rich-text-editor/fluent.css +3001 -0
  29. package/styles/rich-text-editor/fluent.scss +1 -0
  30. package/styles/rich-text-editor/highcontrast-light.css +2 -2
  31. package/styles/rich-text-editor/highcontrast.css +2 -2
  32. package/styles/rich-text-editor/material-dark.css +2 -2
  33. package/styles/rich-text-editor/material.css +2 -2
  34. package/styles/rich-text-editor/tailwind-dark.css +104 -85
  35. package/styles/rich-text-editor/tailwind.css +105 -86
  36. package/styles/tailwind-dark.css +104 -85
  37. package/styles/tailwind.css +105 -86
@@ -3,363 +3,363 @@
3
3
  /*! richtexteditor icons */
4
4
  .e-rte-toolbar .e-alignments::before,
5
5
  .e-rte-dropdown-popup .e-alignments::before {
6
- content: '\e7ae';
6
+ content: '\e7b8';
7
7
  }
8
8
 
9
9
  .e-rte-toolbar .e-justify-left::before,
10
10
  .e-rte-dropdown-popup .e-justify-left::before {
11
- content: '\e7ae';
11
+ content: '\e7b8';
12
12
  }
13
13
 
14
14
  .e-rte-toolbar .e-justify-center::before,
15
15
  .e-rte-dropdown-popup .e-justify-center::before {
16
- content: '\e74f';
16
+ content: '\e813';
17
17
  }
18
18
 
19
19
  .e-rte-toolbar .e-justify-right::before,
20
20
  .e-rte-dropdown-popup .e-justify-right::before {
21
- content: '\e772';
21
+ content: '\e719';
22
22
  }
23
23
 
24
24
  .e-rte-toolbar .e-justify-full::before,
25
25
  .e-rte-dropdown-popup .e-justify-full::before {
26
- content: '\e723';
26
+ content: '\e721';
27
27
  }
28
28
 
29
29
  .e-rte-toolbar .e-font-name::before,
30
30
  .e-rte-dropdown-popup .e-font-name::before {
31
- content: '\e766';
31
+ content: '\e76f';
32
32
  }
33
33
 
34
34
  .e-rte-toolbar .e-font-color::before,
35
35
  .e-rte-dropdown-popup .e-font-color::before {
36
- content: '\e775';
36
+ content: '\e79f';
37
37
  }
38
38
 
39
39
  .e-rte-toolbar .e-background-color::before,
40
40
  .e-rte-dropdown-popup .e-background-color::before {
41
- content: '\e782';
41
+ content: '\e783';
42
42
  }
43
43
 
44
44
  .e-rte-toolbar .e-bold::before,
45
45
  .e-rte-dropdown-popup .e-bold::before {
46
- content: '\e79d';
46
+ content: '\e737';
47
47
  }
48
48
 
49
49
  .e-rte-toolbar .e-italic::before,
50
50
  .e-rte-dropdown-popup .e-italic::before {
51
- content: '\e722';
51
+ content: '\e75a';
52
52
  }
53
53
 
54
54
  .e-rte-toolbar .e-underline::before,
55
55
  .e-rte-dropdown-popup .e-underline::before {
56
- content: '\e7d4';
56
+ content: '\e82f';
57
57
  }
58
58
 
59
59
  .e-rte-toolbar .e-strike-through::before,
60
60
  .e-rte-dropdown-popup .e-strike-through::before {
61
- content: '\e760';
61
+ content: '\e758';
62
62
  }
63
63
 
64
64
  .e-rte-toolbar .e-clear-format::before,
65
65
  .e-rte-dropdown-popup .e-clear-format::before {
66
- content: '\e76b';
66
+ content: '\e803';
67
67
  }
68
68
 
69
69
  .e-rte-toolbar .e-clear-all::before,
70
70
  .e-rte-dropdown-popup .e-clear-all::before {
71
- content: '\e76b';
71
+ content: '\e7cc';
72
72
  }
73
73
 
74
74
  .e-rte-toolbar .e-cut::before,
75
75
  .e-rte-dropdown-popup .e-cut::before {
76
- content: '\e763';
76
+ content: '\e7fb';
77
77
  }
78
78
 
79
79
  .e-rte-toolbar .e-copy::before,
80
80
  .e-rte-dropdown-popup .e-copy::before {
81
- content: '\e7ce';
81
+ content: '\e77c';
82
82
  }
83
83
 
84
84
  .e-rte-toolbar .e-paste::before,
85
85
  .e-rte-dropdown-popup .e-paste::before {
86
- content: '\e75e';
86
+ content: '\e70b';
87
87
  }
88
88
 
89
89
  .e-rte-toolbar .e-unorder-list::before,
90
90
  .e-rte-dropdown-popup .e-unorder-list::before {
91
- content: '\e743';
91
+ content: '\e77e';
92
92
  }
93
93
 
94
94
  .e-rte-toolbar .e-order-list::before,
95
95
  .e-rte-dropdown-popup .e-order-list::before {
96
- content: '\e71f';
96
+ content: '\e7cb';
97
97
  }
98
98
 
99
99
  .e-rte-toolbar .e-indent::before,
100
100
  .e-rte-dropdown-popup .e-indent::before {
101
- content: '\e7ac';
101
+ content: '\e810';
102
102
  }
103
103
 
104
104
  .e-rte-toolbar .e-outdent::before,
105
105
  .e-rte-dropdown-popup .e-outdent::before {
106
- content: '\e735';
106
+ content: '\e72a';
107
107
  }
108
108
 
109
109
  .e-rte-toolbar .e-undo::before,
110
110
  .e-rte-dropdown-popup .e-undo::before {
111
- content: '\e7bd';
111
+ content: '\e713';
112
112
  }
113
113
 
114
114
  .e-rte-toolbar .e-redo::before,
115
115
  .e-rte-dropdown-popup .e-redo::before {
116
- content: '\e7b9';
116
+ content: '\e755';
117
117
  }
118
118
 
119
119
  .e-rte-toolbar .e-super-script::before,
120
120
  .e-rte-dropdown-popup .e-super-script::before {
121
- content: '\e7cb';
121
+ content: '\e7a7';
122
122
  }
123
123
 
124
124
  .e-rte-toolbar .e-sub-script::before,
125
125
  .e-rte-dropdown-popup .e-sub-script::before {
126
- content: '\e7b4';
126
+ content: '\e80a';
127
127
  }
128
128
 
129
129
  .e-rte-toolbar .e-create-link::before,
130
130
  .e-rte-dropdown-popup .e-create-link::before {
131
- content: '\e74a';
131
+ content: '\e757';
132
132
  }
133
133
 
134
134
  .e-rte-toolbar .e-open-link::before,
135
135
  .e-rte-dropdown-popup .e-open-link::before {
136
- content: '\e778';
136
+ content: '\e77a';
137
137
  }
138
138
 
139
139
  .e-rte-toolbar .e-edit-link::before,
140
140
  .e-rte-dropdown-popup .e-edit-link::before {
141
- content: '\e7d2';
141
+ content: '\e722';
142
142
  }
143
143
 
144
144
  .e-rte-toolbar .e-remove-link::before,
145
145
  .e-rte-dropdown-popup .e-remove-link::before {
146
- content: '\e776';
146
+ content: '\e80c';
147
147
  }
148
148
 
149
149
  .e-rte-toolbar .e-image::before,
150
150
  .e-rte-dropdown-popup .e-image::before {
151
- content: '\e7da';
151
+ content: '\e786';
152
152
  }
153
153
 
154
154
  .e-rte-toolbar .e-replace::before,
155
155
  .e-rte-dropdown-popup .e-replace::before {
156
- content: '\e71c';
156
+ content: '\e710';
157
157
  }
158
158
 
159
159
  .e-rte-toolbar .e-align::before,
160
160
  .e-rte-dropdown-popup .e-align::before {
161
- content: '\e7ae';
161
+ content: '\e7b8';
162
162
  }
163
163
 
164
164
  .e-rte-toolbar .e-caption::before,
165
165
  .e-rte-dropdown-popup .e-caption::before {
166
- content: '\e785';
166
+ content: '\e82e';
167
167
  }
168
168
 
169
169
  .e-rte-toolbar .e-remove::before,
170
170
  .e-rte-dropdown-popup .e-remove::before {
171
- content: '\e78d';
171
+ content: '\e820';
172
172
  }
173
173
 
174
174
  .e-rte-toolbar .e-insert-link::before,
175
175
  .e-rte-dropdown-popup .e-insert-link::before {
176
- content: '\e74a';
176
+ content: '\e757';
177
177
  }
178
178
 
179
179
  .e-rte-toolbar .e-display::before,
180
180
  .e-rte-dropdown-popup .e-display::before {
181
- content: '\e7c7';
181
+ content: '\e7b7';
182
182
  }
183
183
 
184
184
  .e-rte-toolbar .e-alt-text::before,
185
185
  .e-rte-dropdown-popup .e-alt-text::before {
186
- content: '\e70d';
186
+ content: '\e769';
187
187
  }
188
188
 
189
189
  .e-rte-toolbar .e-img-dimension::before,
190
190
  .e-rte-dropdown-popup .e-img-dimension::before {
191
- content: '\e756';
191
+ content: '\e879';
192
192
  }
193
193
 
194
194
  .e-rte-toolbar .e-maximize::before,
195
195
  .e-rte-dropdown-popup .e-maximize::before {
196
- content: '\e77c';
196
+ content: '\e81c';
197
197
  }
198
198
 
199
199
  .e-rte-toolbar .e-minimize::before,
200
200
  .e-rte-dropdown-popup .e-minimize::before {
201
- content: '\e734';
201
+ content: '\e7b0';
202
202
  }
203
203
 
204
204
  .e-rte-toolbar .e-zoom-in::before,
205
205
  .e-rte-dropdown-popup .e-zoom-in::before {
206
- content: '\e70a';
206
+ content: '\e795';
207
207
  }
208
208
 
209
209
  .e-rte-toolbar .e-zoom-out::before,
210
210
  .e-rte-dropdown-popup .e-zoom-out::before {
211
- content: '\e779';
211
+ content: '\e825';
212
212
  }
213
213
 
214
214
  .e-rte-toolbar .e-lower-case::before,
215
215
  .e-rte-dropdown-popup .e-lower-case::before {
216
- content: '\e720';
216
+ content: '\e746';
217
217
  }
218
218
 
219
219
  .e-rte-toolbar .e-upper-case::before,
220
220
  .e-rte-dropdown-popup .e-upper-case::before {
221
- content: '\e79e';
221
+ content: '\e793';
222
222
  }
223
223
 
224
224
  .e-rte-toolbar .e-print::before,
225
225
  .e-rte-dropdown-popup .e-print::before {
226
- content: '\e76c';
226
+ content: '\e75d';
227
227
  }
228
228
 
229
229
  .e-rte-toolbar .e-formats::before,
230
230
  .e-rte-dropdown-popup .e-formats::before {
231
- content: '\e72d';
231
+ content: '\e844';
232
232
  }
233
233
 
234
234
  .e-rte-toolbar .e-source-code::before,
235
235
  .e-rte-dropdown-popup .e-source-code::before {
236
- content: '\e748';
236
+ content: '\e80e';
237
237
  }
238
238
 
239
239
  .e-rte-toolbar .e-preview::before,
240
240
  .e-rte-dropdown-popup .e-preview::before {
241
- content: '\e7d0';
241
+ content: '\e7de';
242
242
  }
243
243
 
244
244
  .e-rte-toolbar .e-view-side::before,
245
245
  .e-rte-dropdown-popup .e-view-side::before {
246
- content: '\e7c0';
246
+ content: '\e82b';
247
247
  }
248
248
 
249
249
  .e-rte-toolbar .e-insert-code::before,
250
250
  .e-rte-dropdown-popup .e-insert-code::before {
251
- content: '\e759';
251
+ content: '\e831';
252
252
  }
253
253
 
254
254
  .e-rte-toolbar .e-table-header::before,
255
255
  .e-rte-dropdown-popup .e-table-header::before {
256
- content: '\e787';
256
+ content: '\e7c3';
257
257
  }
258
258
 
259
259
  .e-rte-toolbar .e-table-remove::before,
260
260
  .e-rte-dropdown-popup .e-table-remove::before {
261
- content: '\e78d';
261
+ content: '\e820';
262
262
  }
263
263
 
264
264
  .e-rte-toolbar .e-table-rows::before,
265
265
  .e-rte-dropdown-popup .e-table-rows::before {
266
- content: '\e78e';
266
+ content: '\e77f';
267
267
  }
268
268
 
269
269
  .e-rte-toolbar .e-table-columns::before,
270
270
  .e-rte-dropdown-popup .e-table-columns::before {
271
- content: '\e7dc';
271
+ content: '\e841';
272
272
  }
273
273
 
274
274
  .e-rte-toolbar .e-table-cell-ver-align::before,
275
275
  .e-rte-dropdown-popup .e-table-cell-ver-align::before {
276
- content: '\e7cc';
276
+ content: '\e74f';
277
277
  }
278
278
 
279
279
  .e-rte-toolbar .e-table-edit-properties::before,
280
280
  .e-rte-dropdown-popup .e-table-edit-properties::before {
281
- content: '\e7d2';
281
+ content: '\e730';
282
282
  }
283
283
 
284
284
  .e-rte-toolbar .e-create-table::before,
285
285
  .e-rte-dropdown-popup .e-create-table::before {
286
- content: '\e7a1';
286
+ content: '\e7e9';
287
287
  }
288
288
 
289
289
  .e-rte-toolbar .e-align-bottom::before,
290
290
  .e-rte-dropdown-popup .e-align-bottom::before {
291
- content: '\e73e';
291
+ content: '\e7a0';
292
292
  }
293
293
 
294
294
  .e-rte-toolbar .e-align-middle::before,
295
295
  .e-rte-dropdown-popup .e-align-middle::before {
296
- content: '\e7cc';
296
+ content: '\e74f';
297
297
  }
298
298
 
299
299
  .e-rte-toolbar .e-align-top::before,
300
300
  .e-rte-dropdown-popup .e-align-top::before {
301
- content: '\e709';
301
+ content: '\e707';
302
302
  }
303
303
 
304
304
  .e-rte-toolbar .e-insert-column-left::before,
305
305
  .e-rte-dropdown-popup .e-insert-column-left::before {
306
- content: '\e7db';
306
+ content: '\e78b';
307
307
  }
308
308
 
309
309
  .e-rte-toolbar .e-insert-column-right::before,
310
310
  .e-rte-dropdown-popup .e-insert-column-right::before {
311
- content: '\e710';
311
+ content: '\e70e';
312
312
  }
313
313
 
314
314
  .e-rte-toolbar .e-delete-column::before,
315
315
  .e-rte-dropdown-popup .e-delete-column::before {
316
- content: '\e721';
316
+ content: '\e714';
317
317
  }
318
318
 
319
319
  .e-rte-toolbar .e-insert-row-before::before,
320
320
  .e-rte-dropdown-popup .e-insert-row-before::before {
321
- content: '\e7dd';
321
+ content: '\e836';
322
322
  }
323
323
 
324
324
  .e-rte-toolbar .e-insert-row-after::before,
325
325
  .e-rte-dropdown-popup .e-insert-row-after::before {
326
- content: '\e757';
326
+ content: '\e801';
327
327
  }
328
328
 
329
329
  .e-rte-toolbar .e-delete-row::before,
330
330
  .e-rte-dropdown-popup .e-delete-row::before {
331
- content: '\e75a';
331
+ content: '\e7f2';
332
332
  }
333
333
 
334
334
  .e-rte-toolbar .e-style::before,
335
335
  .e-rte-dropdown-popup .e-style::before {
336
- content: '\e724';
336
+ content: '\e76e';
337
337
  }
338
338
 
339
339
  .e-rte-toolbar .e-rte-file-manager::before,
340
340
  .e-rte-dropdown-popup .e-rte-file-manager::before {
341
- content: '\e7d3';
341
+ content: '\e83c';
342
342
  }
343
343
 
344
344
  .e-richtexteditor .e-south-east::before,
345
345
  .e-richtexteditor .e-south-west::before {
346
- content: '\e715';
346
+ content: '\e761';
347
347
  }
348
348
 
349
349
  .e-cell-merge::before {
350
- content: '\e90f';
350
+ content: '\e83a';
351
351
  }
352
352
 
353
353
  .e-cell-horizontal-split::before {
354
- content: '\e90c';
354
+ content: '\e7a4';
355
355
  }
356
356
 
357
357
  .e-cell-vertical-split::before {
358
- content: '\e90a';
358
+ content: '\e732';
359
359
  }
360
360
 
361
361
  .e-table-cell::before {
362
- content: '\e917';
362
+ content: '\e7c2';
363
363
  }
364
364
 
365
365
  /*! tab layout */
@@ -752,6 +752,7 @@
752
752
  line-height: 1.5;
753
753
  opacity: 00.54;
754
754
  overflow: hidden;
755
+ padding: 12px;
755
756
  position: absolute;
756
757
  text-align: start;
757
758
  top: 0;
@@ -779,7 +780,7 @@
779
780
  min-height: 100px;
780
781
  outline: 0 solid transparent;
781
782
  overflow-x: auto;
782
- padding: 11px 12px 12px 13px;
783
+ padding: 12px;
783
784
  position: relative;
784
785
  text-align: inherit;
785
786
  z-index: 2;
@@ -916,10 +917,9 @@
916
917
  .e-richtexteditor .e-rte-character-count {
917
918
  bottom: 0;
918
919
  color: #6b7280;
919
- font-family: 'Times New Roman', Georgia, Serif;
920
920
  font-size: 14px;
921
921
  margin-right: 30px;
922
- opacity: 00.54;
922
+ opacity: 1;
923
923
  padding-bottom: 2px;
924
924
  position: absolute;
925
925
  right: 0;
@@ -2431,7 +2431,7 @@
2431
2431
  }
2432
2432
 
2433
2433
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-icons {
2434
- color: #fff;
2434
+ color: #d1d5db;
2435
2435
  }
2436
2436
 
2437
2437
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active {
@@ -2448,7 +2448,7 @@
2448
2448
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown:hover .e-rte-color-content::after,
2449
2449
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown:hover .e-rte-color-content::after,
2450
2450
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:hover .e-rte-color-content::after {
2451
- background: #1f2937;
2451
+ background: #374151;
2452
2452
  }
2453
2453
 
2454
2454
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:active:hover .e-icons,
@@ -2458,6 +2458,13 @@
2458
2458
  color: #4b5563;
2459
2459
  }
2460
2460
 
2461
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:active:hover .e-icons,
2462
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown:active:hover .e-icons,
2463
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown:active:hover .e-icons,
2464
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:active:hover .e-icons {
2465
+ color: #d1d5db;
2466
+ }
2467
+
2461
2468
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:active:hover .e-caret:active.e-icons,
2462
2469
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:active:hover .e-rte-color-content:active .e-icons,
2463
2470
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:active:hover .e-rte-list-primary-content:active .e-icons,
@@ -2477,7 +2484,7 @@
2477
2484
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown:hover,
2478
2485
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown:hover,
2479
2486
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:hover {
2480
- background: #4b5563;
2487
+ background: #374151;
2481
2488
  }
2482
2489
 
2483
2490
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:hover .e-rte-color-content:hover,
@@ -2488,7 +2495,7 @@
2488
2495
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown:hover .e-rte-list-primary-content:hover,
2489
2496
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:hover .e-rte-color-content:hover,
2490
2497
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:hover .e-rte-list-primary-content:hover {
2491
- background: #4b5563;
2498
+ background: #374151;
2492
2499
  }
2493
2500
 
2494
2501
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:hover .e-rte-color-content:focus,
@@ -2517,7 +2524,7 @@
2517
2524
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown:hover .e-caret:hover,
2518
2525
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown:hover .e-caret:hover,
2519
2526
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown:hover .e-caret:hover {
2520
- background: #4b5563;
2527
+ background: #374151;
2521
2528
  }
2522
2529
 
2523
2530
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown:hover .e-caret:focus,
@@ -2576,7 +2583,7 @@
2576
2583
  }
2577
2584
 
2578
2585
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2579
- color: #fff;
2586
+ color: #d1d5db;
2580
2587
  }
2581
2588
 
2582
2589
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
@@ -2776,11 +2783,11 @@
2776
2783
  }
2777
2784
 
2778
2785
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-icons {
2779
- color: #fff;
2786
+ color: #d1d5db;
2780
2787
  }
2781
2788
 
2782
2789
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2783
- color: #fff;
2790
+ color: #d1d5db;
2784
2791
  }
2785
2792
 
2786
2793
  .e-rte-quick-popup .e-rte-dropdown-btn {
@@ -2962,13 +2969,18 @@ span.e-table-box.e-rbox-select {
2962
2969
  }
2963
2970
 
2964
2971
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
2965
- color: #fff;
2972
+ color: #d1d5db;
2966
2973
  }
2967
2974
 
2968
2975
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
2969
2976
  border-radius: 4px;
2970
2977
  }
2971
2978
 
2979
+ .e-richtexteditor .e-toolbar .e-tbar-btn {
2980
+ border-bottom: 1px solid transparent;
2981
+ border-top: 1px solid transparent;
2982
+ }
2983
+
2972
2984
  .e-richtexteditor .e-toolbar .e-tbar-btn:hover {
2973
2985
  background: #232e3e;
2974
2986
  border: 1px solid #6b7280;
@@ -2982,3 +2994,10 @@ span.e-table-box.e-rbox-select {
2982
2994
  .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
2983
2995
  border-bottom: 0;
2984
2996
  }
2997
+
2998
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:active .e-icons,
2999
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:active .e-rte-dropdown-btn-text,
3000
+ .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn:focus .e-rte-dropdown-btn-text,
3001
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-icon-button:focus .e-icons {
3002
+ color: #d1d5db;
3003
+ }