fix(grid): update summary label hover cover in indigo theme

Author: simeonoff

projects/igniteui-angular/src/lib/core/styles/themes/schemas/dark/_grid-summary.scss

@@ -30,6 +30,7 @@ $_dark-bootstrap-grid-summary: extend($_bootstrap-grid-summary);
 /// @property {Color} background-color [igx-color: 'surface'] - The summaries background color is inherited form igx-grid__tfoot.
 /// @property {Map} focus-background-color [igx-color: ('grays', 100)] - The background color when a summary item is on focus.
 /// @property {Map} label-color [igx-color: ('primary', 200)] - The summaries label color.
+/// @property {map} label-hover-color [igx-color: ('primary', 100)] - The summaries hover label color.
 /// @property {Color} result-color [igx-color: 'surface'] - The summaries value/result color.
 /// @property {Map} pinned-border-color [igx-color: ('primary', 200)] - The border color of the summary panel.
 /// @requires {function} extend
@@ -49,6 +50,10 @@ $_dark-indigo-grid-summary: extend(
             igx-color: ('primary', 200),
         ),
 
+        label-hover-color: (
+            igx-color: ('primary', 100),
+        ),
+
         result-color: (
             igx-color: 'surface',
         ),

projects/igniteui-angular/src/lib/core/styles/themes/schemas/light/_grid-summary.scss

@@ -9,7 +9,7 @@
 /// Generates a light grid-summary schema.
 /// @type {Map}
 ///
-/// @property {Color} background-color [inherit] - The summaries background color is inherited form igx-grid__tfoot.
+/// @property {Color} background-color [inherit] - The summaries background color is inherited from the grid footer.
 /// @property {Map} focus-background-color [igx-color: ('grays', 100)] - The background color when a summary item is on focus.
 /// @property {map} label-color [igx-color: ('primary', 500)] - The summaries label color.
 /// @property {map} label-hover-color [igx-color: ('primary', 700)] - The summaries hover label color.
@@ -54,7 +54,7 @@ $_light-grid-summary: extend(
 /// Generates a fluent grid-summary schema.
 /// @type {Map}
 ///
-/// @property {Color} background-color [ igx-color: ('surface')] - The summaries background color is inherited form igx-grid__tfoot
+/// @property {Color} background-color [ igx-color: ('surface')] - The summaries background color is inherited from the grid footer.
 /// @property {map} border-color [ igx-color: ('grays', 100)] - The summaries border color.
 /// @property {map} pinned-border-color [igx-color: ('grays', 300), hexrgba: #fff] - The border color of the summary panel.
 ///
@@ -86,7 +86,8 @@ $_bootstrap-grid-summary: extend($_light-grid-summary);
 
 /// Generates an indigo grid-summary schema.
 /// @type {Map}
-/// @property {Color} background-color [igx-color: ('grays', 100), to-opaque: ()] - The summaries background color is inherited form igx-grid__tfoot.
+/// @property {Color} background-color [igx-color: ('grays', 100), to-opaque: ()] - The summaries background color is inherited from the grid footer.
+/// @property {map} label-hover-color [igx-color: ('primary', 900)] - The summaries hover label color.
 /// @property {map} border-color [igx-color: ('primary', 50)] - The summaries border color.
 /// @property {map} pinned-border-color [igx-color: ('primary', 200)] - The border color of the summary panel.
 /// @requires {function} extend
@@ -101,6 +102,10 @@ $_indigo-grid-summary: extend(
             to-opaque: ()
         ),
 
+        label-hover-color: (
+            igx-color: ('primary', 900)
+        ),
+
         border-color: (
             igx-color: ('primary', 50)
         ),