@syncfusion/blazor-themes 23.2.7 → 24.1.43

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss

@@ -391,6 +391,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       }
     }
 
+    .e-rte-toolbar {
+      .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
+        margin-left: 0;
+      }
+    }
+
     @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
       .e-rte-toolbar .e-toolbar-item .e-dropdown-btn .e-dropdown-btn {
         font-size: $dropdown-btn-big-font-size;
@@ -608,6 +614,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         margin-left: $rte-tb-items-margin-left;
       }
 
+      .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
+        margin-left: 0;
+      }
+
       .e-hor-nav.e-expended-nav {
         height: auto;
         min-height: $rte-tb-expended-min-height;
@@ -808,7 +818,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         height: 100%;
         min-height: 100px;
         outline: 0 solid transparent;
-        overflow-x: auto;
         padding: $rte-content-padding;
         position: relative;
         text-align: inherit;
@@ -1357,7 +1366,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     height: 1px;
   }
 
-  .e-richtexteditor {
+  .e-richtexteditor,
+  .e-rte-elements {
     .e-linkheader,
     .e-audioheader,
     .e-videoheader,
@@ -2441,9 +2451,74 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
   }
 
-  .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
+  .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell,
+  .e-rte-elements.e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
     margin: 1px;
   }
+  .e-rte-elements{
+    .e-rte-table-popup.e-popup-open{
+      .e-rte-table-row {
+        height: 16px;
+      }
+      .e-insert-table-btn {
+        @if $skin-name == 'FluentUI' {
+          margin-top: $rte-table-popup-btn-margin-top;
+        }
+        width: 100%;
+      }
+      .e-rte-tablecell {
+        border: $rte-table-span-border;
+        display: inline-block;
+        height: 14px;
+        margin: 1px;
+        overflow: hidden;
+        vertical-align: top;
+        width: 14px;
+      }
+    }
+    .e-rte-table-popup.e-popup.e-popup-open {
+      border-radius: $rte-table-popup-bdr-radius;
+      box-shadow: $rte-table-popup-box;
+      font-size: 14px;
+      font-weight: normal;
+      min-width: 120px;
+      overflow: hidden;
+      padding: $rte-table-popup-padding;
+    }
+  }
+  
+  .e-rte-elements.e-dialog {
+    .e-img-uploadwrap.e-droparea .e-rte-upload-text,
+    .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
+    .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
+      display: inline-block;
+      line-height: normal;
+    }
+    .e-img-uploadwrap.e-droparea,
+    .e-aud-uploadwrap.e-droparea,
+    .e-vid-uploadwrap.e-droparea {
+      line-height: $rte-droparea-line-height;
+      min-height: 50px;
+      position: relative;
+    }
+    .e-img-uploadwrap.e-droparea .e-browsebtn,
+    .e-aud-uploadwrap.e-droparea .e-browsebtn,
+    .e-vid-uploadwrap.e-droparea .e-browsebtn {
+      display: block;
+      height: $rte-droparea-browsebtn-height;
+      margin: 0 auto;
+      padding: $rte-droparea-browsebtn-padding;
+      position: relative;
+      top: $rte-droparea-browsebtn-top;
+      @if $skin-name == 'FluentUI' {
+        outline: none;
+      }
+    }
+    .e-vid-uploadwrap.e-droparea .e-browsebtn,
+    .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
+      top: -130px;
+    }
+  }
   .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
   .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
     visibility: hidden;
@@ -3086,7 +3161,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
   }
 
   .e-rte-table.e-alternate-border tbody tr:nth-child(2n+0) {
-    background-color: $rte-table-alternate-color;
+    background: $rte-table-alternate-color;
     @if $skin-name == 'highcontrast' {
       color: $rte-img-popup-color;
     }
@@ -3439,7 +3514,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-caption::before {
-      content: '\e35b';
+      content: '\e11d';
     }
 
     .e-remove::before,
@@ -3516,7 +3591,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-table-header::before {
-      content: '\eb03';
+      content: '\e705';
     }
 
     .e-table-remove::before {
@@ -3540,7 +3615,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-create-table::before {
-      content: '\e705';
+      content: '\e294';
     }
 
     .e-align-bottom::before {

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss

@@ -517,6 +517,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       }
     }
 
+    .e-rte-toolbar {
+      .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
+        margin-left: 0;
+      }
+    }
+
     @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
       .e-rte-toolbar .e-toolbar-item .e-dropdown-btn .e-dropdown-btn {
         font-size: $dropdown-btn-big-font-size;
@@ -734,6 +740,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         margin-left: $rte-tb-items-margin-left;
       }
 
