@syncfusion/blazor-themes 27.2.2 → 27.2.4

package/SCSS-Themes/highcontrast.scss

@@ -42444,7 +42444,9 @@ $listview-template-multiline-avatar-top: .6153em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,
@@ -81014,7 +81016,7 @@ $grid-animator-drag-margin-left: 0 !default;
 $grid-animator-first-group: 16px 0 16px 16px !default;
 $grid-animator-rtl-first-group: 16px 16px 16px 0 !default;
 $grid-animator-margin-top-rtl: 21px !default;
-$grid-filterbar-dropdown: 29px !default;
+$grid-filterbar-dropdown: 30px !default;
 $grid-responsive-close-icon-margin: 8px !default;
 $grid-responsive-custom-header-margin: 18px 8px 18px 8px !default;
 $grid-responsive-custom-header-btn-color: $grid-filtered-color !default;
@@ -81513,6 +81515,43 @@ $grid-checkmark-color: $selection-font !default;
         padding-left: $grid-columnchooser-input-padding-left;
       }
     }
+
+    & .e-mask {
+
+      &.e-skeleton {
+        display: inline-block;
+        height: 10px;
+        width: 80%;
+      }
+
+      &.e-mask-group-intent {
+        margin-left: 7px;
+        width: 16px;
+      }
+
+      &.e-mask-detail-intent {
+        width: 16px;
+      }
+
+      &.e-mask-checkbox-intent {
+        margin-left: 3px;
+        margin-right: 16px;
+        width: 20px;
+      }
+
+      &.e-mask-checkbox-filter-intent {
+        width: 13px;
+      }
+
+      &.e-mask-checkbox-filter-span-intent {
+        margin-left: 8px;
+      }
+      
+      &.e-mask-drag-intent {
+        margin-left: 12px;
+        width: 12px;
+      }
+    }
   }
 
   #{&}.e-grid {
@@ -82396,7 +82435,7 @@ $grid-checkmark-color: $selection-font !default;
 
     &:not(.e-grid-min-height) .e-gridcontent {
       tr td:not(.e-indentcell):first-child:empty,
-      .e-gridcontent tr.e-row .e-rowcell:empty {
+      tr.e-row .e-rowcell:empty {
         height: $grid-rowcell-line-height + $grid-content-padding + $grid-content-padding;
       }
     }
@@ -83293,7 +83332,7 @@ $grid-checkmark-color: $selection-font !default;
 
     &.e-default .e-gridheader {
       th.e-firstcell,
-      th.e-laststackcell {
+      th.e-laststackcell:not(:has(.e-rhandler.e-rcursor)) {
         @include grid-border-width-styles;
       }
     }
@@ -84596,46 +84635,17 @@ $grid-checkmark-color: $selection-font !default;
       }
     }
 
