@syncfusion/ej2-react-richtexteditor 20.4.53 → 21.1.35

package/styles/bootstrap5.css

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.9995 3C8.9995 1.34315 10.3426 0 11.9995 0C13.6564 0 14.9995 1.34315 14.9995 3V8H17.9995C19.6564 8 20.9995 9.34315 20.9995 11V21C20.9995 22.6569 19.6564 24 17.9995 24H5.39593C3.51419 24 2.13195 22.3035 2.40063 20.4885C2.70116 18.4583 2.85091 16.8264 2.92551 15.7066C2.9628 15.1467 2.9813 14.7151 2.99048 14.4258C2.99507 14.2812 2.99732 14.1723 2.99843 14.1007C2.99899 14.0649 2.99925 14.0385 2.99938 14.0216L2.99949 14.0035L2.9995 14V11C2.9995 9.34315 4.34265 8 5.9995 8H8.9995V3ZM10.9995 8H12.9995V3C12.9995 2.44772 12.5518 2 11.9995 2C11.4472 2 10.9995 2.44772 10.9995 3V8ZM4.9995 13H18.9995V11C18.9995 10.4477 18.5518 10 17.9995 10H5.9995C5.44722 10 4.9995 10.4477 4.9995 11V13ZM18.9995 15H4.96914C4.95785 15.2397 4.94235 15.5203 4.92108 15.8395C4.84327 17.0075 4.6882 18.6931 4.37907 20.7813C4.28231 21.435 4.78205 22 5.39593 22H6.77987L18.9995 16.3602V15ZM18.9995 18.5629L11.5525 22H17.9995C18.5518 22 18.9995 21.5523 18.9995 21V18.5629Z" fill="black"/><path d="M4.96914 15H18.9995V16.3602L6.77987 22H5.39593C4.78205 22 4.28231 21.435 4.37907 20.7813C4.6882 18.6931 4.84327 17.0075 4.92108 15.8395C4.94235 15.5203 4.95785 15.2397 4.96914 15Z" fill="white"/><path d="M18.9995 13H4.9995V11C4.9995 10.4477 5.44722 10 5.9995 10H17.9995C18.5518 10 18.9995 10.4477 18.9995 11V13Z" fill="white"/><path d="M11.5525 22L18.9995 18.5629V21C18.9995 21.5523 18.5518 22 17.9995 22H11.5525Z" fill="white"/><path d="M12.9995 8H10.9995V3C10.9995 2.44772 11.4472 2 11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V8Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -557,6 +565,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1425,6 +1434,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2364,6 +2374,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #dee2e6;
@@ -2472,6 +2487,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #6c757d;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #fff;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2494,6 +2512,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #f8f9fa;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2514,7 +2535,7 @@
 .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
-  border: dashed 2px #0d6efd;
+  border: solid 2px #0d6efd;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -2698,7 +2719,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #adb5bd;
   border-radius: 4px;
   color: #495057;
@@ -2711,6 +2733,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2867,6 +2893,10 @@ span.e-table-box.e-rbox-select {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #fff;
+}
+
 .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
   background: #565e64;
   border-radius: 4px;

package/styles/fabric-dark.css

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e42b";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e980";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e89c";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.96 6.90428L12.21 5.70428L13.6 2.49428C13.93 1.73428 13.58 0.854278 12.82 0.524278L11.9 0.124277C11.14 -0.205723 10.26 0.144276 9.93 0.904276L8.54 4.11428L5.79 2.91428L5.59 3.37428C5.59 3.37428 5.06 4.59428 4.33 6.06428C3.03 8.68428 2.33 9.53428 1.62 10.1243L1 10.6443L11.37 15.1443L13.36 10.5543L14.95 6.88428L14.96 6.90428ZM6.3 4.23428L9.06 5.43428L10.65 1.76428C10.87 1.25428 11.46 1.02428 11.97 1.24428C12.48 1.46428 12.71 2.05428 12.49 2.56428L10.9 6.23428L13.65 7.43428L12.85 9.26428L5.46 6.05428C5.82 5.30428 6.12 4.65428 6.31 4.24428L6.3 4.23428ZM5.01 6.94428L10.2 9.19428L12.45 10.1743L12.37 10.3543L3.86 10.8143L2.79 10.3543C3.5 9.50428 3.98 8.97428 5 6.95428L5.01 6.94428ZM10.85 13.8443L5.91 11.7043L11.92 11.3843L10.85 13.8543V13.8443Z" fill="black"/><path d="M6.3 4.23428L9.06 5.43428L10.65 1.76428C10.87 1.25428 11.46 1.02428 11.97 1.24428C12.48 1.46428 12.71 2.05428 12.49 2.56428L10.9 6.23428L13.65 7.43428L12.85 9.26428L5.46 6.05428C5.82 5.30428 6.12 4.65428 6.31 4.24428L6.3 4.23428Z" fill="white"/><path d="M5.01 6.94428L10.2 9.19428L12.45 10.1743L12.37 10.3543L3.86 10.8143L2.79 10.3543C3.5 9.50428 3.98 8.97428 5 6.95428L5.01 6.94428Z" fill="white"/><path d="M10.85 13.8443L5.91 11.7043L11.92 11.3843L10.85 13.8543V13.8443Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -544,6 +552,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1406,6 +1415,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2278,6 +2288,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #414040;
@@ -2370,6 +2385,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #dadada;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #dadada;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2388,6 +2406,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #333232;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2586,7 +2607,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #414040;
   border-radius: 4px;
   color: #9a9a9a;
