Fix button visibility issue on dark theme (#38115)

* Fix button visibility issue on dark theme

* Add $btn-color-variable in _buttons.scss

* Apply suggestions from code review

---------

Co-authored-by: Семен Лаверентьев <remark.lavrentev@gmail.com>
Co-authored-by: Mark Otto <otto@github.com>

diff --git a/scss/_buttons.scss b/scss/_buttons.scss
index bb1ae3d840dad8d0aeeb50685a88181b4cd9f1d8..cbc0784a4d9c4445bd87824bdd17cb43d57b59c8 100644 (file)
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -10,7 +10,7 @@
   @include rfs($btn-font-size, --#{$prefix}btn-font-size);
   --#{$prefix}btn-font-weight: #{$btn-font-weight};
   --#{$prefix}btn-line-height: #{$btn-line-height};
-  --#{$prefix}btn-color: #{$body-color};
+  --#{$prefix}btn-color: #{$btn-color};
   --#{$prefix}btn-bg: transparent;
   --#{$prefix}btn-border-width: #{$btn-border-width};
   --#{$prefix}btn-border-color: transparent;

diff --git a/scss/_variables.scss b/scss/_variables.scss
index ec2ff3750f8fdc09d974979f8f75956f806781e5..315b2bb7798c3aa4f23110a7687416900b96d5db 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -810,6 +810,7 @@ $input-btn-border-width:      var(--#{$prefix}border-width) !default;
 // For each of Bootstrap's buttons, define text, background, and border color.
 
 // scss-docs-start btn-variables
+$btn-color:                   var(--#{$prefix}body-color) !default;
 $btn-padding-y:               $input-btn-padding-y !default;
 $btn-padding-x:               $input-btn-padding-x !default;
 $btn-font-family:             $input-btn-font-family !default;