Merge pull request #5373 from IgniteUI/fix-#5372

fix(themes): light/dark mixins don't respect custom colors

Author: kdinev

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

@@ -274,17 +274,22 @@
     $exclude: (),
     $legacy-support: true
 ) {
-    $primary: igx-color($palette, 'primary');
-    $secondary: igx-color($palette, 'secondary');
+    $grays: igx-color($palette, 'grays');
     $surface: igx-color($palette, 'surface');
 
+    $light-palette: igx-palette(
+        $primary: igx-color($palette, 'primary'),
+        $secondary: igx-color($palette, 'secondary'),
+        $info: igx-color($palette, 'info'),
+        $success: igx-color($palette, 'success'),
+        $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),
+    );
+
     @include igx-theme(
-        $palette: igx-palette(
-            $primary,
-            $secondary,
-            $surface: if($surface != #fff, $surface, #fff),
-            $grays: #000
-        ),
+        $palette: $light-palette,
         $schema: $light-schema,
         $legacy-support: $legacy-support,
         $exclude: $exclude
@@ -300,17 +305,22 @@
     $exclude: (),
     $legacy-support: true
 ) {
-    $primary: igx-color($palette, 'primary');
-    $secondary: igx-color($palette, 'secondary');
+    $grays: igx-color($palette, 'grays');
     $surface: igx-color($palette, 'surface');
 
+    $dark-palette: igx-palette(
+        $primary: igx-color($palette, 'primary'),
+        $secondary: igx-color($palette, 'secondary'),
+        $info: igx-color($palette, 'info'),
+        $success: igx-color($palette, 'success'),
+        $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),
+    );
+
     @include igx-theme(
-        $palette: igx-palette(
-            $primary,
-            $secondary,
-            $surface: if($surface != #fff, $surface, #222),
-            $grays: #fff
-        ),
+        $palette: $dark-palette,
         $schema: $dark-schema,
         $legacy-support: $legacy-support,
         $exclude: $exclude