add label-color-alt var for pick-best-color()

diff --git a/scss/components/_label.scss b/scss/components/_label.scss
index fde0ab9221de6e0dee647a38bc1169f104f2de25..b849d962dfe1307328441394205bdbf150be4f9b 100644 (file)
--- a/scss/components/_label.scss
+++ b/scss/components/_label.scss
@@ -12,7 +12,11 @@ $label-background: $primary-color !default;
 
 /// Default text color for labels.
 /// @type Color
-$label-color: pick-best-color($label-background) !default;
+$label-color: $white !default;
+
+/// Alternate text color for labels.
+/// @type Color
+$label-color-alt: $black !default;
 
 /// Default font size for labels.
 /// @type Number
@@ -50,7 +54,7 @@ $label-radius: $global-radius !default;
       @if $name != primary {
         &.#{$name} {
           background: $color;
-          color: pick-best-color($color, ($black, $white));
+          color: pick-best-color($color, ($label-color, $label-color-alt));
         }
       }
     }

diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index e30ec36a6f6474fa3e77d87ab3b444ad62e4fdef..cc451ccde189fd4e658261f1d678c43aae3142f7 100644 (file)
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -372,7 +372,8 @@ $form-button-radius: $global-radius;
 // ---------
 
 $label-background: $primary-color;
-$label-color: pick-best-color($label-background);
+$label-color: $white;
+$label-color-alt: $black;
 $label-font-size: 0.8rem;
 $label-padding: 0.33333rem 0.5rem;
 $label-radius: $global-radius;