@syncfusion/ej2-vue-richtexteditor 20.4.53 → 21.1.37

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;
 }

package/styles/highcontrast.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 #fff;
@@ -2367,6 +2382,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #fff;
 }
+.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: #000;
 }
@@ -2382,6 +2400,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #000;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2581,7 +2602,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 #969696;
   border-radius: 4px;
   color: #fff;
@@ -2594,6 +2616,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 {
@@ -2747,6 +2773,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-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }

package/styles/material-dark.css

@@ -295,6 +295,10 @@
 .e-rte-dropdown-popup .e-rte-file-manager::before {
   content: "\e609";
 }
+.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 {
@@ -317,6 +321,10 @@
   content: "\e89c";
 }
 
+.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="M16 9H4V3H16V5H20V13H12V20C12 20.55 11.5508 21 11 21H10C9.44922 21 9 20.55 9 20V11H18V7H16V9ZM6 7H14V5H6V7Z" fill="white"/><path d="M14 7H6V5H14V7Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 9V3H16V5H20V13H12V20C12 20.55 11.5508 21 11 21H10C9.44922 21 9 20.55 9 20V11H18V7H16V9H4ZM7 11H2V1H18V3H22V15H14V20C14 21.6536 12.6564 23 11 23H10C8.34364 23 7 21.6536 7 20V11Z" fill="black"/></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;
@@ -1407,6 +1416,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;
@@ -2279,6 +2289,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 #616161;
@@ -2371,6 +2386,9 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons {
   color: #fff;
 }
+.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;
 }
@@ -2389,6 +2407,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
+.e-richtexteditor .e-toolbar-wrapper {
+  background: #212121;
+}
 .e-richtexteditor img.e-img-focus::selection,
 .e-richtexteditor audio.e-audio-focus::selection,
 .e-richtexteditor .e-video-focus::selection {
@@ -2587,7 +2608,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 rgba(255, 255, 255, 0.12);
   border-radius: 4px;
   color: rgba(255, 255, 255, 0.7);
@@ -2600,6 +2622,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 {
@@ -2752,6 +2778,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-rte-tb-expand .e-rte-content-border {
   border-bottom: 0;
 }