+      .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
+        margin-left: 0;
+      }
+
       .e-hor-nav.e-expended-nav {
         height: auto;
         min-height: $rte-tb-expended-min-height;
@@ -934,7 +944,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         height: 100%;
         min-height: 100px;
         outline: 0 solid transparent;
-        overflow-x: auto;
         padding: $rte-content-padding;
         position: relative;
         text-align: inherit;
@@ -1483,7 +1492,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     height: 1px;
   }
 
-  .e-richtexteditor {
+  .e-richtexteditor,
+  .e-rte-elements {
     .e-linkheader,
     .e-audioheader,
     .e-videoheader,
@@ -2567,9 +2577,74 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
   }
 
-  .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
+  .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell,
+  .e-rte-elements.e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
     margin: 1px;
   }
+  .e-rte-elements{
+    .e-rte-table-popup.e-popup-open{
+      .e-rte-table-row {
+        height: 16px;
+      }
+      .e-insert-table-btn {
+        @if $skin-name == 'FluentUI' {
+          margin-top: $rte-table-popup-btn-margin-top;
+        }
+        width: 100%;
+      }
+      .e-rte-tablecell {
+        border: $rte-table-span-border;
+        display: inline-block;
+        height: 14px;
+        margin: 1px;
+        overflow: hidden;
+        vertical-align: top;
+        width: 14px;
+      }
+    }
+    .e-rte-table-popup.e-popup.e-popup-open {
+      border-radius: $rte-table-popup-bdr-radius;
+      box-shadow: $rte-table-popup-box;
+      font-size: 14px;
+      font-weight: normal;
+      min-width: 120px;
+      overflow: hidden;
+      padding: $rte-table-popup-padding;
+    }
+  }
+  
+  .e-rte-elements.e-dialog {
+    .e-img-uploadwrap.e-droparea .e-rte-upload-text,
+    .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
+    .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
+      display: inline-block;
+      line-height: normal;
+    }
+    .e-img-uploadwrap.e-droparea,
+    .e-aud-uploadwrap.e-droparea,
+    .e-vid-uploadwrap.e-droparea {
+      line-height: $rte-droparea-line-height;
+      min-height: 50px;
+      position: relative;
+    }
+    .e-img-uploadwrap.e-droparea .e-browsebtn,
+    .e-aud-uploadwrap.e-droparea .e-browsebtn,
+    .e-vid-uploadwrap.e-droparea .e-browsebtn {
+      display: block;
+      height: $rte-droparea-browsebtn-height;
+      margin: 0 auto;
+      padding: $rte-droparea-browsebtn-padding;
+      position: relative;
+      top: $rte-droparea-browsebtn-top;
+      @if $skin-name == 'FluentUI' {
+        outline: none;
+      }
+    }
+    .e-vid-uploadwrap.e-droparea .e-browsebtn,
+    .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
+      top: -130px;
+    }
+  }
   .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
   .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
     visibility: hidden;
@@ -3212,7 +3287,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
   }
 
   .e-rte-table.e-alternate-border tbody tr:nth-child(2n+0) {
-    background-color: $rte-table-alternate-color;
+    background: $rte-table-alternate-color;
     @if $skin-name == 'highcontrast' {
       color: $rte-img-popup-color;
     }
@@ -3565,7 +3640,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-caption::before {
-      content: '\e795';
+      content: '\e99e';
     }
 
     .e-remove::before,
@@ -3642,7 +3717,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-table-header::before {
-      content: '\e80a';
+      content: '\e763';
     }
 
     .e-table-remove::before {
@@ -3666,7 +3741,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-create-table::before {
-      content: '\e763';
+      content: '\e7ad';
     }
 
     .e-align-bottom::before {

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss

@@ -279,7 +279,7 @@ $rte-drop-text-mobile-width: 250px !default;
 $rte-tbar-default-bg: $content-bg-color-alt1;
 $rte-expand-tbar-hover-bg: $secondary-bg-color-hover !default;
 $rte-big-insert-dialog-label-padding-top: 12px;
-$rte-tbar-icon-size: 16px;
+$rte-tbar-icon-size: 12px;
 $rte-background-color-icon-fontsize: 16px;
 $rte-big-background-color-icon-fontsize: 18px;
 $rte-dropdown-btn-color-content-padding: 1px !default;
@@ -319,6 +319,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       }
     }
 
+    .e-rte-toolbar {
+      .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
+        margin-left: 0;
+      }
+    }
+
     @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
       .e-rte-toolbar .e-toolbar-item .e-dropdown-btn .e-dropdown-btn {
         font-size: $dropdown-btn-big-font-size;
@@ -536,6 +542,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         margin-left: $rte-tb-items-margin-left;
       }
 
