@syncfusion/blazor-themes 21.2.4 → 21.2.6

package/SCSS-Themes/navigations/treeview/material.scss

@@ -15,7 +15,7 @@ $treeview-text-color: rgba($grey-light-font, .87) !default;
 $treeview-item-border-color: transparent !default;
 $treeview-item-active-bg: $grey-200 !default;
 $treeview-icon-active-color: rgba($grey-light-font, .54) !default;
-$treeview-text-active-color: $tree-node-text-color !default;
+$treeview-text-active-color: $accent !default;
 $treeview-item-active-border-color: $grey-200 !default;
 $treeview-item-hover-bg: $grey-100 !default;
 $treeview-icon-hover-color: rgba($grey-light-font, .54) !default;

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss

@@ -48,7 +48,6 @@
 @import '../../navigations/appbar/bootstrap-dark.scss';
 /*! component's default definitions and variables */
 $field-list-skin: 'bootstrap-dark' !default;
-$field-list-active-color: $brand-primary !default;
 $field-list-toggle-border-color: $grey-8c !default;
 $field-list-drag-default-border-color: $field-list-toggle-border-color !default;
 $field-list-border-type: $border-type !default;
@@ -93,7 +92,6 @@ $field-list-icon-size: 14px !default;
 $field-list-toggle-icon-size: 17px !default;
 $field-list-toggle-padding-size: 8px !default;
 $field-list-toggle-icon-bigger-size: 20px !default;
-$field-list-editor-dialog-footer-padding: 0 !default;
 $field-list-toggle-size: 31px !default;
 $field-list-toggle-bigger-size: 36px !default;
 $field-list-editor-search-padding-size: 20px !default;
@@ -2864,11 +2862,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss

@@ -113,7 +113,7 @@ $field-list-button-icon-color: $grey-light-font !default;
 $field-list-icon-hover-color: $grey-light-font !default;
 $field-list-treeview-font-weight: bold !default;
 $error-font-color: #a94442 !default;
-$field-list-excel-member-filter-height: 140px !default;
+$field-list-excel-member-filter-height: 143px !default;
 $field-list-excel-filter-height: 234px !default;
 $field-list-excel-member-filter-bigger-height: 97px !default;
 $field-list-excel-filter-bigger-height: 204px !default;
@@ -2818,11 +2818,7 @@ $field-list-adaptive-outerdiv-height: 176px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss

@@ -113,7 +113,7 @@ $field-list-button-icon-color: $gray-700 !default;
 $field-list-icon-hover-color: #333 !default;
 $field-list-treeview-font-weight: bold !default;
 $error-font-color: #a94442 !default;
-$field-list-excel-member-filter-height: 157px !default;
+$field-list-excel-member-filter-height: 160px !default;
 $field-list-excel-filter-height: 234px !default;
 $field-list-excel-member-filter-bigger-height: 117px !default;
 $field-list-excel-filter-bigger-height: 220px !default;
@@ -2818,11 +2818,7 @@ $field-list-adaptive-outerdiv-height: 177px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss

@@ -99,7 +99,7 @@ $field-list-static-header-icon-wrapper-padding: $field-list-header-icon-wrapper-
 $field-list-static-bigger-header-icon-wrapper-padding: $field-list-bigger-header-icon-wrapper-padding !default;
 $pivot-calculated-icon-opacity: .87 !default;
 $field-list-bigger-button-line-height: 1.1em !default;
-$field-list-excel-member-filter-height: 164px !default;
+$field-list-excel-member-filter-height: 167px !default;
 $field-list-excel-filter-height: 248px !default;
 $field-list-excel-member-filter-bigger-height: 119px !default;
 $field-list-excel-filter-bigger-height: 227px !default;
@@ -138,7 +138,7 @@ $field-list-calc-list-icon: 8px !default;
 $field-list-calc-list-icon-rtl: 5px !default;
 
 // normal variables
-$field-list-active-color: $icon-color !default;
+$field-list-active-color: $primary !default;
 $field-list-default-font-color: $content-text-color !default;
 $field-list-default-formula-font-color: $field-list-default-font-color !default;
 $field-list-default-border-color: $content-bg-color-alt3 !default;
