From c9c766293a2debcad69c2bc5b872bc1de73384fe Mon Sep 17 00:00:00 2001
From: Mariela Tihova <MTihova@infragistics.com>
Date: Wed, 23 Jul 2025 13:50:25 +0300
Subject: [PATCH] Changed headers on element hover color as requested by
 marketing

---
 src/app/views/home/home.component.scss | 22 ++++++----------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/src/app/views/home/home.component.scss b/src/app/views/home/home.component.scss
index b904b54..0c85f6e 100644
--- a/src/app/views/home/home.component.scss
+++ b/src/app/views/home/home.component.scss
@@ -62,7 +62,7 @@ $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);
@@ -70,10 +70,7 @@ $custom-icon-button-theme: icon-button-theme(
   }
 
   &: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,7 +202,7 @@ $custom-icon-button-theme: icon-button-theme(
 
       .custom-button {
         color: black !important;
-        border-color: #D6D6D6;
+        border-color: #d6d6d6;
         text-transform: unset;
 
         igx-icon {
@@ -218,8 +210,6 @@ $custom-icon-button-theme: icon-button-theme(
         }
       }
     }
-
-
   }
 
   .sample-actions > div {