+      .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
+        margin-left: 0;
+      }
+
       .e-hor-nav.e-expended-nav {
         height: auto;
         min-height: $rte-tb-expended-min-height;
@@ -736,7 +746,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         height: 100%;
         min-height: 100px;
         outline: 0 solid transparent;
-        overflow-x: auto;
         padding: $rte-content-padding;
         position: relative;
         text-align: inherit;
@@ -1285,7 +1294,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     height: 1px;
   }
 
-  .e-richtexteditor {
+  .e-richtexteditor,
+  .e-rte-elements {
     .e-linkheader,
     .e-audioheader,
     .e-videoheader,
@@ -2369,9 +2379,74 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
   }
 
-  .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
+  .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell,
+  .e-rte-elements.e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
     margin: 1px;
   }
+  .e-rte-elements{
+    .e-rte-table-popup.e-popup-open{
+      .e-rte-table-row {
+        height: 16px;
+      }
+      .e-insert-table-btn {
+        @if $skin-name == 'FluentUI' {
+          margin-top: $rte-table-popup-btn-margin-top;
+        }
+        width: 100%;
+      }
+      .e-rte-tablecell {
+        border: $rte-table-span-border;
+        display: inline-block;
+        height: 14px;
+        margin: 1px;
+        overflow: hidden;
+        vertical-align: top;
+        width: 14px;
+      }
+    }
+    .e-rte-table-popup.e-popup.e-popup-open {
+      border-radius: $rte-table-popup-bdr-radius;
+      box-shadow: $rte-table-popup-box;
+      font-size: 14px;
+      font-weight: normal;
+      min-width: 120px;
+      overflow: hidden;
+      padding: $rte-table-popup-padding;
+    }
+  }
+  
+  .e-rte-elements.e-dialog {
+    .e-img-uploadwrap.e-droparea .e-rte-upload-text,
+    .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
+    .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
+      display: inline-block;
+      line-height: normal;
+    }
+    .e-img-uploadwrap.e-droparea,
+    .e-aud-uploadwrap.e-droparea,
+    .e-vid-uploadwrap.e-droparea {
+      line-height: $rte-droparea-line-height;
+      min-height: 50px;
+      position: relative;
+    }
+    .e-img-uploadwrap.e-droparea .e-browsebtn,
+    .e-aud-uploadwrap.e-droparea .e-browsebtn,
+    .e-vid-uploadwrap.e-droparea .e-browsebtn {
+      display: block;
+      height: $rte-droparea-browsebtn-height;
+      margin: 0 auto;
+      padding: $rte-droparea-browsebtn-padding;
+      position: relative;
+      top: $rte-droparea-browsebtn-top;
+      @if $skin-name == 'FluentUI' {
+        outline: none;
+      }
+    }
+    .e-vid-uploadwrap.e-droparea .e-browsebtn,
+    .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
+      top: -130px;
+    }
+  }
   .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
   .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
     visibility: hidden;
@@ -3014,7 +3089,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
   }
 
   .e-rte-table.e-alternate-border tbody tr:nth-child(2n+0) {
-    background-color: $rte-table-alternate-color;
+    background: $rte-table-alternate-color;
     @if $skin-name == 'highcontrast' {
       color: $rte-img-popup-color;
     }
@@ -3366,7 +3441,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-caption::before {
-      content: '\e82e';
+      content: '\e8e2';
     }
 
     .e-remove::before,
@@ -3443,7 +3518,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-table-header::before {
-      content: '\e7c3';
+      content: '\e7e9';
     }
 
     .e-table-remove::before {
@@ -3467,7 +3542,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-create-table::before {
-      content: '\e7e9';
+      content: '\e83f';
     }
 
     .e-align-bottom::before {

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss

@@ -279,7 +279,7 @@ $rte-drop-text-mobile-width: 250px !default;
 $rte-tbar-default-bg: $content-bg-color-alt1;
 $rte-expand-tbar-hover-bg: $secondary-bg-color-hover !default;
 $rte-big-insert-dialog-label-padding-top: 12px;
-$rte-tbar-icon-size: 16px;
+$rte-tbar-icon-size: 12px;
 $rte-background-color-icon-fontsize: 16px;
 $rte-big-background-color-icon-fontsize: 18px;
 $rte-dropdown-btn-color-content-padding: 1px !default;
@@ -319,6 +319,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       }
     }
 
+    .e-rte-toolbar {
+      .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
+        margin-left: 0;
+      }
+    }
+
     @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
       .e-rte-toolbar .e-toolbar-item .e-dropdown-btn .e-dropdown-btn {
         font-size: $dropdown-btn-big-font-size;
@@ -536,6 +542,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         margin-left: $rte-tb-items-margin-left;
       }
 
