fix(Advanced Filtering): (bootstrap) Fix filtered state colors of the adv filtering in the toolbar button in the toolbar

Author: MPopov

projects/igniteui-angular/src/lib/core/styles/components/grid-toolbar/_grid-toolbar-theme.scss

@@ -105,6 +105,9 @@
 @mixin igx-grid-toolbar($theme) {
     @include igx-root-css-vars($theme);
 
+    $variant: map-get($theme, variant);
+    $bootstrap-theme: $variant == 'bootstrap';
+
     $left: if-ltr(left, right);
     $right: if-ltr(right, left);
 
@@ -252,6 +255,11 @@
 
     %igx-grid-toolbar__adv-filter--filtered {
         border-color: igx-color(map-get($theme, 'palette'), 'secondary') !important;
+
+        @if $bootstrap-theme {
+            border-color: igx-color(map-get($theme, 'palette'), 'primary', 800) !important;
+            border-width: 2px;
+        }
     }
 
     %igx-grid-toolbar__dropdown {

projects/igniteui-angular/src/lib/core/styles/themes/schemas/light/_grid-toolbar.scss

@@ -22,6 +22,8 @@
 /// @see $default-palette
 
 $_light-grid-toolbar: (
+    variant: 'material',
+
     background-color: (
         igx-color: ('grays', 50)
     ),
@@ -63,6 +65,8 @@ $_light-grid-toolbar: (
 $_fluent-grid-toolbar: extend(
     $_light-grid-toolbar,
     (
+        variant: 'fluent',
+
         background-color: (
             igx-color: 'surface'
         ),
@@ -73,5 +77,10 @@ $_fluent-grid-toolbar: extend(
 /// @type {Map}
 /// @requires {function} extend
 /// @requires {map} $_light-grid-toolbar
-$_bootstrap-grid-toolbar: extend($_light-grid-toolbar);
+$_bootstrap-grid-toolbar: extend(
+    $_light-grid-toolbar,
+    (
+        variant: 'bootstrap'
+    )
+);