@@ -2822,11 +2822,7 @@ $field-list-adaptive-outerdiv-height: 187px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss

@@ -99,7 +99,7 @@ $field-list-static-header-icon-wrapper-padding: $field-list-header-icon-wrapper-
 $field-list-static-bigger-header-icon-wrapper-padding: $field-list-bigger-header-icon-wrapper-padding !default;
 $pivot-calculated-icon-opacity: .87 !default;
 $field-list-bigger-button-line-height: 1.1em !default;
-$field-list-excel-member-filter-height: 164px !default;
+$field-list-excel-member-filter-height: 167px !default;
 $field-list-excel-filter-height: 248px !default;
 $field-list-excel-member-filter-bigger-height: 119px !default;
 $field-list-excel-filter-bigger-height: 227px !default;
@@ -138,7 +138,7 @@ $field-list-calc-list-icon: 8px !default;
 $field-list-calc-list-icon-rtl: 5px !default;
 
 // normal variables
-$field-list-active-color: $icon-color !default;
+$field-list-active-color: $primary !default;
 $field-list-default-font-color: $content-text-color !default;
 $field-list-default-formula-font-color: $field-list-default-font-color !default;
 $field-list-default-border-color: $content-bg-color-alt3 !default;
@@ -2822,11 +2822,7 @@ $field-list-adaptive-outerdiv-height: 187px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss

@@ -130,7 +130,7 @@ $field-list-default-header-icon-font-color: $neutral-secondary !default;
 $field-list-button-icon-color: $neutral-secondary !default;
 $field-list-icon-hover-color: $neutral-secondary !default;
 $error-font-color: #a80000 !default;
-$field-list-excel-member-filter-height: 117px !default;
+$field-list-excel-member-filter-height: 120px !default;
 $field-list-excel-filter-height: 215px !default;
 $field-list-excel-member-filter-bigger-height: 101px !default;
 $field-list-excel-filter-bigger-height: 208px !default;
@@ -2824,11 +2824,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss

@@ -2818,11 +2818,7 @@ $field-list-adaptive-outerdiv-height: 166px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss

@@ -2822,11 +2822,7 @@ $field-list-adaptive-outerdiv-height: 125px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss

@@ -2822,11 +2822,7 @@ $field-list-adaptive-outerdiv-height: 125px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss

@@ -119,7 +119,7 @@ $field-list-button-focus-color: $selection-bg !default;
 $field-list-button-active-color: $selection-font !default;
 $field-list-drag-icon-color: $bg-base-100 !default;
 $error-font-color: #ff6161 !default;
-$field-list-excel-member-filter-height: 115px !default;
+$field-list-excel-member-filter-height: 118px !default;
 $field-list-excel-filter-height: 212px !default;
 $field-list-excel-member-filter-bigger-height: 98px !default;
 $field-list-excel-filter-bigger-height: 200px !default;
@@ -2819,11 +2819,7 @@ $field-list-adaptive-outerdiv-height: 164px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss

@@ -131,7 +131,7 @@ $field-list-toggle-font-color: $grey-dark-font !default;
 $pivot-calculated-icon-opacity: .87 !default;
 $field-list-bigger-button-line-height: 1.1em !default;
 $error-font-color: #f44336 !default;
-$field-list-excel-member-filter-height: 149px !default;
+$field-list-excel-member-filter-height: 152px !default;
 $field-list-excel-filter-height: 248px !default;
 $field-list-excel-member-filter-bigger-height: 100px !default;
 $field-list-excel-filter-bigger-height: 220px !default;
@@ -2819,11 +2819,7 @@ $field-list-adaptive-outerdiv-height: 165px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/material.scss

@@ -131,7 +131,7 @@ $field-list-toggle-font-color: rgba($grey-light-font, .54) !default;
 $pivot-calculated-icon-opacity: .87 !default;
 $field-list-bigger-button-line-height: 1.1em !default;
 $error-font-color: #f44336 !default;
-$field-list-excel-member-filter-height: 149px !default;
+$field-list-excel-member-filter-height: 152px !default;
 $field-list-excel-filter-height: 248px !default;
 $field-list-excel-member-filter-bigger-height: 100px !default;
 $field-list-excel-filter-bigger-height: 220px !default;
