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: Семен Лаверентьев <[email protected]> Co-authored-by: Mark Otto <[email protected]>
twbs · Mar 2, 2023 · 9a1f4ed · 9a1f4ed
1 parent dbc021b
commit 9a1f4ed
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git 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
@@ -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;