@syncfusion/ej2-richtexteditor 20.4.44 → 20.4.48

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.44
+*  version : 20.4.48
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@20.4.43",
+  "_id": "@syncfusion/ej2-richtexteditor@20.4.44",
   "_inBundle": false,
-  "_integrity": "sha512-vqEugl7iKxPWzOs/ki6IYoaHQWRBJz/+yS49WfW/8B+1bhVUMFEGvOflIdU0PawDsVauNFIVvUeLkLE6CpNQCQ==",
+  "_integrity": "sha512-SSosVFt9MM78csSqquCmLxsKZeoG/7sgZuQkEcOa0vDrW++zg/amcIbJOorkJrP6PD8+e1XeK/trTMIOhaGZkg==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.4.43.tgz",
-  "_shasum": "8b15e4adefba29920017e631b7d96b4ff30d5994",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.4.44.tgz",
+  "_shasum": "fd5099e5a983004caa9bb94f6051bcdf7ab24a7b",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -38,13 +38,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.44",
-    "@syncfusion/ej2-buttons": "~20.4.44",
-    "@syncfusion/ej2-filemanager": "~20.4.43",
-    "@syncfusion/ej2-inputs": "~20.4.42",
-    "@syncfusion/ej2-navigations": "~20.4.44",
-    "@syncfusion/ej2-popups": "~20.4.44",
-    "@syncfusion/ej2-splitbuttons": "~20.4.42"
+    "@syncfusion/ej2-base": "~20.4.48",
+    "@syncfusion/ej2-buttons": "~20.4.48",
+    "@syncfusion/ej2-filemanager": "~20.4.48",
+    "@syncfusion/ej2-inputs": "~20.4.48",
+    "@syncfusion/ej2-navigations": "~20.4.48",
+    "@syncfusion/ej2-popups": "~20.4.48",
+    "@syncfusion/ej2-splitbuttons": "~20.4.48"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.44",
+  "version": "20.4.48",
   "sideEffects": false
 }

package/src/editor-manager/plugin/inserthtml.js

@@ -401,7 +401,7 @@ var InsertHtml = /** @class */ (function () {
                         detach(currentNode.nextSibling);
                     }
                 }
