Merge pull request #122 from IgniteUI/mtihova/headers-on-hover-color

Changed headers on element hover color as requested by marketing

Author: dkamburov

src/app/views/home/home.component.scss

@@ -62,18 +62,15 @@ $custom-icon-button-theme: icon-button-theme(
   padding: 12px;
   cursor: pointer;
   user-select: none;
-  color: var(--ig-gray-900);
+  color: black;
 
   &--selected {
     border-bottom: 3px solid var(--ig-primary-500);
     color: var(--ig-primary-500);
   }
 
   &:hover {
-    background-color: #e6f2ff;
-    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.15);
-    transition: all 0.5s ease;
-    transform: translateY(-2px); // slight lift
+    background-color: var(--ig-gray-200);
   }
 }
 
@@ -117,11 +114,7 @@ $custom-icon-button-theme: icon-button-theme(
   a {
     padding-bottom: 2px;
     transition: background-size 350ms;
-    background: linear-gradient(
-        0deg,
-        var(--bg-color),
-        var(--bg-color)
-      )
+    background: linear-gradient(0deg, var(--bg-color), var(--bg-color))
       no-repeat right bottom / 0 var(--bg-h);
     --bg-h: 2px;
     --bg-color: var(--ig-primary-500);
@@ -171,8 +164,7 @@ $custom-icon-button-theme: icon-button-theme(
   width: 100%;
   height: 90px;
   padding: 20px 24px;
-  border: 1px solid #D6D6D6;
-
+  border: 1px solid #d6d6d6;
 
   .sample-info {
     height: 58px;
@@ -200,7 +192,7 @@ $custom-icon-button-theme: icon-button-theme(
       letter-spacing: 0.15px;
       height: 40px;
       padding-right: 16px;
-      border-right: 1px solid #D6D6D6;
+      border-right: 1px solid #d6d6d6;
     }
 
     .action-buttons {
@@ -210,16 +202,14 @@ $custom-icon-button-theme: icon-button-theme(
 
       .custom-button {
         color: black !important;
-        border-color: #D6D6D6;
+        border-color: #d6d6d6;
         text-transform: unset;
 
         igx-icon {
           color: black;
         }
       }
     }
-
-
   }
 
   .sample-actions > div {