/// Font color for buttons.
/// @type List
-$button-color: pick-best-color($button-background) !default;
+$button-color: $white !default;
+
+/// Alternative font color for buttons.
+/// @type List
+$button-color-alt: $black !default;
/// Border radius for buttons, defaulted to global-radius.
/// @type Number
$background-hover-lightness: $button-background-hover-lightness
) {
@if $color == auto {
- $color: pick-best-color($base: $background, $colors: ($white, $black));
+ $color: pick-best-color($background, ($button-color, $button-color-alt));
}
@if $background-hover == auto {
$button-fill: solid;
$button-background: $primary-color;
$button-background-hover: scale-color($button-background, $lightness: -15%);
-$button-color: pick-best-color($button-background);
+$button-color: $white;
+$button-color-alt: $black;
$button-radius: $global-radius;
$button-sizes: (
tiny: 0.6rem,