-                else if (currentNode.nodeName === '#text' && !isNOU(currentNode.parentElement) &&
+                else if ((currentNode.nodeName === '#text' || currentNode.nodeName === "BR") && !isNOU(currentNode.parentElement) &&
                     (currentNode.parentElement.nodeName === 'LI' || (blockNode === editNode && currentNode.parentElement === blockNode)) &&
                     currentNode.parentElement.textContent.trim().length > 0) {
                     splitedElm = currentNode;

package/src/editor-manager/plugin/selection-commands.js

@@ -95,7 +95,7 @@ var SelectionCommands = /** @class */ (function () {
                         isSubSup = formatNode === null ? false : true;
                     }
                 }
-                else if ((format === 'fontsize' || format === 'fontname' || format === 'fontcolor') && range.startContainer.parentElement === endNode) {
+                else if ((format === 'fontsize' || format === 'fontname' || format === 'fontcolor' || format === 'backgroundcolor') && range.startContainer.parentElement === endNode) {
                     formatNode = null;
                 }
                 if (index === 0 && formatNode === null) {
@@ -361,21 +361,21 @@ var SelectionCommands = /** @class */ (function () {
         return nodes[index];
     };
     SelectionCommands.insertFormat = function (docElement, nodes, index, formatNode, isCursor, isFormat, isFontStyle, range, nodeCutter, format, value, domNode, endNode) {
-        var rootBlockNode;
+        var rootElementNode;
         if (!isCursor) {
             if ((formatNode === null && isFormat) || isFontStyle) {
                 if (nodes[index].nodeName !== 'BR') {
-                    if (format === 'fontsize' || format === 'fontname' || format === 'fontcolor') {
+                    if (format === 'fontsize' || format === 'fontname' || format === 'fontcolor' || format === 'backgroundcolor') {
                         var rangeNode = nodes[index];
                         while (rangeNode && !domNode.isBlockNode(rangeNode) && rangeNode !== endNode) {
                             if (domNode.isBlockNode(rangeNode.parentElement)) {
-                                rootBlockNode = rangeNode;
+                                rootElementNode = rangeNode;
                             }
                             rangeNode = rangeNode.parentElement;
                         }
-                        if (rootBlockNode && rootBlockNode.nodeType !== 3) {
-                            nodeCutter.SplitNode(range, rootBlockNode, true).cloneNode(true);
-                            nodeCutter.SplitNode(range, rootBlockNode, false).cloneNode(false);
+                        if (rootElementNode && rootElementNode.nodeType !== 3) {
+                            nodeCutter.SplitNode(range, rootElementNode, true).cloneNode(true);
+                            nodeCutter.SplitNode(range, rootElementNode, false).cloneNode(false);
                         }
                     }
                     nodes[index] = nodeCutter.GetSpliceNode(range, nodes[index]);
@@ -387,11 +387,11 @@ var SelectionCommands = /** @class */ (function () {
                 }
                 else if (!(isFontStyle === true && value === '')) {
                     var element = this.GetFormatNode(format, value);
-                    if (format === 'fontsize' || format === 'fontcolor' || format === 'fontname') {
-                        if (format !== 'fontname') {
+                    if (format === 'fontsize' || format === 'fontcolor' || format === 'fontname' || format === 'backgroundcolor') {
+                        if (format !== 'fontname' && format !== 'backgroundcolor') {
                             var liElement = nodes[index].parentElement;
                             var parentElement = nodes[index].parentElement;
-                            while (!isNOU(parentElement) && parentElement.tagName.toLowerCase() !== 'li') {
+                            while (!isNOU(parentElement) && parentElement.tagName.toLowerCase() !== 'li' && parentElement !== endNode) {
                                 parentElement = parentElement.parentElement;
                                 liElement = parentElement;
                             }
@@ -406,13 +406,13 @@ var SelectionCommands = /** @class */ (function () {
                                 }
                             }
                         }
-                        if (rootBlockNode && rootBlockNode.nodeType !== 3) {
+                        if (rootElementNode && rootElementNode.nodeType !== 3) {
                             var save = new NodeSelection();
                             save.save(range, docElement);
                             domNode.setMarker(save);
-                            var cloneNode = rootBlockNode.cloneNode(true);
+                            var cloneNode = rootElementNode.cloneNode(true);
                             element.appendChild(cloneNode);
-                            domNode.replaceWith(rootBlockNode, element.outerHTML);
+                            domNode.replaceWith(rootElementNode, element.outerHTML);
                             var currentStartNode = endNode.querySelector('.e-editor-select-start');
                             var currrentEndNode = endNode.querySelector('.e-editor-select-end');
                             if (index === 0) {

package/src/rich-text-editor/base/rich-text-editor-model.d.ts

@@ -948,7 +948,7 @@ export interface RichTextEditorModel extends ComponentModel{
      *
      * @event 'afterPasteCleanup'
      */
-    afterPasteCleanup?: EmitType<object>;
+    afterPasteCleanup?: EmitType<Object>;
 
     /**
      * Triggers before drop the image.

package/src/rich-text-editor/base/rich-text-editor.d.ts

@@ -1044,7 +1044,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      *
      * @event 'afterPasteCleanup'
      */
-    afterPasteCleanup: EmitType<object>;
+    afterPasteCleanup: EmitType<Object>;
     /**
      * Triggers before drop the image.
      *

package/src/rich-text-editor/models/items.js

@@ -55,7 +55,7 @@ export var tools = {
     },
     'fontcolor': {
         'id': 'FontColor',
-        'icon': 'e-font-color',
+        'icon': 'e-rte-font-color',
         'tooltip': 'Font Color',
         'command': 'Font',
         'subCommand': 'FontColor',

package/src/rich-text-editor/renderer/toolbar-renderer.js

@@ -309,6 +309,8 @@ var ToolbarRenderer = /** @class */ (function () {
             target: colorPicker.element.parentElement, cssClass: css,
             enablePersistence: this.parent.enablePersistence, enableRtl: this.parent.enableRtl,
             beforeOpen: function (dropDownArgs) {
+                colorPicker.inline = true;
+                colorPicker.dataBind();
                 if (proxy.parent.readonly || !proxy.parent.enabled) {
                     dropDownArgs.cancel = true;
                     return;
@@ -476,7 +478,7 @@ var ToolbarRenderer = /** @class */ (function () {
         var colorPicker = new ColorPicker({
             enablePersistence: this.parent.enablePersistence,
             enableRtl: this.parent.enableRtl,
-            inline: true,
+            inline: false,
             value: '#fff',
             created: function () {
                 var value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;

package/styles/bootstrap-dark.css

@@ -35,8 +35,8 @@
 .e-rte-dropdown-popup .e-font-name::before {
   content: "\e35f";
 }
-.e-rte-toolbar .e-font-color::before,
-.e-rte-dropdown-popup .e-font-color::before {
+.e-rte-toolbar .e-rte-font-color::before,
+.e-rte-dropdown-popup .e-rte-font-color::before {
   content: "\e34c";
 }
 .e-rte-toolbar .e-background-color::before,
@@ -369,21 +369,21 @@
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret) {
   font-size: 18px;
 }
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
   top: -20px;
 }
@@ -620,18 +620,18 @@
   padding-left: 8px;
   padding-right: 2.5px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before {
   font-size: 12px;
   position: relative;
   top: -18px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
   font-size: 13px;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,

package/styles/bootstrap.css

@@ -176,8 +176,8 @@
 .e-rte-dropdown-popup .e-font-name::before {
   content: "\e35f";
 }
-.e-rte-toolbar .e-font-color::before,
-.e-rte-dropdown-popup .e-font-color::before {
+.e-rte-toolbar .e-rte-font-color::before,
+.e-rte-dropdown-popup .e-rte-font-color::before {
   content: "\e34c";
 }
 .e-rte-toolbar .e-background-color::before,
@@ -510,21 +510,21 @@
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret) {
   font-size: 18px;
 }
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
   top: -20px;
 }
@@ -761,18 +761,18 @@
   padding-left: 8px;
   padding-right: 2.5px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before {
   font-size: 12px;
   position: relative;
   top: -18px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
   font-size: 13px;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,

package/styles/bootstrap4.css

@@ -271,8 +271,8 @@
 .e-rte-dropdown-popup .e-font-name::before {
   content: "\e74b";
 }
-.e-rte-toolbar .e-font-color::before,
-.e-rte-dropdown-popup .e-font-color::before {
+.e-rte-toolbar .e-rte-font-color::before,
+.e-rte-dropdown-popup .e-rte-font-color::before {
   content: "\e80e";
 }
 .e-rte-toolbar .e-background-color::before,
@@ -605,21 +605,21 @@
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret) {
   font-size: 18px;
 }
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
   top: -20px;
 }
@@ -856,18 +856,18 @@
   padding-left: 8px;
   padding-right: 2px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before {
   font-size: 12px;
   position: relative;
   top: -18px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
   font-size: 13px;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,

package/styles/bootstrap5-dark.css

@@ -24,8 +24,8 @@
 .e-rte-dropdown-popup .e-font-name::before {
   content: "\e76f";
 }
-.e-rte-toolbar .e-font-color::before,
-.e-rte-dropdown-popup .e-font-color::before {
+.e-rte-toolbar .e-rte-font-color::before,
+.e-rte-dropdown-popup .e-rte-font-color::before {
   content: "\e79f";
 }
 .e-rte-toolbar .e-background-color::before,
@@ -362,21 +362,21 @@
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret) {
   font-size: 18px;
 }
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
   top: -20px;
 }
@@ -624,18 +624,18 @@
   padding-left: 7px;
   padding-right: 7px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before {
   font-size: 12px;
   position: relative;
   top: -18px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
   font-size: 13px;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,

package/styles/bootstrap5.css

@@ -24,8 +24,8 @@
 .e-rte-dropdown-popup .e-font-name::before {
   content: "\e76f";
 }
-.e-rte-toolbar .e-font-color::before,
-.e-rte-dropdown-popup .e-font-color::before {
+.e-rte-toolbar .e-rte-font-color::before,
+.e-rte-dropdown-popup .e-rte-font-color::before {
   content: "\e79f";
 }
 .e-rte-toolbar .e-background-color::before,
@@ -362,21 +362,21 @@
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret) {
   font-size: 18px;
 }
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
   top: -20px;
 }
@@ -624,18 +624,18 @@
   padding-left: 7px;
   padding-right: 7px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before {
   font-size: 12px;
   position: relative;
   top: -18px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
   font-size: 13px;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,

package/styles/fabric-dark.css

@@ -24,8 +24,8 @@
 .e-rte-dropdown-popup .e-font-name::before {
   content: "\e35f";
 }
-.e-rte-toolbar .e-font-color::before,
-.e-rte-dropdown-popup .e-font-color::before {
+.e-rte-toolbar .e-rte-font-color::before,
+.e-rte-dropdown-popup .e-rte-font-color::before {
   content: "\e34c";
 }
 .e-rte-toolbar .e-background-color::before,
@@ -358,21 +358,21 @@
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret) {
   font-size: 18px;
 }
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-bigger .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-background-color .e-selected-color.e-icons::before,
-.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
   top: -20px;
 }
@@ -609,18 +609,18 @@
   padding-left: 8px;
   padding-right: 6.5px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color .e-selected-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before {
   font-size: 12px;
   position: relative;
   top: -18px;
 }
-.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-font-color.e-icons::before,
-.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-font-color.e-icons::before {
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
   font-size: 13px;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-numberformatlist-dropdown .e-rte-list-primary-content,