@syncfusion/blazor-themes 23.2.7 → 24.1.43

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

@@ -316,6 +316,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;
@@ -533,6 +539,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;
@@ -733,7 +743,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;
@@ -1282,7 +1291,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,
@@ -2366,9 +2376,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;
@@ -3011,7 +3086,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;
     }
@@ -3364,7 +3439,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-caption::before {
-      content: '\e35b';
+      content: '\e9a8';
     }
 
     .e-remove::before,
@@ -3441,7 +3516,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-table-header::before {
-      content: '\eb03';
+      content: '\e705';
     }
 
     .e-table-remove::before {
@@ -3465,7 +3540,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/fabric.scss

@@ -314,6 +314,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;
@@ -531,6 +537,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;
@@ -731,7 +741,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;
@@ -1280,7 +1289,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,
@@ -2364,9 +2374,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;
@@ -3009,7 +3084,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;
     }
@@ -3362,7 +3437,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-caption::before {
-      content: '\e35b';
+      content: '\e9a8';
     }
 
     .e-remove::before,
@@ -3439,7 +3514,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-table-header::before {
-      content: '\eb03';
+      content: '\e705';
     }
 
     .e-table-remove::before {
@@ -3463,7 +3538,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/fluent-dark.scss

@@ -288,7 +288,7 @@ $rte-big-background-color-icon-fontsize: 18px;
 $rte-dropdown-btn-color-content-padding: 0 !default;
 $rte-big-dropdown-btn-color-content-padding: 3px !default;
 $rte-tb-expended-min-height: 40px !default;
-$rte-big-tb-expended-min-height: 50px !default;
+$rte-big-tb-expended-min-height: 48px !default;
 $rte-tb-expended-padding-left: 1px !default;
 $rte-tb-expended-hover-padding-left: 0 !default;
 $rte-toolbar-expaned-minwidth: 32px !default;
@@ -320,6 +320,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;
@@ -537,6 +543,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;
@@ -737,7 +747,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;
@@ -1286,7 +1295,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,
@@ -2370,9 +2380,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;
@@ -3015,7 +3090,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;
     }
@@ -3367,7 +3442,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-caption::before {
-      content: '\e82e';
+      content: '\e8e2';
     }
 
     .e-remove::before,
@@ -3444,7 +3519,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-table-header::before {
-      content: '\e7c3';
+      content: '\e7e9';
     }
 
     .e-table-remove::before {
@@ -3468,7 +3543,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/fluent.scss

@@ -288,7 +288,7 @@ $rte-big-background-color-icon-fontsize: 18px;
 $rte-dropdown-btn-color-content-padding: 0 !default;
 $rte-big-dropdown-btn-color-content-padding: 3px !default;
 $rte-tb-expended-min-height: 40px !default;
-$rte-big-tb-expended-min-height: 50px !default;
+$rte-big-tb-expended-min-height: 48px !default;
 $rte-tb-expended-padding-left: 1px !default;
 $rte-tb-expended-hover-padding-left: 0 !default;
 $rte-toolbar-expaned-minwidth: 32px !default;
@@ -320,6 +320,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;
@@ -537,6 +543,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;
@@ -737,7 +747,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;
@@ -1286,7 +1295,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,
@@ -2370,9 +2380,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;
@@ -3015,7 +3090,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;
     }
@@ -3367,7 +3442,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-caption::before {
-      content: '\e82e';
+      content: '\e8e2';
     }
 
     .e-remove::before,
@@ -3444,7 +3519,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-table-header::before {
-      content: '\e7c3';
+      content: '\e7e9';
     }
 
     .e-table-remove::before {
@@ -3468,7 +3543,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     }
 
     .e-create-table::before {
-      content: '\e7e9';
+      content: '\e83f';
     }
 
     .e-align-bottom::before {