From 02cf85c22958907e9ad0e6d8b69d3118a9e8d5ed Mon Sep 17 00:00:00 2001
From: Mari Nez <mariannuar@gmail.com>
Date: Tue, 25 Feb 2025 09:00:51 -0600
Subject: [PATCH] fix(shs-6067): override the color for warbler only in buttons
 mixins

---
 .../humsci_basic/src/scss/elements/_base.scss |  2 +-
 .../src/scss/tools/_mixins.buttons.scss       | 26 +++++++++++++++++++
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/docroot/themes/humsci/humsci_basic/src/scss/elements/_base.scss b/docroot/themes/humsci/humsci_basic/src/scss/elements/_base.scss
index 881321c6fb..e94b1b32db 100644
--- a/docroot/themes/humsci/humsci_basic/src/scss/elements/_base.scss
+++ b/docroot/themes/humsci/humsci_basic/src/scss/elements/_base.scss
@@ -23,7 +23,7 @@ body {
 a:not([class]),
 a.mailto,
 a[href^='mailto:'],
-a.ext:not(.hs-button) {
+a.ext {
   @include hb-link--inline;
 }
 
diff --git a/docroot/themes/humsci/humsci_basic/src/scss/tools/_mixins.buttons.scss b/docroot/themes/humsci/humsci_basic/src/scss/tools/_mixins.buttons.scss
index 097a96bce4..d819fe9465 100644
--- a/docroot/themes/humsci/humsci_basic/src/scss/tools/_mixins.buttons.scss
+++ b/docroot/themes/humsci/humsci_basic/src/scss/tools/_mixins.buttons.scss
@@ -81,6 +81,20 @@
   }
 
   @include hb-traditional {
+    // Warbler color pairing override.
+    .ht-pairing-warbler & {
+      color: var(--palette--white);
+    }
+
+    &:hover,
+    &:active,
+    &:focus {
+      // Warbler color pairing override.
+      .ht-pairing-warbler & {
+        color: var(--palette--white);
+      }
+    }
+
     &:active,
     &:focus {
       box-shadow: 0 0 0 hb-calculate-rems(1px) var(--palette--secondary-active);
@@ -143,6 +157,18 @@
   @include hb-traditional {
     border-width: hb-calculate-rems(1px);
 
+    // Warbler color pairing override.
+    .ht-pairing-warbler & {
+      color: var(--palette--secondary);
+    }
+
+    &:hover {
+      // Warbler color pairing override.
+      .ht-pairing-warbler & {
+        color: var(--palette--white);
+      }
+    }
+
     &:active,
     &:focus {
       outline: hb-calculate-rems(2px) solid;