@syncfusion/ej2-richtexteditor 24.2.7 → 24.2.9

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 (78) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/dist/ej2-richtexteditor.min.js +2 -2
  3. package/dist/ej2-richtexteditor.umd.min.js +2 -2
  4. package/dist/ej2-richtexteditor.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-richtexteditor.es2015.js +341 -157
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +342 -156
  8. package/dist/es6/ej2-richtexteditor.es5.js.map +1 -1
  9. package/dist/global/ej2-richtexteditor.min.js +2 -2
  10. package/dist/global/ej2-richtexteditor.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -8
  13. package/src/editor-manager/plugin/dom-node.js +3 -1
  14. package/src/editor-manager/plugin/format-painter-actions.d.ts +1 -0
  15. package/src/editor-manager/plugin/format-painter-actions.js +18 -0
  16. package/src/editor-manager/plugin/inserthtml.js +9 -1
  17. package/src/editor-manager/plugin/lists.js +79 -70
  18. package/src/editor-manager/plugin/ms-word-clean-up.d.ts +1 -0
  19. package/src/editor-manager/plugin/ms-word-clean-up.js +22 -1
  20. package/src/rich-text-editor/actions/base-quick-toolbar.js +5 -2
  21. package/src/rich-text-editor/actions/color-picker.d.ts +1 -0
  22. package/src/rich-text-editor/actions/color-picker.js +10 -0
  23. package/src/rich-text-editor/actions/emoji-picker.js +1 -1
  24. package/src/rich-text-editor/actions/enter-key.js +2 -2
  25. package/src/rich-text-editor/actions/html-editor.js +10 -5
  26. package/src/rich-text-editor/actions/quick-toolbar.js +1 -1
  27. package/src/rich-text-editor/actions/toolbar.js +3 -0
  28. package/src/rich-text-editor/base/constant.d.ts +5 -0
  29. package/src/rich-text-editor/base/constant.js +5 -0
  30. package/src/rich-text-editor/base/rich-text-editor.js +21 -5
  31. package/src/rich-text-editor/models/default-locale.js +1 -1
  32. package/src/rich-text-editor/renderer/dialog-renderer.js +5 -1
  33. package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
  34. package/src/rich-text-editor/renderer/image-module.js +28 -7
  35. package/src/rich-text-editor/renderer/table-module.d.ts +3 -1
  36. package/src/rich-text-editor/renderer/table-module.js +111 -50
  37. package/src/rich-text-editor/renderer/toolbar-renderer.js +13 -13
  38. package/styles/bootstrap-dark.css +32 -13
  39. package/styles/bootstrap.css +36 -20
  40. package/styles/bootstrap4.css +18 -3
  41. package/styles/bootstrap5-dark.css +22 -9
  42. package/styles/bootstrap5.css +22 -9
  43. package/styles/fabric-dark.css +18 -3
  44. package/styles/fabric.css +18 -3
  45. package/styles/fluent-dark.css +24 -3
  46. package/styles/fluent.css +24 -3
  47. package/styles/highcontrast-light.css +18 -3
  48. package/styles/highcontrast.css +21 -3
  49. package/styles/material-dark.css +22 -3
  50. package/styles/material.css +22 -3
  51. package/styles/material3-dark.css +19 -4
  52. package/styles/material3.css +19 -4
  53. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +8 -8
  54. package/styles/rich-text-editor/_bootstrap-definition.scss +14 -14
  55. package/styles/rich-text-editor/_layout.scss +11 -0
  56. package/styles/rich-text-editor/_material3-definition.scss +1 -1
  57. package/styles/rich-text-editor/_theme.scss +47 -13
  58. package/styles/rich-text-editor/bootstrap-dark.css +32 -13
  59. package/styles/rich-text-editor/bootstrap.css +36 -20
  60. package/styles/rich-text-editor/bootstrap4.css +18 -3
  61. package/styles/rich-text-editor/bootstrap5-dark.css +22 -9
  62. package/styles/rich-text-editor/bootstrap5.css +22 -9
  63. package/styles/rich-text-editor/fabric-dark.css +18 -3
  64. package/styles/rich-text-editor/fabric.css +18 -3
  65. package/styles/rich-text-editor/fluent-dark.css +24 -3
  66. package/styles/rich-text-editor/fluent.css +24 -3
  67. package/styles/rich-text-editor/highcontrast-light.css +18 -3
  68. package/styles/rich-text-editor/highcontrast.css +21 -3
  69. package/styles/rich-text-editor/material-dark.css +22 -3
  70. package/styles/rich-text-editor/material.css +22 -3
  71. package/styles/rich-text-editor/material3-dark.css +19 -4
  72. package/styles/rich-text-editor/material3.css +19 -4
  73. package/styles/rich-text-editor/tailwind-dark.css +30 -3
  74. package/styles/rich-text-editor/tailwind.css +30 -3
  75. package/styles/tailwind-dark.css +30 -3
  76. package/styles/tailwind.css +30 -3
  77. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -41
  78. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -27
