Separate `$btn-link` colors from `$link-color` (#28681)

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index 2a7d94ad2280a2b8406fee12fa26ae66ed325fbc..5a684a3ff0fe879fd76fd56d087b86f2a96f1934 100644 (file)
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -76,11 +76,11 @@ fieldset:disabled a.btn {
 // Make a button look and behave like a link
 .btn-link {
   font-weight: $font-weight-normal;
-  color: $link-color;
+  color: $btn-link-color;
   text-decoration: $link-decoration;
 
   @include hover {
-    color: $link-hover-color;
+    color: $btn-link-hover-color;
     text-decoration: $link-hover-decoration;
   }
 

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 49e86b5d87080bef13141aad80fbef630cf596aa..48d82f67a34fcd1c24f8d45655b62efd8026c3da 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -431,6 +431,8 @@ $btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
 $btn-disabled-opacity:        .65 !default;
 $btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
 
+$btn-link-color:              $link-color !default;
+$btn-link-hover-color:        $link-hover-color !default;
 $btn-link-disabled-color:     $gray-600 !default;
 
 $btn-block-spacing-y:         .5rem !default;