@@ -2819,11 +2819,7 @@ $field-list-adaptive-outerdiv-height: 165px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss

@@ -99,7 +99,7 @@ $field-list-static-header-icon-wrapper-padding: $field-list-header-icon-wrapper-
 $field-list-static-bigger-header-icon-wrapper-padding: $field-list-bigger-header-icon-wrapper-padding !default;
 $pivot-calculated-icon-opacity: .87 !default;
 $field-list-bigger-button-line-height: 1.1em !default;
-$field-list-excel-member-filter-height: 165px !default;
+$field-list-excel-member-filter-height: 170px !default;
 $field-list-excel-filter-height: 248px !default;
 $field-list-excel-member-filter-bigger-height: 113px !default;
 $field-list-excel-filter-bigger-height: 220px !default;
@@ -2822,11 +2822,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss

@@ -99,7 +99,7 @@ $field-list-static-header-icon-wrapper-padding: $field-list-header-icon-wrapper-
 $field-list-static-bigger-header-icon-wrapper-padding: $field-list-bigger-header-icon-wrapper-padding !default;
 $pivot-calculated-icon-opacity: .87 !default;
 $field-list-bigger-button-line-height: 1.1em !default;
-$field-list-excel-member-filter-height: 165px !default;
+$field-list-excel-member-filter-height: 170px !default;
 $field-list-excel-filter-height: 248px !default;
 $field-list-excel-member-filter-bigger-height: 113px !default;
 $field-list-excel-filter-bigger-height: 220px !default;
@@ -2822,11 +2822,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
                 &.e-drop-hover {
                   border-top: 2px dashed $field-list-drop-hover-color;
                   margin-top: -2px;
-                  @if ($skin-name == 'tailwind') {
-                    border-top: 2px solid $field-list-drop-hover-color;
-                  }
-
-                  @if ($skin-name == 'bootstrap5') {
+                  @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5'){
                     border-top: 2px solid $field-list-drop-hover-color;
                   }
                 }

package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss

@@ -145,7 +145,7 @@ $pivotgrid-gtot-font-color: $grey-dark-font 87% !default;
 $pivotgrid-report-label-margin-top: 7px !default;
 $pivotgrid-bigger-report-label-margin-top: 8px !default;
 $pivotview-value-sort-rtl-padding: .8em !default;
-$pivotview-filter-toolbar-items-margin-left: 0 !default;
+$pivotview-filter-toolbar-items-margin-left: 15px !default;
 $pivotview-filter-toolbar-items-margin-right: 0 !default;
 $pivotgrid-header-text-margin-top: 4px !default;
 $pivotgrid-border: $pivotgrid-cell-border-color !default;

package/SCSS-Themes/pivotview/pivotview/bootstrap.scss

@@ -144,7 +144,7 @@ $pivotgrid-gtot-font-color: $grey-light-font !default;
 $pivotgrid-report-label-margin-top: 7px !default;
 $pivotgrid-bigger-report-label-margin-top: 8px !default;
 $pivotview-value-sort-rtl-padding: .8em !default;
-$pivotview-filter-toolbar-items-margin-left: 0 !default;
+$pivotview-filter-toolbar-items-margin-left: 15px !default;
 $pivotview-filter-toolbar-items-margin-right: 0 !default;
 $pivotgrid-header-text-margin-top: 4px !default;
 $pivotgrid-border: $pivotgrid-cell-border-color !default;

package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss

@@ -144,7 +144,7 @@ $pivotgrid-gtot-font-color: $gray-900 !default;
 $pivotgrid-report-label-margin-top: 4px !default;
 $pivotgrid-bigger-report-label-margin-top: 2px !default;
 $pivotview-value-sort-rtl-padding: .8em !default;
-$pivotview-filter-toolbar-items-margin-left: 0 !default;
+$pivotview-filter-toolbar-items-margin-left: 12px !default;
 $pivotview-filter-toolbar-items-margin-right: 0 !default;
 $pivotgrid-header-text-margin-top: 4px !default;
 $pivotgrid-border: $pivotgrid-cell-border-color !default;

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