package/styles/rich-text-editor/bootstrap4.css CHANGED
@@ -2012,6 +2012,14 @@
2012
2012
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
2013
2013
  min-height: 48px;
2014
2014
  }
2015
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
2016
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
2017
+ height: 36px;
2018
+ }
2019
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
2020
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2021
+ height: 36px;
2022
+ }
2015
2023
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
2016
2024
  margin: 0 6px;
2017
2025
  min-height: 48px;
@@ -2951,9 +2959,6 @@
2951
2959
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2952
2960
  color: #212529;
2953
2961
  }
2954
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2955
- color: #212529;
2956
- }
2957
2962
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2958
2963
  color: #f8f9fa;
2959
2964
  }
@@ -3136,6 +3141,16 @@
3136
3141
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
3137
3142
  background: #fff;
3138
3143
  }
3144
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
3145
+ padding-top: 1px;
3146
+ height: 30px;
3147
+ }
3148
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
3149
+ background: #5a6268;
3150
+ }
3151
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
3152
+ background: #5a6268;
3153
+ }
3139
3154
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
3140
3155
  border: 0.5px solid #dee2e6;
3141
3156
  }
package/styles/rich-text-editor/bootstrap5-dark.css CHANGED
@@ -1783,6 +1783,14 @@
1783
1783
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1784
1784
  min-height: 48px;
1785
1785
  }
1786
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1787
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1788
+ height: 36px;
1789
+ }
1790
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1791
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1792
+ height: 36px;
1793
+ }
1786
1794
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1787
1795
  margin: 0 6px;
1788
1796
  min-height: 48px;
@@ -2680,9 +2688,6 @@
2680
2688
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2681
2689
  color: #adb5bd;
2682
2690
  }
2683
- .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
2684
- color: #fff;
2685
- }
2686
2691
  .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 {
2687
2692
  background: #565e64;
2688
2693
  border: 1px solid #51585e;
@@ -2697,9 +2702,6 @@
2697
2702
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
2698
2703
  color: #fff;
2699
2704
  }
2700
- .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
2701
- color: #fff;
2702
- }
2703
2705
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active {
2704
2706
  background: #565e64;
2705
2707
  border-color: #51585e;
@@ -2783,9 +2785,6 @@
2783
2785
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2784
2786
  color: #fff;
2785
2787
  }
2786
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2787
- color: #fff;
2788
- }
2789
2788
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2790
2789
  color: #fff;
2791
2790
  }
@@ -2972,6 +2971,16 @@
2972
2971
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2973
2972
  background: #343a40;
2974
2973
  }
2974
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2975
+ padding-top: 1px;
2976
+ height: 30px;
2977
+ }
2978
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2979
+ background: #7b848d;
2980
+ }
2981
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2982
+ background: #7b848d;
2983
+ }
2975
2984
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2976
2985
  border: 0.5px solid #444c54;
2977
2986
  }
@@ -3025,6 +3034,10 @@
3025
3034
  border-color: #343a40;
3026
3035
  }
3027
3036
 
3037
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
3038
+ padding-top: 8px;
3039
+ }
3040
+
3028
3041
  .e-dialog .e-img-uploadwrap .e-droptext,