-    &:not(.sf-grid).e-resize-lines.e-rtl {
-      &.e-default table th[rowspan] {
+    &.e-resize-lines {
+      & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-lastcell .e-rhandler.e-rcursor,
+      & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
         border-right: 0;
       }
     }
 
-    & .e-mask {
-
-      &.e-skeleton {
-        display: inline-block;
-        height: 10px;
-        width: 80%;
-      }
-
-      &.e-mask-group-intent {
-        margin-left: 7px;
-        width: 16px;
-      }
-
-      &.e-mask-detail-intent {
-        width: 16px;
-      }
-
-      &.e-mask-checkbox-intent {
-        margin-left: 3px;
-        margin-right: 16px;
-        width: 20px;
-      }
-
-      &.e-mask-checkbox-filter-intent {
-        width: 13px;
-      }
-
-      &.e-mask-checkbox-filter-span-intent {
-        margin-left: 8px;
-      }
-      
-      &.e-mask-drag-intent {
-        margin-left: 12px;
-        width: 12px;
+    &:not(.sf-grid).e-resize-lines.e-rtl {
+      &.e-default table th[rowspan] {
+        border-right: 0;
       }
     }
 
@@ -85945,6 +85955,12 @@ $grid-checkmark-color: $selection-font !default;
     margin-right: $grid-filterbar-dropdown;
   }
 
+  .e-bigger .e-filterbardropdown:not(.e-rtl) {
+    @if $grid-skin == 'highcontrast' {
+      margin-right: 38px;
+    }
+  }
+
   .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
     .e-filterbardropdown {
       border: transparent;
@@ -88179,10 +88195,10 @@ $grid-checkmark-color: $selection-font !default;
         }
         & .e-btn {
           @if $grid-skin != 'fluent2' {
+            color: $grid-responsive-custom-header-btn-color;
             background: none;
           }
           border: 0;
-          color: $grid-responsive-custom-header-btn-color;
         }
         & .e-btn .e-icon-filter-clear {
           @if $grid-skin == 'fluent2' {
@@ -88357,13 +88373,13 @@ $grid-checkmark-color: $selection-font !default;
             }
 
             li {
-              @if $grid-skin != 'bootstrap5.3' {
+              @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
                 color: $grid-rowcell-color;
               }
             }
  
             & .e-submenu.e-selected {
-              @if $grid-skin != 'bootstrap5.3' {
+              @if $grid-skin != 'bootstrap5.3' and $grid-skin != 'fluent2' and $grid-skin != 'highcontrast' {
                 background-color: $grid-responsive-header-background;
               }
             }

package/SCSS-Themes/lists/list-view/bds-dark-lite.scss

@@ -513,7 +513,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bds-dark.scss

@@ -513,7 +513,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bds-lite.scss

@@ -513,7 +513,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bds.scss

@@ -513,7 +513,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap-dark-lite.scss

@@ -486,7 +486,9 @@ $listview-template-multiline-avatar-top: .7142em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap-dark.scss

@@ -486,7 +486,9 @@ $listview-template-multiline-avatar-top: .7142em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap-lite.scss

@@ -479,7 +479,9 @@ $listview-template-multiline-avatar-top: .7142em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap.scss

@@ -479,7 +479,9 @@ $listview-template-multiline-avatar-top: .7142em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap4-lite.scss

@@ -487,7 +487,9 @@ $listview-template-multiline-avatar-top: .7142em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap4.scss

@@ -487,7 +487,9 @@ $listview-template-multiline-avatar-top: .7142em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap5-dark-lite.scss

@@ -507,7 +507,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss

@@ -507,7 +507,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap5-lite.scss

@@ -507,7 +507,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap5.3-dark-lite.scss

@@ -507,7 +507,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap5.3-dark.scss

@@ -507,7 +507,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap5.3-lite.scss

@@ -507,7 +507,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap5.3.scss

@@ -507,7 +507,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/bootstrap5.scss

@@ -507,7 +507,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fabric-dark-lite.scss

@@ -486,7 +486,9 @@ $listview-template-multiline-avatar-top: .6153em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fabric-dark.scss

@@ -486,7 +486,9 @@ $listview-template-multiline-avatar-top: .6153em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fabric-lite.scss

@@ -479,7 +479,9 @@ $listview-template-multiline-avatar-top: .6153em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fabric.scss

@@ -479,7 +479,9 @@ $listview-template-multiline-avatar-top: .6153em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fluent-dark-lite.scss

@@ -513,7 +513,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fluent-dark.scss

@@ -513,7 +513,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fluent-lite.scss

@@ -513,7 +513,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fluent.scss

@@ -513,7 +513,9 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fluent2-dark-lite.scss

@@ -507,7 +507,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fluent2-dark.scss

@@ -507,7 +507,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fluent2-highcontrast-lite.scss

@@ -507,7 +507,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fluent2-highcontrast.scss

@@ -507,7 +507,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fluent2-lite.scss

@@ -507,7 +507,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/fluent2.scss

@@ -507,7 +507,9 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/highcontrast-lite.scss

@@ -479,7 +479,9 @@ $listview-template-multiline-avatar-top: .6153em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/highcontrast.scss

@@ -479,7 +479,9 @@ $listview-template-multiline-avatar-top: .6153em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/material-dark-lite.scss

@@ -486,7 +486,9 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/material-dark.scss

@@ -486,7 +486,9 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/material-lite.scss

@@ -479,7 +479,9 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/material.scss

@@ -479,7 +479,9 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,

package/SCSS-Themes/lists/list-view/material3-dark-lite.scss

@@ -502,7 +502,9 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
       }
 
       & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
-        color: $listview-icon-color;
+        @if ($skin-name != 'bootstrap5.3') {
+          color: $listview-icon-color;
+        }
 
         @if ($skin-name == 'tailwind') {
           &.e-back-button,