diff --git a/scss/_functions.scss b/scss/_functions.scss index 43210f7fb3..a95ad4375f 100644 --- a/scss/_functions.scss +++ b/scss/_functions.scss @@ -57,9 +57,9 @@ $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= 150) { - @return #111; + @return $yiq-text-dark; } @else { - @return #fff; + @return $yiq-text-light; } } diff --git a/scss/_variables.scss b/scss/_variables.scss index bfe3feaae1..993546fe7c 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -87,6 +87,10 @@ $theme-colors: map-merge(( // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; +// Customize the light and dark text colors for use in our YIQ color contrast function. +$yiq-text-dark: #111 !default; +$yiq-text-light: #fff !default; + // Options //