3029
3042
  .e-dialog .e-aud-uploadwrap .e-droptext,
3030
3043
  .e-dialog .e-vid-uploadwrap .e-droptext,
package/styles/rich-text-editor/bootstrap5.css CHANGED
@@ -1783,6 +1783,14 @@
1783
1783
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1784
1784
  min-height: 48px;
1785
1785
  }
1786
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1787
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1788
+ height: 36px;
1789
+ }
1790
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1791
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1792
+ height: 36px;
1793
+ }
1786
1794
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1787
1795
  margin: 0 6px;
1788
1796
  min-height: 48px;
@@ -2680,9 +2688,6 @@
2680
2688
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2681
2689
  color: #adb5bd;
2682
2690
  }
2683
- .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
2684
- color: #fff;
2685
- }
2686
2691
  .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 {
2687
2692
  background: #565e64;
2688
2693
  border: 1px solid #51585e;
@@ -2697,9 +2702,6 @@
2697
2702
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
2698
2703
  color: #fff;
2699
2704
  }
2700
- .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
2701
- color: #fff;
2702
- }
2703
2705
  .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active {
2704
2706
  background: #565e64;
2705
2707
  border-color: #51585e;
@@ -2783,9 +2785,6 @@
2783
2785
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2784
2786
  color: #fff;
2785
2787
  }
2786
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2787
- color: #fff;
2788
- }
2789
2788
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2790
2789
  color: #fff;
2791
2790
  }
@@ -2972,6 +2971,16 @@
2972
2971
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2973
2972
  background: #e9ecef;
2974
2973
  }
2974
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2975
+ padding-top: 1px;
2976
+ height: 30px;
2977
+ }
2978
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2979
+ background: #6c757d;
2980
+ }
2981
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2982
+ background: #6c757d;
2983
+ }
2975
2984
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2976
2985
  border: 0.5px solid #dee2e6;
2977
2986
  }
@@ -3025,6 +3034,10 @@
3025
3034
  border-color: #e9ecef;
3026
3035
  }
3027
3036
 
3037
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
3038
+ padding-top: 8px;
3039
+ }
3040
+
3028
3041
  .e-dialog .e-img-uploadwrap .e-droptext,
3029
3042
  .e-dialog .e-aud-uploadwrap .e-droptext,
3030
3043
  .e-dialog .e-vid-uploadwrap .e-droptext,
package/styles/rich-text-editor/fabric-dark.css CHANGED
@@ -1765,6 +1765,14 @@
1765
1765
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1766
1766
  min-height: 48px;
1767
1767
  }
1768
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1769
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1770
+ height: 48px;
1771
+ }
1772
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1774
+ height: 48px;
1775
+ }
1768
1776
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1769
1777
  margin: 0 6px;
1770
1778
  min-height: 48px;
@@ -2704,9 +2712,6 @@
2704
2712
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2705
2713
  color: #dadada;
2706
2714
  }
2707
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2708
- color: #dadada;
2709
- }
2710
2715
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2711
2716
  color: #fff;
2712
2717
  }
@@ -2889,6 +2894,16 @@
2889
2894
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2890
2895
  background: #333232;
2891
2896
  }
2897
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2898
+ padding-top: 1px;
2899
+ height: 40px;
2900
+ }
2901
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2902
+ background: #514f4f;
2903
+ }
2904
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2905
+ background: #514f4f;
2906
+ }
2892
2907
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2893
2908
  border: 0.5px solid #414040;
2894
2909
  }
package/styles/rich-text-editor/fabric.css CHANGED
@@ -1765,6 +1765,14 @@
1765
1765
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1766
1766
  min-height: 48px;
1767
1767
  }
1768
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1769
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1770
+ height: 48px;
1771
+ }
1772
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1774
+ height: 48px;
1775
+ }
1768
1776
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1769
1777
  margin: 0 6px;
1770
1778
  min-height: 48px;
@@ -2704,9 +2712,6 @@
2704
2712
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2705
2713
  color: #000;
2706
2714
  }
2707
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2708
- color: #000;
2709
- }
2710
2715
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2711
2716
  color: #000;
2712
2717
  }
@@ -2889,6 +2894,16 @@
2889
2894
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2890
2895
  background: #fff;
2891
2896
  }
2897
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2898
+ padding-top: 1px;
2899
+ height: 40px;
2900
+ }
2901
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2902
+ background: #eaeaea;
2903
+ }
2904
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2905
+ background: #eaeaea;
2906
+ }
2892
2907
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2893
2908
  border: 0.5px solid rgba(0, 0, 0, 0.05);
2894
2909
  }
package/styles/rich-text-editor/fluent-dark.css CHANGED
@@ -1773,6 +1773,14 @@
1773
1773
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1774
1774
  min-height: 48px;
1775
1775
  }
1776
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1777
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1778
+ height: 48px;
1779
+ }
1780
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1781
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1782
+ height: 48px;
1783
+ }
1776
1784
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1777
1785
  margin: 0 6px;
1778
1786
  min-height: 48px;
@@ -2752,9 +2760,6 @@
2752
2760
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2753
2761
  color: #a19f9d;
2754
2762
  }
2755
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2756
- color: #a19f9d;
2757
- }
2758
2763
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2759
2764
  color: #a19f9d;
2760
2765
  }
@@ -2937,6 +2942,22 @@
2937
2942
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2938
2943
  background: #252423;
2939
2944
  }
2945
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2946
+ padding-top: 0;
2947
+ height: 40px;
2948
+ display: -ms-flexbox;
2949
+ display: flex;
2950
+ -ms-flex-align: center;
2951
+ align-items: center;
2952
+ -ms-flex-pack: center;
2953
+ justify-content: center;
2954
+ }
2955
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2956
+ background: #3b3a39;
2957
+ }
2958
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2959
+ background: #3b3a39;
2960
+ }
2940
2961
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2941
2962
  border: 0.5px solid #292827;
2942
2963
  }
package/styles/rich-text-editor/fluent.css CHANGED
@@ -1773,6 +1773,14 @@
1773
1773
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1774
1774
  min-height: 48px;
1775
1775
  }
1776
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1777
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1778
+ height: 48px;
1779
+ }
1780
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1781
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1782
+ height: 48px;
1783
+ }
1776
1784
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1777
1785
  margin: 0 6px;
1778
1786
  min-height: 48px;
@@ -2752,9 +2760,6 @@
2752
2760
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2753
2761
  color: #605e5c;
2754
2762
  }
2755
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2756
- color: #605e5c;
2757
- }
2758
2763
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2759
2764
  color: #605e5c;
2760
2765
  }
@@ -2937,6 +2942,22 @@
2937
2942
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2938
2943
  background: #f3f2f1;
2939
2944
  }
2945
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2946
+ padding-top: 0;
2947
+ height: 40px;
2948
+ display: -ms-flexbox;
2949
+ display: flex;
2950
+ -ms-flex-align: center;
2951
+ align-items: center;
2952
+ -ms-flex-pack: center;
2953
+ justify-content: center;
2954
+ }
2955
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2956
+ background: #d2d0ce;
2957
+ }
2958
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2959
+ background: #d2d0ce;
2960
+ }
2940
2961
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2941
2962
  border: 0.5px solid #edebe9;
2942
2963
  }
package/styles/rich-text-editor/highcontrast-light.css CHANGED
@@ -1765,6 +1765,14 @@
1765
1765
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1766
1766
  min-height: 48px;
1767
1767
  }
1768
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1769
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1770
+ height: 30px;
1771
+ }
1772
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1774
+ height: 30px;
1775
+ }
1768
1776
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1769
1777
  margin: 0 6px;
1770
1778
  min-height: 48px;
@@ -2704,9 +2712,6 @@
2704
2712
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2705
2713
  color: #000;
2706
2714
  }
2707
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2708
- color: #000;
2709
- }
2710
2715
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2711
2716
  color: #fff;
2712
2717
  }
@@ -2889,6 +2894,16 @@
2889
2894
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2890
2895
  background: #fff;
2891
2896
  }