@@ -3202,6 +3202,27 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
     }
   }
 
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e997';
+      }
+  
+      .e-order-list::before {
+        content: '\e998';
+      }
+  
+      .e-indent::before {
+        content: '\e999';
+      }
+  
+      .e-outdent::before {
+        content: '\e99a';
+      }
+    }
+  }
+
   .e-richtexteditor {
     .e-south-east::before,
     .e-south-west::before {

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

@@ -3257,6 +3257,27 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
     }
   }
 
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e997';
+      }
+  
+      .e-order-list::before {
+        content: '\e998';
+      }
+  
+      .e-indent::before {
+        content: '\e999';
+      }
+  
+      .e-outdent::before {
+        content: '\e99a';
+      }
+    }
+  }
+
   .e-richtexteditor {
     .e-south-east::before,
     .e-south-west::before {

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

@@ -3391,6 +3391,27 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
     }
   }
 
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e980';
+      }
+  
+      .e-order-list::before {
+        content: '\e981';
+      }
+  
+      .e-indent::before {
+        content: '\e982';
+      }
+  
+      .e-outdent::before {
+        content: '\e983';
+      }
+    }
+  }
+
   .e-cell-merge::before {
     content: '\e89a';
   }

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

@@ -3192,6 +3192,27 @@ $rte-tbar-default-bg: $content-bg-color-alt1;
     }
   }
 
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e8c4';
+      }
+  
+      .e-order-list::before {
+        content: '\e8c5';
+      }
+  
+      .e-indent::before {
+        content: '\e8c6';
+      }
+  
+      .e-outdent::before {
+        content: '\e8c7';
+      }
+    }
+  }
+
   .e-cell-merge::before {
     content: '\e83a';
   }

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

@@ -3192,6 +3192,27 @@ $rte-tbar-default-bg: $content-bg-color-alt1;
     }
   }
 
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e8c4';
+      }
+  
+      .e-order-list::before {
+        content: '\e8c5';
+      }
+  
+      .e-indent::before {
+        content: '\e8c6';
+      }
+  
+      .e-outdent::before {
+        content: '\e8c7';
+      }
+    }
+  }
+
   .e-cell-merge::before {
     content: '\e83a';
   }

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

@@ -3190,6 +3190,27 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
     }
   }
 
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e988';
+      }
+  
+      .e-order-list::before {
+        content: '\e989';
+      }
+  
+      .e-indent::before {
+        content: '\e98a';
+      }
+  
+      .e-outdent::before {
+        content: '\e98b';
+      }
+    }
+  }
+
   .e-cell-merge::before {
     content: '\e89a';
   }

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

@@ -3188,6 +3188,27 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
     }
   }
 
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e988';
+      }
+  
+      .e-order-list::before {
+        content: '\e989';
+      }
+  
+      .e-indent::before {
+        content: '\e98a';
+      }
+  
+      .e-outdent::before {
+        content: '\e98b';
+      }
+    }
+  }
+
   .e-cell-merge::before {
     content: '\e89a';
   }

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

@@ -3195,6 +3195,27 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
     }
   }
 
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e8c4';
+      }
+  
+      .e-order-list::before {
+        content: '\e8c5';
+      }
+  
+      .e-indent::before {
+        content: '\e8c6';
+      }
+  
+      .e-outdent::before {
+        content: '\e8c7';
+      }
+    }
+  }
+
   .e-cell-merge::before {
     content: '\e83a';
   }

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

@@ -3195,6 +3195,27 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
     }
   }
 
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e8c4';
+      }
+  
+      .e-order-list::before {
+        content: '\e8c5';
+      }
+  
+      .e-indent::before {
+        content: '\e8c6';
+      }
+  
+      .e-outdent::before {
+        content: '\e8c7';
+      }
+    }
+  }
+
   .e-cell-merge::before {
     content: '\e83a';
   }

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

@@ -3188,6 +3188,27 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
     }
   }
 
+  .e-rtl {
+    .e-rte-toolbar,
+    .e-rte-dropdown-popup {
+      .e-unorder-list::before {
+        content: '\e986';
+      }
+  
+      .e-order-list::before {
+        content: '\e987';
+      }
+  
+      .e-indent::before {
+        content: '\e989';
+      }
+  
+      .e-outdent::before {
+        content: '\e98a';
+      }
+    }
+  }
+
   .e-cell-merge::before {
     content: '\e89a';
   }