Fix Colors, Hovers

infor-design · Oct 23, 2023 · fdf3c0c · fdf3c0c
1 parent 330929b
commit fdf3c0c
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/app/views/components/personalize/example-form-landmark2-horizontal.html b/app/views/components/personalize/example-form-landmark2-horizontal.html
@@ -21,7 +21,7 @@ <h1>Level Two Detail View</h1>
           </div>
           <div class="one-fifth column one-half-mobile">
             <label class="personalize-text">Purchase Order Date</label>
-            <a class="hyperlink hide-focus is-personalizable-actionable" href="#">7/14/2006</a>
+            <a class="hyperlink hide-focus is-personalizable" href="#">7/14/2006</a>
           </div>
           <div class="one-fifth column one-half-mobile">
             <label class="personalize-text">Vendor</label>

diff --git a/app/views/components/personalize/example-form-landmark2.html b/app/views/components/personalize/example-form-landmark2.html
@@ -21,7 +21,7 @@ <h1>Level Two Detail View</h1>
           </div>
           <div class="one-fifth column one-half-mobile">
             <label class="personalize-text">Purchase Order Date</label>
-            <a class="hyperlink hide-focus is-personalizable-actionable" href="#">7/14/2006</a>
+            <a class="hyperlink hide-focus is-personalizable" href="#">7/14/2006</a>
           </div>
           <div class="one-fifth column one-half-mobile">
             <label class="personalize-text">Vendor</label>
@@ -33,7 +33,7 @@ <h1>Level Two Detail View</h1>
           </div>
           <div class="one-fifth column one-half-mobile">
             <label class="personalize-text">Delivery Order</label>
-            <a class="hyperlink hide-focus is-personalizable-actionable" href="#"><span>7/14/2006</span></a>
+            <a class="hyperlink hide-focus is-personalizable" href="#"><span>7/14/2006</span></a>
           </div>
         </div>
       </div>

diff --git a/src/components/hyperlinks/_hyperlinks.scss b/src/components/hyperlinks/_hyperlinks.scss
@@ -21,7 +21,7 @@
     color: $hyperlinks-personalize-actionable-text-color;
 
     &:not([disabled]):not(.personalize-actionable-disabled):hover {
-      color: $ids-color-palette-white;
+      color: $hyperlink-hover-color;
       opacity: 1;
     }
   }

diff --git a/src/themes/theme-new-dark.scss b/src/themes/theme-new-dark.scss
@@ -903,6 +903,7 @@ $header-flex-toolbar-input-searchfield-color: $ids-color-palette-white;
 $header-flex-toolbar-close-icon-color: $header-flex-toolbar-input-searchfield-color;
 
 $hyperlinks-personalize-text-color: $header-text-default-color;
+$counts-personalize-text-color: $header-text-default-color;
 $header-button-hover-color-new: $ids-color-palette-white;
 $header-hero-widget-bg-color: $ids-color-palette-slate-90;
 $header-button-disabled-color: rgba(255, 255, 255, 0.4);