@@ -2599,6 +2621,10 @@
   width: 300px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2751,6 +2777,10 @@ span.e-table-box.e-rbox-select {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #dadada;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

package/styles/fabric.css

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e42b";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e980";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e89c";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.96 6.90428L12.21 5.70428L13.6 2.49428C13.93 1.73428 13.58 0.854278 12.82 0.524278L11.9 0.124277C11.14 -0.205723 10.26 0.144276 9.93 0.904276L8.54 4.11428L5.79 2.91428L5.59 3.37428C5.59 3.37428 5.06 4.59428 4.33 6.06428C3.03 8.68428 2.33 9.53428 1.62 10.1243L1 10.6443L11.37 15.1443L13.36 10.5543L14.95 6.88428L14.96 6.90428ZM6.3 4.23428L9.06 5.43428L10.65 1.76428C10.87 1.25428 11.46 1.02428 11.97 1.24428C12.48 1.46428 12.71 2.05428 12.49 2.56428L10.9 6.23428L13.65 7.43428L12.85 9.26428L5.46 6.05428C5.82 5.30428 6.12 4.65428 6.31 4.24428L6.3 4.23428ZM5.01 6.94428L10.2 9.19428L12.45 10.1743L12.37 10.3543L3.86 10.8143L2.79 10.3543C3.5 9.50428 3.98 8.97428 5 6.95428L5.01 6.94428ZM10.85 13.8443L5.91 11.7043L11.92 11.3843L10.85 13.8543V13.8443Z" fill="black"/><path d="M6.3 4.23428L9.06 5.43428L10.65 1.76428C10.87 1.25428 11.46 1.02428 11.97 1.24428C12.48 1.46428 12.71 2.05428 12.49 2.56428L10.9 6.23428L13.65 7.43428L12.85 9.26428L5.46 6.05428C5.82 5.30428 6.12 4.65428 6.31 4.24428L6.3 4.23428Z" fill="white"/><path d="M5.01 6.94428L10.2 9.19428L12.45 10.1743L12.37 10.3543L3.86 10.8143L2.79 10.3543C3.5 9.50428 3.98 8.97428 5 6.95428L5.01 6.94428Z" fill="white"/><path d="M10.85 13.8443L5.91 11.7043L11.92 11.3843L10.85 13.8543V13.8443Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -544,6 +552,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1406,6 +1415,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2278,6 +2288,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #dadada;
@@ -2370,6 +2385,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #000;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #000;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #000;
 }
@@ -2388,6 +2406,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #fff;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2586,7 +2607,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #dadada;
   border-radius: 4px;
   color: #a6a6a6;
