Merge pull request #10715 from IgniteUI/simeonoff/fix-10665

fix(themes): theme mixins don't work correctly

Author: kdinev

projects/igniteui-angular/src/lib/core/styles/themes/_index.scss

@@ -494,7 +494,7 @@
         $warn: igx-color($palette, 'warn'),
         $error: igx-color($palette, 'error'),
         $surface: if($surface != #fff, $surface, #fff),
-        $grays: if($grays != rgba(0, 0, 0, .38), $grays, #000),
+        $grays: if($grays != #9e9e9e, $grays, #000),
     );
 
     @include igx-theme(
@@ -526,7 +526,7 @@
         $warn: igx-color($palette, 'warn'),
         $error: igx-color($palette, 'error'),
         $surface: if($surface != #fff, $surface, #222),
-        $grays: if($grays != rgba(0, 0, 0, .38), $grays, #fff),
+        $grays: if($grays != #9e9e9e, $grays, #fff),
     );
 
     @include igx-theme(
@@ -637,7 +637,7 @@
         $palette: igx-palette(
             $primary,
             $secondary,
-            $surface: if($surface != #f8f9fa, $surface, #222),
+            $surface: if($surface != white, $surface, #222),
             $grays: #fff
         ),
         $schema: $dark-bootstrap-schema,
@@ -691,7 +691,7 @@
         $palette: igx-palette(
             $primary,
             $secondary,
-            $surface: if($surface != #2a2b2f, $surface, #2a2b2f),
+            $surface: if($surface != white, $surface, #2a2b2f),
             $grays: #fff
         ),
         $schema: $dark-indigo-schema,