Merge pull request #7817 from IgniteUI/SIvanova/dark-indigo-time-picker

feat(time-picker): improve dark indigo time picker

Author: simeonoff

projects/igniteui-angular/src/lib/core/styles/themes/schemas/dark/_time-picker.scss

@@ -27,19 +27,24 @@ $_dark-bootstrap-time-picker: extend($_bootstrap-time-picker);
 
 /// Generates a dark indigo time-picker schema.
 /// @type {Map}
-/// @prop {Map} selected-text-color [igx-contrast-color: ('surface')] -  The text color of a selected item in time picker.
-/// @prop {Map} hover-text-color [igx-contrast-color: ('surface')] - The hover text color of a open time picker.
+/// @prop {Map} text-color [igx-contrast-color: ('surface')] - The text color of an open time picker.
+/// @prop {Map} selected-text-color [igx-color: ('primary', 300)] -  The text color of a selected item in time picker.
+/// @prop {Map} hover-text-color [igx-color: ('primary', 300)] - The hover text color of an open time picker.
 /// @requires {function} extend
 /// @requires $_indigo-time-picker
 $_dark-indigo-time-picker: extend(
     $_indigo-time-picker,
     (
-        hover-text-color: (
+        text-color: (
             igx-contrast-color: ('surface')
         ),
 
+        hover-text-color: (
+            igx-color: ('primary', 300)
+        ),
+
         selected-text-color: (
-            igx-contrast-color: ('surface')
+            igx-color: ('primary', 300)
         ),
     )
 );

projects/igniteui-angular/src/lib/core/styles/themes/schemas/light/_time-picker.scss

@@ -122,7 +122,7 @@ $_bootstrap-time-picker: extend(
 /// @type {Map}
 /// @prop {Map} text-color [igx-color: ('grays', 700)] - The text color of an open time picker.
 /// @prop {Map} selected-text-color [igx-color: ('primary', 500)] -  The text color of a selected item in time picker.
-/// @prop {Map} hover-text-color [igx-color: ('primary', 500)] - The hover text color of a open time picker.
+/// @prop {Map} hover-text-color [igx-color: ('primary', 500)] - The hover text color of an open time picker.
 /// @prop {Map} header-background [igx-color: ('primary', 500)] - The header background color of a time picker.
 /// @prop {Map} header-hour-text-color [igx-contrast-color: ('primary', 500)] - The header hour text color of a time picker.
 /// @prop {Map} header-time-period-color [igx-contrast-color: ('primary', 500)] - The header AM/PM text color of a time picker.