@@ -2599,6 +2621,10 @@
   width: 290px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2751,6 +2777,10 @@ span.e-table-box.e-rbox-select {
   color: #000;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #000;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

package/styles/fluent-dark.css

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 3C9 1.34315 10.3431 0 12 0C13.6569 0 15 1.34315 15 3V8H18C19.6569 8 21 9.34315 21 11V22C21 23.1046 20.1046 24 19 24H5C3.89543 24 3 23.1046 3 22V11C3 9.34315 4.34315 8 6 8H9V3ZM12 2C11.4477 2 11 2.44772 11 3V8.36C11 9.26575 10.2657 10 9.36 10H6C5.44772 10 5 10.4477 5 11V13H19V11C19 10.4477 18.5523 10 18 10H14.64C13.7343 10 13 9.26575 13 8.36V3C13 2.44772 12.5523 2 12 2ZM19 15H5V22H7V18C7 17.4477 7.44772 17 8 17C8.55228 17 9 17.4477 9 18V22H15V20C15 19.4477 15.4477 19 16 19C16.5523 19 17 19.4477 17 20V22H19V15Z" fill="black"/><path d="M11 3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3V8.36C13 9.26575 13.7343 10 14.64 10H18C18.5523 10 19 10.4477 19 11V13H5V11C5 10.4477 5.44772 10 6 10H9.36C10.2657 10 11 9.26575 11 8.36V3Z" fill="white"/><path d="M5 15H19V22H17V20C17 19.4477 16.5523 19 16 19C15.4477 19 15 19.4477 15 20V22H9V18C9 17.4477 8.55228 17 8 17C7.44772 17 7 17.4477 7 18V22H5V15Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -545,6 +553,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1411,6 +1420,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -1588,7 +1598,7 @@
   display: flex;
   padding-left: 7px;
   padding-right: 7px;
-  padding-top: 7px;
+  padding-top: 0;
 }
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:active, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover,
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover,
@@ -1653,7 +1663,7 @@
 .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover {
   padding-left: 7px;
   padding-right: 7px;
-  padding-top: 7px;
+  padding-top: 0;
 }
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-color-content,
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content,
@@ -2340,6 +2350,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #292827;
@@ -2432,6 +2447,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #a19f9d;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #a19f9d;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #a19f9d;
 }
@@ -2450,6 +2468,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #252423;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2470,7 +2491,7 @@
 .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
-  border: dashed 2px #0078d4;
+  border: solid 2px #0078d4;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -2648,7 +2669,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #797775;
   border-radius: 4px;
   color: #c8c6c4;
@@ -2661,6 +2683,10 @@
   width: 292px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2817,6 +2843,10 @@ span.e-table-box.e-rbox-select {
   color: #a19f9d;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #a19f9d;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

package/styles/fluent.css

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e83c";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e8bd";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e7c2";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 3C9 1.34315 10.3431 0 12 0C13.6569 0 15 1.34315 15 3V8H18C19.6569 8 21 9.34315 21 11V22C21 23.1046 20.1046 24 19 24H5C3.89543 24 3 23.1046 3 22V11C3 9.34315 4.34315 8 6 8H9V3ZM12 2C11.4477 2 11 2.44772 11 3V8.36C11 9.26575 10.2657 10 9.36 10H6C5.44772 10 5 10.4477 5 11V13H19V11C19 10.4477 18.5523 10 18 10H14.64C13.7343 10 13 9.26575 13 8.36V3C13 2.44772 12.5523 2 12 2ZM19 15H5V22H7V18C7 17.4477 7.44772 17 8 17C8.55228 17 9 17.4477 9 18V22H15V20C15 19.4477 15.4477 19 16 19C16.5523 19 17 19.4477 17 20V22H19V15Z" fill="black"/><path d="M11 3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3V8.36C13 9.26575 13.7343 10 14.64 10H18C18.5523 10 19 10.4477 19 11V13H5V11C5 10.4477 5.44772 10 6 10H9.36C10.2657 10 11 9.26575 11 8.36V3Z" fill="white"/><path d="M5 15H19V22H17V20C17 19.4477 16.5523 19 16 19C15.4477 19 15 19.4477 15 20V22H9V18C9 17.4477 8.55228 17 8 17C7.44772 17 7 17.4477 7 18V22H5V15Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -545,6 +553,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1411,6 +1420,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -1588,7 +1598,7 @@
   display: flex;
   padding-left: 7px;
   padding-right: 7px;
-  padding-top: 7px;
+  padding-top: 0;
 }
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:active, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active, .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover,
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control:hover,
@@ -1653,7 +1663,7 @@
 .e-rte-toolbar.e-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control.e-active:hover {
   padding-left: 7px;
   padding-right: 7px;
-  padding-top: 7px;
+  padding-top: 0;
 }
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-color-content,
 .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-fontcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control .e-rte-list-primary-content,
@@ -2340,6 +2350,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #edebe9;
@@ -2432,6 +2447,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #605e5c;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #605e5c;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #605e5c;
 }
@@ -2450,6 +2468,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #f3f2f1;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2470,7 +2491,7 @@
 .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
 .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
