From bbfb70fe7a5ea8b88fe3b57d144dfa9874115ec7 Mon Sep 17 00:00:00 2001
From: didimmova <d.dimova11@gmail.com>
Date: Thu, 8 Jan 2026 11:18:59 +0200
Subject: [PATCH 1/3] fix(excel-filtering): update variant mapping / use button
 type-style

---
 .../styles/components/grid/_excel-filtering-theme.scss   | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss
index 44063a0fbaf..a38219033b0 100644
--- a/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss
+++ b/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss
@@ -8,8 +8,8 @@
 /// @see {mixin} css-vars
 /// @param {Map} $theme - The grid theme used to style the component.
 @mixin excel-filtering($theme) {
-    $variant: map.get($theme, '_meta', 'variant');
-    $theme-variant: map.get($theme, '_meta', 'theme-variant');
+    $variant: map.get($theme, '_meta', 'theme');
+    $theme-variant: map.get($theme, '_meta', 'variant');
     $bootstrap-theme: $variant == 'bootstrap';
 
     $tree-node-indent: (
@@ -757,7 +757,6 @@
     $header-comfortable: map.get($categories, 'header-comfortable');
     $header-compact: map.get($categories, 'header-compact');
 
-
     %grid-excel-menu {
         %grid-excel-menu__header > h4 {
             @include type-style('h6')
@@ -807,6 +806,10 @@
         }
     }
 
+    %igx-group-item {
+        @include type-style('button');
+    }
+
     %grid-excel-menu__secondary--cosy {
         %grid-excel-menu__header > h4 {
             @include type-style('h6');

From 746a2d08772090de043412ffc3cef085d04e4291 Mon Sep 17 00:00:00 2001
From: didimmova <d.dimova11@gmail.com>
Date: Thu, 8 Jan 2026 16:24:51 +0200
Subject: [PATCH 2/3] fix(excel-filtering): address latest comments

---
 .../styles/components/grid/_excel-filtering-theme.scss     | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss
index a38219033b0..5fca1a77c30 100644
--- a/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss
+++ b/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss
@@ -167,11 +167,12 @@
             @if $theme-variant == 'light' {
                 background: contrast-color($color: 'gray', $variant: 900);
             } @else {
-                background: color($color: 'surface', $variant: 500);
+                background: color($color: 'gray', $variant: 50);
             }
 
             %igx-group-display {
                 --item-background: transparent;
+                --item-text-color: #{contrast-color($color: 'surface', $variant: 500)};
                 --border-color: transparent;
                 --item-border-color: transparent;
                 --item-focused-border-color: transparent;
@@ -180,7 +181,7 @@
                 --item-selected-hover-border-color: transparent;
                 --item-disabled-border: transparent;
                 --disabled-selected-border-color: transparent;
-                --shadow: none;
+                --elevation: none;
             }
 
             %igx-group-item {
@@ -382,7 +383,7 @@
         justify-content: space-between;
 
         @if $variant == 'indigo' {
-            padding-block: pad-block(rem(6px));
+            padding-block: pad-block(rem(4px), rem(6px), rem(8px));
             padding-inline: pad-inline(rem(12px));
             margin-inline: rem(8px);
             margin-block-end: rem(4px);

From b8938103a335980b5c7199cba74d1a9735ec788c Mon Sep 17 00:00:00 2001
From: didimmova <d.dimova11@gmail.com>
Date: Thu, 8 Jan 2026 16:35:12 +0200
Subject: [PATCH 3/3] fix(excel-filtering): apply text-color changes only for
 dark variant

---
 .../core/styles/components/grid/_excel-filtering-theme.scss   | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss b/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss
index 5fca1a77c30..3b779f27767 100644
--- a/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss
+++ b/projects/igniteui-angular/core/src/core/styles/components/grid/_excel-filtering-theme.scss
@@ -172,7 +172,9 @@
 
             %igx-group-display {
                 --item-background: transparent;
-                --item-text-color: #{contrast-color($color: 'surface', $variant: 500)};
+                @if $theme-variant == 'dark' {
+                    --item-text-color: #{contrast-color($color: 'surface', $variant: 500)};
+                }
                 --border-color: transparent;
                 --item-border-color: transparent;
                 --item-focused-border-color: transparent;