+      .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-item:first-child {
+        margin-left: 0;
+      }
+
       .e-hor-nav.e-expended-nav {
         height: auto;
         min-height: $rte-tb-expended-min-height;
@@ -736,7 +746,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         height: 100%;
         min-height: 100px;
         outline: 0 solid transparent;
-        overflow-x: auto;
         padding: $rte-content-padding;
         position: relative;
         text-align: inherit;
@@ -1285,7 +1294,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     height: 1px;
   }
 
-  .e-richtexteditor {
+  .e-richtexteditor,
+  .e-rte-elements {
     .e-linkheader,
     .e-audioheader,
     .e-videoheader,
@@ -2369,9 +2379,74 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
   }
 
-  .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
+  .e-richtexteditor .e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell,
+  .e-rte-elements.e-rte-table-popup.e-popup-open.e-dialog .e-rte-tablecell {
     margin: 1px;
   }
+  .e-rte-elements{
+    .e-rte-table-popup.e-popup-open{
+      .e-rte-table-row {
+        height: 16px;
+      }
+      .e-insert-table-btn {
+        @if $skin-name == 'FluentUI' {
+          margin-top: $rte-table-popup-btn-margin-top;
+        }
+        width: 100%;
+      }
+      .e-rte-tablecell {
+        border: $rte-table-span-border;
+        display: inline-block;
+        height: 14px;
+        margin: 1px;
+        overflow: hidden;
+        vertical-align: top;
+        width: 14px;
+      }
+    }
+    .e-rte-table-popup.e-popup.e-popup-open {
+      border-radius: $rte-table-popup-bdr-radius;
+      box-shadow: $rte-table-popup-box;
+      font-size: 14px;
+      font-weight: normal;
+      min-width: 120px;
+      overflow: hidden;
+      padding: $rte-table-popup-padding;
+    }
+  }
+  
+  .e-rte-elements.e-dialog {
+    .e-img-uploadwrap.e-droparea .e-rte-upload-text,
+    .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
+    .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
+      display: inline-block;
+      line-height: normal;
+    }
+    .e-img-uploadwrap.e-droparea,
+    .e-aud-uploadwrap.e-droparea,
+    .e-vid-uploadwrap.e-droparea {
+      line-height: $rte-droparea-line-height;
+      min-height: 50px;
+      position: relative;
+    }
+    .e-img-uploadwrap.e-droparea .e-browsebtn,
+    .e-aud-uploadwrap.e-droparea .e-browsebtn,
+    .e-vid-uploadwrap.e-droparea .e-browsebtn {
+      display: block;
+      height: $rte-droparea-browsebtn-height;
+      margin: 0 auto;
+      padding: $rte-droparea-browsebtn-padding;
+      position: relative;
+      top: $rte-droparea-browsebtn-top;
+      @if $skin-name == 'FluentUI' {
+        outline: none;
+      }
+    }
+    .e-vid-uploadwrap.e-droparea .e-browsebtn,
+    .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
+      top: -130px;
+    }
+  }
   .e-transparent.e-rte-elements.e-tbar-btn.e-rte-fontcolor-dropdown,
   .e-transparent.e-rte-elements.e-tbar-btn.e-rte-backgroundcolor-dropdown {
     visibility: hidden;
@@ -3014,7 +3089,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
   }
 
   .e-rte-table.e-alternate-border tbody tr:nth-child(2n+0) {
-    background-color: $rte-table-alternate-color;
+    background: $rte-table-alternate-color;
     @if $skin-name == 'highcontrast' {
       color: $rte-img-popup-color;
     }
@@ -3366,7 +3441,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-caption::before {
-      content: '\e82e';
+      content: '\e8e2';
     }
 
     .e-remove::before,
@@ -3443,7 +3518,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-table-header::before {
-      content: '\e7c3';
+      content: '\e7e9';
     }
 
     .e-table-remove::before {
@@ -3467,7 +3542,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-create-table::before {
-      content: '\e7e9';
+      content: '\e83f';
     }
 
     .e-align-bottom::before {