-  border: dashed 2px #0078d4;
+  border: solid 2px #0078d4;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -2648,7 +2669,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #c8c6c4;
   border-radius: 4px;
   color: #3b3a39;
@@ -2661,6 +2683,10 @@
   width: 292px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2817,6 +2843,10 @@ span.e-table-box.e-rbox-select {
   color: #605e5c;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #605e5c;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

package/styles/highcontrast-light.css

@@ -294,6 +294,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e42b";
 }
+.e-rte-toolbar .e-rte-format-painter::before,
+.e-rte-dropdown-popup .e-rte-format-painter::before {
+  content: "\e97b";
+}
 
 .e-richtexteditor .e-south-east::before,
 .e-richtexteditor .e-south-west::before {
@@ -316,6 +320,10 @@
   content: "\e89c";
 }
 
+.e-rte-cursor-brush {
+  cursor: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.96 6.90428L12.21 5.70428L13.6 2.49428C13.93 1.73428 13.58 0.854278 12.82 0.524278L11.9 0.124277C11.14 -0.205723 10.26 0.144276 9.93 0.904276L8.54 4.11428L5.79 2.91428L5.59 3.37428C5.59 3.37428 5.06 4.59428 4.33 6.06428C3.03 8.68428 2.33 9.53428 1.62 10.1243L1 10.6443L11.37 15.1443L13.36 10.5543L14.95 6.88428L14.96 6.90428ZM6.3 4.23428L9.06 5.43428L10.65 1.76428C10.87 1.25428 11.46 1.02428 11.97 1.24428C12.48 1.46428 12.71 2.05428 12.49 2.56428L10.9 6.23428L13.65 7.43428L12.85 9.26428L5.46 6.05428C5.82 5.30428 6.12 4.65428 6.31 4.24428L6.3 4.23428ZM5.01 6.94428L10.2 9.19428L12.45 10.1743L12.37 10.3543L3.86 10.8143L2.79 10.3543C3.5 9.50428 3.98 8.97428 5 6.95428L5.01 6.94428ZM10.85 13.8443L5.91 11.7043L11.92 11.3843L10.85 13.8543V13.8443Z" fill="black"/><path d="M6.3 4.23428L9.06 5.43428L10.65 1.76428C10.87 1.25428 11.46 1.02428 11.97 1.24428C12.48 1.46428 12.71 2.05428 12.49 2.56428L10.9 6.23428L13.65 7.43428L12.85 9.26428L5.46 6.05428C5.82 5.30428 6.12 4.65428 6.31 4.24428L6.3 4.23428Z" fill="white"/><path d="M5.01 6.94428L10.2 9.19428L12.45 10.1743L12.37 10.3543L3.86 10.8143L2.79 10.3543C3.5 9.50428 3.98 8.97428 5 6.95428L5.01 6.94428Z" fill="white"/><path d="M10.85 13.8443L5.91 11.7043L11.92 11.3843L10.85 13.8543V13.8443Z" fill="white"/></svg>'), text;
+}
+
 /*! tab layout */
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
@@ -544,6 +552,7 @@
   margin-right: 0;
 }
 .e-richtexteditor .e-rte-toolbar.e-rte-tb-mobile .e-toolbar-multirow {
+  display: inline-block;
   margin-left: 0;
   margin-right: 0;
   overflow-x: auto;
@@ -1406,6 +1415,7 @@
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
+  display: inline-block;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar.e-remove-white-space .e-toolbar-items:not(.e-tbar-pos).e-toolbar-multirow {
   white-space: nowrap;
@@ -2278,6 +2288,11 @@
   margin: 1px;
 }
 
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
+.e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
+  visibility: hidden;
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #000;
@@ -2370,6 +2385,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #000;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
+  color: #000;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2388,6 +2406,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #fff;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2586,7 +2607,8 @@
 
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
-.e-dialog .e-vid-uploadwrap .e-droptext {
+.e-dialog .e-vid-uploadwrap .e-droptext,
+.e-dialog.e-device .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #757575;
   border-radius: 4px;
   color: #000;
@@ -2599,6 +2621,10 @@
   width: 288px;
 }
 
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
+}
+
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap .e-droptext,
 .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap .e-droptext {
@@ -2751,6 +2777,10 @@ span.e-table-box.e-rbox-select {
   color: #fff;
 }
 
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-active .e-icons {
+  color: #000;
+}
+
 .e-richtexteditor.e-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }