@syncfusion/ej2-richtexteditor 24.2.7 → 24.2.8

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 (71) hide show
  1. package/CHANGELOG.md +12 -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 +294 -147
  6. package/dist/es6/ej2-richtexteditor.es2015.js.map +1 -1
  7. package/dist/es6/ej2-richtexteditor.es5.js +295 -146
  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 +7 -7
  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/lists.js +79 -70
  17. package/src/rich-text-editor/actions/base-quick-toolbar.js +2 -2
  18. package/src/rich-text-editor/actions/color-picker.d.ts +1 -0
  19. package/src/rich-text-editor/actions/color-picker.js +10 -0
  20. package/src/rich-text-editor/actions/toolbar.js +3 -0
  21. package/src/rich-text-editor/base/constant.d.ts +5 -0
  22. package/src/rich-text-editor/base/constant.js +5 -0
  23. package/src/rich-text-editor/base/rich-text-editor.js +21 -5
  24. package/src/rich-text-editor/models/default-locale.js +1 -1
  25. package/src/rich-text-editor/renderer/dialog-renderer.js +5 -1
  26. package/src/rich-text-editor/renderer/iframe-content-renderer.js +1 -1
  27. package/src/rich-text-editor/renderer/image-module.js +28 -7
  28. package/src/rich-text-editor/renderer/table-module.d.ts +3 -1
  29. package/src/rich-text-editor/renderer/table-module.js +111 -50
  30. package/src/rich-text-editor/renderer/toolbar-renderer.js +13 -13
  31. package/styles/bootstrap-dark.css +32 -13
  32. package/styles/bootstrap.css +36 -20
  33. package/styles/bootstrap4.css +18 -3
  34. package/styles/bootstrap5-dark.css +22 -9
  35. package/styles/bootstrap5.css +22 -9
  36. package/styles/fabric-dark.css +18 -3
  37. package/styles/fabric.css +18 -3
  38. package/styles/fluent-dark.css +24 -3
  39. package/styles/fluent.css +24 -3
  40. package/styles/highcontrast-light.css +18 -3
  41. package/styles/highcontrast.css +21 -3
  42. package/styles/material-dark.css +22 -3
  43. package/styles/material.css +22 -3
  44. package/styles/material3-dark.css +19 -4
  45. package/styles/material3.css +19 -4
  46. package/styles/rich-text-editor/_bootstrap-dark-definition.scss +8 -8
  47. package/styles/rich-text-editor/_bootstrap-definition.scss +14 -14
  48. package/styles/rich-text-editor/_layout.scss +11 -0
  49. package/styles/rich-text-editor/_material3-definition.scss +1 -1
  50. package/styles/rich-text-editor/_theme.scss +47 -13
  51. package/styles/rich-text-editor/bootstrap-dark.css +32 -13
  52. package/styles/rich-text-editor/bootstrap.css +36 -20
  53. package/styles/rich-text-editor/bootstrap4.css +18 -3
  54. package/styles/rich-text-editor/bootstrap5-dark.css +22 -9
  55. package/styles/rich-text-editor/bootstrap5.css +22 -9
  56. package/styles/rich-text-editor/fabric-dark.css +18 -3
  57. package/styles/rich-text-editor/fabric.css +18 -3
  58. package/styles/rich-text-editor/fluent-dark.css +24 -3
  59. package/styles/rich-text-editor/fluent.css +24 -3
  60. package/styles/rich-text-editor/highcontrast-light.css +18 -3
  61. package/styles/rich-text-editor/highcontrast.css +21 -3
  62. package/styles/rich-text-editor/material-dark.css +22 -3
  63. package/styles/rich-text-editor/material.css +22 -3
  64. package/styles/rich-text-editor/material3-dark.css +19 -4
  65. package/styles/rich-text-editor/material3.css +19 -4
  66. package/styles/rich-text-editor/tailwind-dark.css +30 -3
  67. package/styles/rich-text-editor/tailwind.css +30 -3
  68. package/styles/tailwind-dark.css +30 -3
  69. package/styles/tailwind.css +30 -3
  70. package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -41
  71. package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -27
@@ -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
  }
@@ -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
  }
@@ -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
  }
@@ -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
  }
@@ -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
  }
@@ -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
  }
@@ -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,
@@ -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,
@@ -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
  }
@@ -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
  }
@@ -1777,6 +1777,14 @@
1777
1777
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1778
1778
  min-height: 48px;
1779
1779
  }
1780
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1781
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1782
+ height: 38px;
1783
+ }
1784
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1785
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1786
+ height: 38px;
1787
+ }
1780
1788
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1781
1789
  margin: 0 6px;
1782
1790
  min-height: 48px;
@@ -2736,9 +2744,6 @@
2736
2744
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2737
2745
  color: #d1d5db;
2738
2746
  }
2739
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2740
- color: #d1d5db;
2741
- }
2742
2747
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2743
2748
  color: #d1d5db;
2744
2749
  }
@@ -2921,6 +2926,19 @@
2921
2926
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2922
2927
  background: #374151;
2923
2928
  }
2929
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2930
+ padding-top: 1px;
2931
+ height: 30px;
2932
+ }
2933
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2934
+ background: #4b5563;
2935
+ }
2936
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2937
+ background: #4b5563;
2938
+ }
2939
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn:hover {
2940
+ background: #232e3e;
2941
+ }
2924
2942
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2925
2943
  border: 0.5px solid #4b5563;
2926
2944
  }
@@ -2968,6 +2986,10 @@
2968
2986
  border-color: #374151;
2969
2987
  }
2970
2988
 
2989
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2990
+ padding-top: 8px;
2991
+ }
2992
+
2971
2993
  .e-dialog .e-img-uploadwrap .e-droptext,
2972
2994
  .e-dialog .e-aud-uploadwrap .e-droptext,
2973
2995
  .e-dialog .e-vid-uploadwrap .e-droptext,
@@ -3194,6 +3216,11 @@ span.e-table-box.e-rbox-select {
3194
3216
  color: #d1d5db;
3195
3217
  }
3196
3218
 
3219
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons,
3220
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
3221
+ color: #6b7280;
3222
+ }
3223
+
3197
3224
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
3198
3225
  border-radius: 4px;
3199
3226
  }
@@ -1777,6 +1777,14 @@
1777
1777
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1778
1778
  min-height: 48px;
1779
1779
  }
1780
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1781
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1782
+ height: 38px;
1783
+ }
1784
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1785
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1786
+ height: 38px;
1787
+ }
1780
1788
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1781
1789
  margin: 0 6px;
1782
1790
  min-height: 48px;
@@ -2736,9 +2744,6 @@
2736
2744
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2737
2745
  color: #6b7280;
2738
2746
  }
2739
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2740
- color: #6b7280;
2741
- }
2742
2747
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2743
2748
  color: #6b7280;
2744
2749
  }
@@ -2921,6 +2926,19 @@
2921
2926
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2922
2927
  background: #f3f4f6;
2923
2928
  }
2929
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2930
+ padding-top: 1px;
2931
+ height: 30px;
2932
+ }
2933
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2934
+ background: #e5e7eb;
2935
+ }
2936
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2937
+ background: #e5e7eb;
2938
+ }
2939
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn:hover {
2940
+ background: #f9fafb;
2941
+ }
2924
2942
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2925
2943
  border: 0.5px solid #e5e7eb;
2926
2944
  }
@@ -2968,6 +2986,10 @@
2968
2986
  border-color: #f3f4f6;
2969
2987
  }
2970
2988
 
2989
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2990
+ padding-top: 8px;
2991
+ }
2992
+
2971
2993
  .e-dialog .e-img-uploadwrap .e-droptext,
2972
2994
  .e-dialog .e-aud-uploadwrap .e-droptext,
2973
2995
  .e-dialog .e-vid-uploadwrap .e-droptext,
@@ -3194,6 +3216,11 @@ span.e-table-box.e-rbox-select {
3194
3216
  color: #6b7280;
3195
3217
  }
3196
3218
 
3219
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons,
3220
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
3221
+ color: #d1d5db;
3222
+ }
3223
+
3197
3224
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
3198
3225
  border-radius: 4px;
3199
3226
  }
@@ -1777,6 +1777,14 @@
1777
1777
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar {
1778
1778
  min-height: 48px;
1779
1779
  }
1780
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
1781
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
1782
+ height: 38px;
1783
+ }
1784
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
1785
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
1786
+ height: 38px;
1787
+ }
1780
1788
  .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
1781
1789
  margin: 0 6px;
1782
1790
  min-height: 48px;
@@ -2736,9 +2744,6 @@
2736
2744
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons {
2737
2745
  color: #d1d5db;
2738
2746
  }
2739
- .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons {
2740
- color: #d1d5db;
2741
- }
2742
2747
  .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn .e-icons {
2743
2748
  color: #d1d5db;
2744
2749
  }
@@ -2921,6 +2926,19 @@
2921
2926
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items {
2922
2927
  background: #374151;
2923
2928
  }
2929
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2930
+ padding-top: 1px;
2931
+ height: 30px;
2932
+ }
2933
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover {
2934
+ background: #4b5563;
2935
+ }
2936
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
2937
+ background: #4b5563;
2938
+ }
2939
+ .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown.e-tbar-btn:hover {
2940
+ background: #232e3e;
2941
+ }
2924
2942
  .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-separator {
2925
2943
  border: 0.5px solid #4b5563;
2926
2944
  }
@@ -2968,6 +2986,10 @@
2968
2986
  border-color: #374151;
2969
2987
  }
2970
2988
 
2989
+ .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content {
2990
+ padding-top: 8px;
2991
+ }
2992
+
2971
2993
  .e-dialog .e-img-uploadwrap .e-droptext,
2972
2994
  .e-dialog .e-aud-uploadwrap .e-droptext,
2973
2995
  .e-dialog .e-vid-uploadwrap .e-droptext,
@@ -3194,6 +3216,11 @@ span.e-table-box.e-rbox-select {
3194
3216
  color: #d1d5db;
3195
3217
  }
3196
3218
 
3219
+ .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons,
3220
+ .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
3221
+ color: #6b7280;
3222
+ }
3223
+
3197
3224
  .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
3198
3225
  border-radius: 4px;
3199
3226
  }