fix(themes): missing colors in theme presets (#12382)

Author: SisIvanova

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

@@ -16,13 +16,21 @@
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
     $surface: color($palette, 'surface');
+    $info: color($palette, 'info');
+    $success: color($palette, 'success');
+    $warn: color($palette, 'warn');
+    $error: color($palette, 'error');
 
     @include theme(
         $palette: palette(
             $primary,
             $secondary,
             $surface: if($surface != #f8f9fa, $surface, #f8f9fa),
-            $gray: #212529
+            $gray: #212529,
+            $info: $info,
+            $success: $success,
+            $warn: $warn,
+            $error: $error
         ),
         $schema: $light-bootstrap-schema,
         $exclude: $exclude,
@@ -45,13 +53,21 @@
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
     $surface: color($palette, 'surface');
+    $info: color($palette, 'info');
+    $success: color($palette, 'success');
+    $warn: color($palette, 'warn');
+    $error: color($palette, 'error');
 
     @include theme(
         $palette: palette(
             $primary,
             $secondary,
             $surface: if($surface != white, $surface, #222),
-            $gray: #fff
+            $gray: #fff,
+            $info: $info,
+            $success: $success,
+            $warn: $warn,
+            $error: $error
         ),
         $schema: $dark-bootstrap-schema,
         $exclude: $exclude,

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

@@ -16,13 +16,21 @@
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
     $surface: color($palette, 'surface');
+    $info: color($palette, 'info');
+    $success: color($palette, 'success');
+    $warn: color($palette, 'warn');
+    $error: color($palette, 'error');
 
     @include theme(
         $palette: palette(
             $primary,
             $secondary,
             $surface: if($surface != #fff, $surface, #fff),
-            $gray: #000
+            $gray: #000,
+            $info: $info,
+            $success: $success,
+            $warn: $warn,
+            $error: $error
         ),
         $schema: $light-fluent-schema,
         $exclude: $exclude,
@@ -45,13 +53,21 @@
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
     $surface: color($palette, 'surface');
+    $info: color($palette, 'info');
+    $success: color($palette, 'success');
+    $warn: color($palette, 'warn');
+    $error: color($palette, 'error');
 
     @include theme(
         $palette: palette(
             $primary,
             $secondary,
             $surface: if($surface != #fff, $surface, #222),
-            $gray: #fff
+            $gray: #fff,
+            $info: $info,
+            $success: $success,
+            $warn: $warn,
+            $error: $error
         ),
         $schema: $dark-fluent-schema,
         $exclude: $exclude,

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

@@ -16,13 +16,21 @@
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
     $surface: color($palette, 'surface');
+    $info: color($palette, 'info');
+    $success: color($palette, 'success');
+    $warn: color($palette, 'warn');
+    $error: color($palette, 'error');
 
     @include theme(
         $palette: palette(
             $primary,
             $secondary,
             $surface: if($surface != #fff, $surface, #fff),
             $gray: #060716,
+            $info: $info,
+            $success: $success,
+            $warn: $warn,
+            $error: $error
         ),
         $schema: $light-indigo-schema,
         $exclude: $exclude,
@@ -45,13 +53,21 @@
     $primary: color($palette, 'primary');
     $secondary: color($palette, 'secondary');
     $surface: color($palette, 'surface');
+    $info: color($palette, 'info');
+    $success: color($palette, 'success');
+    $warn: color($palette, 'warn');
+    $error: color($palette, 'error');
 
     @include theme(
         $palette: palette(
             $primary,
             $secondary,
             $surface: if($surface != white, $surface, #2a2b2f),
-            $gray: #fff
+            $gray: #fff,
+            $info: $info,
+            $success: $success,
+            $warn: $warn,
+            $error: $error
         ),
         $schema: $dark-indigo-schema,
         $exclude: $exclude,