Merge pull request #8472 from IgniteUI/simeonoff/dv-palettes

feat(themes): add enhanced color palettes for DV components

Author: kdinev

projects/igniteui-angular/src/lib/core/styles/base/utilities/_functions.scss

@@ -477,17 +477,34 @@
 }
 
 @function igx-generate-series-colors($palette) {
+    $color-blind: if(global-variable-exists('_igx-enhanced-accessibility'), $_igx-enhanced-accessibility, false);
+
+    @if $color-blind {
+        @return (
+            rgb(86, 180, 233),
+            rgb(0, 158, 115),
+            rgb(240, 228, 68),
+            rgb(213, 94, 0),
+            rgb(214, 0, 254),
+            rgb(0, 73, 159),
+            rgb(230, 159, 0),
+            rgb(0, 0, 0),
+            rgb(132, 240, 223),
+            rgb(115, 86, 86),
+        );
+    }
+
     @return (
-        igx-color($palette, 'primary'),
-        igx-color($palette, 'secondary'),
-        rgb(249, 98, 50),
-        rgb(60, 189, 201),
-        rgb(220, 63, 118),
-        rgb(255, 152, 0),
-        rgb(78, 98, 207),
-        rgb(84, 194, 90),
-        rgb(121, 85, 72),
-        rgb(154, 154, 154)
+        rgb(157, 231, 114),
+        rgb(139, 91, 177),
+        rgb(109, 177, 255),
+        rgb(154, 242, 228),
+        rgb(238, 88, 121),
+        rgb(115, 86, 86),
+        rgb(247, 210, 98),
+        rgb(168, 168, 183),
+        rgb(224, 81, 169),
+        rgb(248, 161, 95),
     );
 }
 

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

@@ -88,20 +88,24 @@
 
 /// @param {boolean} $print-layout [true] - Activates the printing styles of the components.
 /// @param {string} $direction [ltr] - Sets the layout direction. Can be 'ltr' or 'rtl'.
+/// @param {boolean} $enhanced-accesibility [false] - Switches component colors and other properties to more accessible values.
 /// @param {color} $foreground-color [0, 0, 0, .87] - Sets the value of the global $igx-foreground-color used in all typography styles.
 /// @requires {mixin} igx-typography
 /// @requires {mixin} igx-vhelper
 /// @requires {mixin} igx-print-layout
 @mixin igx-core(
     $print-layout: true,
     $direction: ltr,
+    $enhanced-accessibility: false
 ) {
     @if $direction != ltr and $direction != rtl {
         $direction: ltr !global;
     } @else {
         $direction: $direction !global;
     }
 
+    $_igx-enhanced-accessibility: $enhanced-accessibility !global;
+
     @include igx-typography();
     @include igx-vhelper();