fix(grid): modify hover color

Author: CalinaCristian

projects/angular/components/ui-grid/src/_ui-grid-variables.scss

@@ -1,7 +1,8 @@
 $ui-grid-cell-background-color: var(--color-background, #ffffff);
 $ui-grid-border-color: var(--color-border-de-emp, #cfd8dd);
 $ui-grid-cell-bottom-border: 1px solid $ui-grid-border-color;
-$ui-grid-row-hover-color: var(--color-hover, #e9f1fa);
+$ui-grid-row-hover-color: var(--color-data-grid-hover, #F1F2F3);
+$ui-grid-header-pressed-color: var(--color-data-grid-pressed, #EAECED);
 $header-background-color:  var(--color-background-secondary, #f4f5f7);
 $grid-actions-box-shadow: var(--color-background, #ffffff);
 $highlighted-entity-color: var(--color-primary, #0067df);

projects/angular/components/ui-grid/src/_ui-grid.theme.scss

@@ -204,33 +204,14 @@ $ui-grid-opacity-transition: opacity $ui-grid-default-transition;
 
         .ui-grid-row {
             &:focus,
+            &:hover,
             &.cdk-focused {
                 background-color: $ui-grid-row-hover-color;
 
-                &:not(.ui-grid-row-state-expanded) {
-                    .ui-grid-header-cell,
-                    .ui-grid-cell {
-                        background-color: $ui-grid-row-hover-color;
-                    }
-                }
-
-                outline: none;
-
-                .ui-grid-action-cell-container {
-                    opacity: 1;
+                .ui-grid-header-cell,
+                .ui-grid-cell {
                     background-color: $ui-grid-row-hover-color;
                 }
-            }
-
-            &:hover {
-                background-color: $ui-grid-row-hover-color;
-
-                &:not(.ui-grid-row-state-expanded) {
-                    .ui-grid-header-cell,
-                    .ui-grid-cell {
-                        background-color: $ui-grid-row-hover-color;
-                    }
-                }
 
                 outline: none;
 

projects/angular/components/ui-grid/src/ui-grid.component.scss

@@ -461,7 +461,7 @@ ui-grid {
                     &.ui-grid-state-resizing,
                     &:focus,
                     &.cdk-focused {
-                        background-color: $ui-grid-row-hover-color;
+                        background-color: $ui-grid-header-pressed-color;
                     }
                 }
             }
@@ -734,10 +734,6 @@ ui-grid {
             .ui-grid-cell {
                 height: $ui-grid-row-height - $ui-row-border-width;
                 background: $ui-grid-cell-background-color;
-
-                &.ui-grid-state-resizing {
-                    background: $ui-grid-row-hover-color;
-                }
             }
 
             .sticky-columns-cell-container.ui-grid-cell {