@syncfusion/ej2-richtexteditor 24.2.7 → 24.2.8

package/styles/bootstrap5-dark.css

@@ -1783,6 +1783,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 36px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 36px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
   min-height: 48px;
@@ -2680,9 +2688,6 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
   color: #adb5bd;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
-  color: #fff;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: #565e64;
   border: 1px solid #51585e;
@@ -2697,9 +2702,6 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
   color: #fff;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
-  color: #fff;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active {
   background: #565e64;
   border-color: #51585e;
@@ -2783,9 +2785,6 @@
 .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-tbar-btn:focus .e-icons {
-  color: #fff;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2972,6 +2971,16 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: #343a40;
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 1px;
+  height: 30px;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: #7b848d;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: #7b848d;
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid #444c54;
 }
@@ -3025,6 +3034,10 @@
   border-color: #343a40;
 }
 
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 8px;
+}
+
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
 .e-dialog .e-vid-uploadwrap .e-droptext,

package/styles/bootstrap5.css

@@ -1783,6 +1783,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 36px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 36px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
   min-height: 48px;
@@ -2680,9 +2688,6 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
   color: #adb5bd;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
-  color: #fff;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: #565e64;
   border: 1px solid #51585e;
@@ -2697,9 +2702,6 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
   color: #fff;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
-  color: #fff;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active {
   background: #565e64;
   border-color: #51585e;
@@ -2783,9 +2785,6 @@
 .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-tbar-btn:focus .e-icons {
-  color: #fff;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2972,6 +2971,16 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: #e9ecef;
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 1px;
+  height: 30px;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: #6c757d;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: #6c757d;
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid #dee2e6;
 }
@@ -3025,6 +3034,10 @@
   border-color: #e9ecef;
 }
 
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 8px;
+}
+
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
 .e-dialog .e-vid-uploadwrap .e-droptext,

package/styles/fabric-dark.css

@@ -1765,6 +1765,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 48px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 48px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
   min-height: 48px;
@@ -2704,9 +2712,6 @@
 .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-tbar-btn:focus .e-icons {
-  color: #dadada;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2889,6 +2894,16 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: #333232;
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 1px;
+  height: 40px;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: #514f4f;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: #514f4f;
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid #414040;
 }

package/styles/fabric.css

@@ -1765,6 +1765,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 48px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 48px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
   min-height: 48px;
@@ -2704,9 +2712,6 @@
 .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-tbar-btn:focus .e-icons {
-  color: #000;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #000;
 }
@@ -2889,6 +2894,16 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: #fff;
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 1px;
+  height: 40px;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: #eaeaea;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: #eaeaea;
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid rgba(0, 0, 0, 0.05);
 }

package/styles/fluent-dark.css

@@ -1773,6 +1773,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 48px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 48px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
   min-height: 48px;
@@ -2752,9 +2760,6 @@
 .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-tbar-btn:focus .e-icons {
-  color: #a19f9d;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #a19f9d;
 }
@@ -2937,6 +2942,22 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: #252423;
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 0;
+  height: 40px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: #3b3a39;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: #3b3a39;
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid #292827;
 }

package/styles/fluent.css

@@ -1773,6 +1773,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 48px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 48px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
   min-height: 48px;
@@ -2752,9 +2760,6 @@
 .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-tbar-btn:focus .e-icons {
-  color: #605e5c;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #605e5c;
 }
@@ -2937,6 +2942,22 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: #f3f2f1;
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 0;
+  height: 40px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: #d2d0ce;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: #d2d0ce;
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid #edebe9;
 }

package/styles/highcontrast-light.css

@@ -1765,6 +1765,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 30px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 30px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
   min-height: 48px;
@@ -2704,9 +2712,6 @@
 .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-tbar-btn:focus .e-icons {
-  color: #000;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2889,6 +2894,16 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: #fff;
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 1px;
+  height: 30px;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: #ecf;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: #ecf;
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid rgba(0, 0, 0, 0.05);
 }

package/styles/highcontrast.css

@@ -1765,6 +1765,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 45px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 45px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
   min-height: 48px;
@@ -2701,9 +2709,6 @@
 .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-tbar-btn:focus .e-icons {
-  color: #fff;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #000;
 }
@@ -2883,6 +2888,19 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: #000;
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 0;
+  height: 36px;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: #685708;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: #685708;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn:hover {
+  background: inherit;
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid rgba(255, 255, 255, 0.05);
 }

package/styles/material-dark.css

@@ -1770,6 +1770,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 35px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 35px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
   min-height: 48px;
@@ -2710,9 +2718,6 @@
 .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-tbar-btn:focus .e-icons {
-  color: #fff;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #fff;
 }
@@ -2895,6 +2900,16 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: #424242;
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 1px;
+  height: 24px;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: rgba(255, 255, 255, 0.12);
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: rgba(255, 255, 255, 0.12);
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid #616161;
 }
@@ -2942,6 +2957,10 @@
   border-color: #616161;
 }
 
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 8px;
+}
+
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
 .e-dialog .e-vid-uploadwrap .e-droptext,