2897
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2898
+ padding-top: 1px;
2899
+ height: 30px;
2900
+ }
2901
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2902
+ background: #ecf;
2903
+ }
2904
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2905
+ background: #ecf;
2906
+ }
2892
2907
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2893
2908
  border: 0.5px solid rgba(0, 0, 0, 0.05);
2894
2909
  }
package/styles/rich-text-editor/highcontrast.css CHANGED
@@ -1765,6 +1765,14 @@
1765
1765
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1766
1766
  min-height: 48px;
1767
1767
  }
1768
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1769
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1770
+ height: 45px;
1771
+ }
1772
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1774
+ height: 45px;
1775
+ }
1768
1776
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1769
1777
  margin: 0 6px;
1770
1778
  min-height: 48px;
@@ -2701,9 +2709,6 @@
2701
2709
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2702
2710
  color: #fff;
2703
2711
  }
2704
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2705
- color: #fff;
2706
- }
2707
2712
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2708
2713
  color: #000;
2709
2714
  }
@@ -2883,6 +2888,19 @@
2883
2888
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2884
2889
  background: #000;
2885
2890
  }
2891
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2892
+ padding-top: 0;
2893
+ height: 36px;
2894
+ }
2895
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2896
+ background: #685708;
2897
+ }
2898
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2899
+ background: #685708;
2900
+ }
2901
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn:hover {
2902
+ background: inherit;
2903
+ }
2886
2904
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2887
2905
  border: 0.5px solid rgba(255, 255, 255, 0.05);
2888
2906
  }
package/styles/rich-text-editor/material-dark.css CHANGED
@@ -1770,6 +1770,14 @@
1770
1770
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1771
1771
  min-height: 48px;
1772
1772
  }
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1774
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1775
+ height: 35px;
1776
+ }
1777
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1778
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1779
+ height: 35px;
1780
+ }
1773
1781
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1774
1782
  margin: 0 6px;
1775
1783
  min-height: 48px;
@@ -2710,9 +2718,6 @@
2710
2718
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2711
2719
  color: #fff;
2712
2720
  }
2713
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2714
- color: #fff;
2715
- }
2716
2721
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2717
2722
  color: #fff;
2718
2723
  }
@@ -2895,6 +2900,16 @@
2895
2900
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2896
2901
  background: #424242;
2897
2902
  }
2903
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2904
+ padding-top: 1px;
2905
+ height: 24px;
2906
+ }
2907
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2908
+ background: rgba(255, 255, 255, 0.12);
2909
+ }
2910
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2911
+ background: rgba(255, 255, 255, 0.12);
2912
+ }
2898
2913
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2899
2914
  border: 0.5px solid #616161;
2900
2915
  }
@@ -2942,6 +2957,10 @@
2942
2957
  border-color: #616161;
2943
2958
  }
2944
2959
 
2960
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2961
+ padding-top: 8px;
2962
+ }
2963
+
2945
2964
  .e-dialog .e-img-uploadwrap .e-droptext,
2946
2965
  .e-dialog .e-aud-uploadwrap .e-droptext,
2947
2966
  .e-dialog .e-vid-uploadwrap .e-droptext,
package/styles/rich-text-editor/material.css CHANGED
@@ -1770,6 +1770,14 @@
1770
1770
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1771
1771
  min-height: 48px;
1772
1772
  }
1773
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1774
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1775
+ height: 36px;
1776
+ }
1777
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1778
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1779
+ height: 36px;
1780
+ }
1773
1781
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1774
1782
  margin: 0 6px;
1775
1783
  min-height: 48px;
@@ -2710,9 +2718,6 @@
2710
2718
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2711
2719
  color: #000;
2712
2720
  }
2713
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2714
- color: #000;
2715
- }
2716
2721
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2717
2722
  color: #000;
2718
2723
  }
@@ -2895,6 +2900,16 @@
2895
2900
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2896
2901
  background: #fff;
2897
2902
  }
2903
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2904
+ padding-top: 1px;
2905
+ height: 24px;
2906
+ }
2907
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2908
+ background: rgba(0, 0, 0, 0.12);
2909
+ }
2910
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2911
+ background: rgba(0, 0, 0, 0.12);
2912
+ }
2898
2913
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2899
2914
  border: 0.5px solid rgba(0, 0, 0, 0.05);