package/styles/material.css

@@ -1770,6 +1770,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 36px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 36px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
   min-height: 48px;
@@ -2710,9 +2718,6 @@
 .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-tbar-btn:focus .e-icons {
-  color: #000;
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: #000;
 }
@@ -2895,6 +2900,16 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: #fff;
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 1px;
+  height: 24px;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: rgba(0, 0, 0, 0.12);
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: rgba(0, 0, 0, 0.12);
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid rgba(0, 0, 0, 0.05);
 }
@@ -2942,6 +2957,10 @@
   border-color: #fff;
 }
 
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 8px;
+}
+
 .e-dialog .e-img-uploadwrap .e-droptext,
 .e-dialog .e-aud-uploadwrap .e-droptext,
 .e-dialog .e-vid-uploadwrap .e-droptext,

package/styles/material3-dark.css

@@ -1820,6 +1820,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 40px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 40px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 8px;
   min-height: 48px;
@@ -2788,9 +2796,6 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
   color: rgba(var(--color-sf-on-surface-variant));
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
-  color: rgba(var(--color-sf-on-surface-variant));
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: rgba(var(--color-sf-on-surface-variant));
 }
@@ -2842,7 +2847,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 rgba(var(--color-sf-primary));
+  border: solid 2px rgba(var(--color-sf-primary));
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -2977,6 +2982,16 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 5.5px;
+  height: 30px;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid transparent;
 }

package/styles/material3.css

@@ -1876,6 +1876,14 @@
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
   min-height: 48px;
 }
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
+  height: 40px;
+}
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
+.e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  height: 40px;
+}
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 8px;
   min-height: 48px;
@@ -2844,9 +2852,6 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
   color: rgba(var(--color-sf-on-surface-variant));
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
-  color: rgba(var(--color-sf-on-surface-variant));
-}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
   color: rgba(var(--color-sf-on-surface-variant));
 }
@@ -2898,7 +2903,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 rgba(var(--color-sf-primary));
+  border: solid 2px rgba(var(--color-sf-primary));
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -3033,6 +3038,16 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
+  padding-top: 5.5px;
+  height: 30px;
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
+.e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
+  background: rgba(var(--color-sf-on-surface), 0.05);
+}
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
   border: 0.5px solid transparent;
 }

package/styles/rich-text-editor/_bootstrap-dark-definition.scss

@@ -63,8 +63,8 @@ $rte-big-tb-items-margin-left: 3px !default;
 $rte-tb-items-margin-left: 6px !default;
 $rte-big-tb-items-padding-left: 3px !default;
 $rte-tb-items-padding-left: 6px !default;
-$rte-big-active-tb-item-btn-padding: 0 6px !default;
-$rte-active-tb-item-btn-padding: 0 1.5px !default;
+$rte-big-active-tb-item-btn-padding: 0 7px !default;
+$rte-active-tb-item-btn-padding: 0 2.5px !default;
 $rte-tb-item-active-bg: rgba($grey-base, .12) !default;
 $rte-tb-active-font-color: $grey-dark-font !default;
 $rte-tb-item-active-border: $rte-border-size $rte-border-type $grey-8c !default;
@@ -112,15 +112,15 @@ $rte-font-name-btn-min-width: 67px !default;
 $rte-font-size-btn-min-width: 36px !default;
 $rte-drop-btn-padding-left: 9px !default;
 $rte-drop-btn-padding-right: 3.5px !default;
-$rte-drop-btn-action-padding-left: 8px !default;
-$rte-drop-btn-action-padding-right: 2.5px !default;
+$rte-drop-btn-action-padding-left: 9px !default;
+$rte-drop-btn-action-padding-right: 3.5px !default;
 $rte-big-drop-btn-padding-left: 12px !default;
 $rte-big-drop-btn-padding-right: 7px !default;
-$rte-big-drop-btn-action-padding-left: 11px !default;
-$rte-big-drop-btn-action-padding-right: 6px !default;
+$rte-big-drop-btn-action-padding-left: 12px !default;
+$rte-big-drop-btn-action-padding-right: 7px !default;
 $rte-ext-tbar-overlay-icons-color: $grey-dark-font !default;
 $rte-colorpicker-parent-padding: 1px !default;
-$rte-colorpicker-parent-padding-hover: 0 !default;
+$rte-colorpicker-parent-padding-hover: 1px !default;
 $rte-colorpicker-parent-padding-active-hover: 1px !default;
 $rte-overlay-color: #383838 !default;
 $rte-dropdown-btn-color-content-height: 30px !default;
@@ -177,7 +177,7 @@ $rte-resize-handler-width: 15px;
 $rte-resize-handler-height: 15px;
 $rte-resize-handler-position: 0;
 
-$rte-big-color-list-span-common-padding-left-right: 0;
+$rte-big-color-list-span-common-padding-left-right: 1px;
 $rte-default-character-count-opacity: .54;
 $rte-placeholder-padding: 16px !default;