2900
2915
  }
@@ -2942,6 +2957,10 @@
2942
2957
  border-color: #fff;
2943
2958
  }
2944
2959
 
2960
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2961
+ padding-top: 8px;
2962
+ }
2963
+
2945
2964
  .e-dialog .e-img-uploadwrap .e-droptext,
2946
2965
  .e-dialog .e-aud-uploadwrap .e-droptext,
2947
2966
  .e-dialog .e-vid-uploadwrap .e-droptext,
package/styles/rich-text-editor/material3-dark.css CHANGED
@@ -1820,6 +1820,14 @@
1820
1820
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1821
1821
  min-height: 48px;
1822
1822
  }
1823
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1824
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1825
+ height: 40px;
1826
+ }
1827
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1828
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1829
+ height: 40px;
1830
+ }
1823
1831
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1824
1832
  margin: 0 8px;
1825
1833
  min-height: 48px;
@@ -2788,9 +2796,6 @@
2788
2796
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2789
2797
  color: rgba(var(--color-sf-on-surface-variant));
2790
2798
  }
2791
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2792
- color: rgba(var(--color-sf-on-surface-variant));
2793
- }
2794
2799
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2795
2800
  color: rgba(var(--color-sf-on-surface-variant));
2796
2801
  }
@@ -2842,7 +2847,7 @@
2842
2847
  .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
2843
2848
  .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
2844
2849
  .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
2845
- border: dashed 2px rgba(var(--color-sf-primary));
2850
+ border: solid 2px rgba(var(--color-sf-primary));
2846
2851
  }
2847
2852
  .e-richtexteditor .e-rte-content .e-content a,
2848
2853
  .e-richtexteditor .e-source-content .e-content a {
@@ -2977,6 +2982,16 @@
2977
2982
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2978
2983
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
2979
2984
  }
2985
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2986
+ padding-top: 5.5px;
2987
+ height: 30px;
2988
+ }
2989
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2990
+ background: rgba(var(--color-sf-on-surface), 0.05);
2991
+ }
2992
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2993
+ background: rgba(var(--color-sf-on-surface), 0.05);
2994
+ }
2980
2995
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2981
2996
  border: 0.5px solid transparent;
2982
2997
  }
package/styles/rich-text-editor/material3.css CHANGED
@@ -1876,6 +1876,14 @@
1876
1876
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1877
1877
  min-height: 48px;
1878
1878
  }
1879
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1880
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1881
+ height: 40px;
1882
+ }
1883
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1884
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1885
+ height: 40px;
1886
+ }
1879
1887
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1880
1888
  margin: 0 8px;
1881
1889
  min-height: 48px;
@@ -2844,9 +2852,6 @@
2844
2852
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2845
2853
  color: rgba(var(--color-sf-on-surface-variant));
2846
2854
  }
2847
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2848
- color: rgba(var(--color-sf-on-surface-variant));
2849
- }
2850
2855
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2851
2856
  color: rgba(var(--color-sf-on-surface-variant));
2852
2857
  }
@@ -2898,7 +2903,7 @@
2898
2903
  .e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
2899
2904
  .e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
2900
2905
  .e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
2901
- border: dashed 2px rgba(var(--color-sf-primary));
2906
+ border: solid 2px rgba(var(--color-sf-primary));
2902
2907
  }
2903
2908
  .e-richtexteditor .e-rte-content .e-content a,
2904
2909
  .e-richtexteditor .e-source-content .e-content a {
@@ -3033,6 +3038,16 @@
3033
3038
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
3034
3039
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3035
3040
  }
3041
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
3042
+ padding-top: 5.5px;
3043
+ height: 30px;
3044
+ }
3045
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
3046
+ background: rgba(var(--color-sf-on-surface), 0.05);
3047
+ }
3048
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
3049
+ background: rgba(var(--color-sf-on-surface), 0.05);
3050
+ }
3036
3051
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
3037
3052
  border: 0.5px solid transparent;
3038
3053
  }