From bf2fee90356ba1be2ed739d9350b229c9e78064c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 18 Oct 2017 21:06:13 -0700 Subject: [PATCH] add vars for yiq color contrast function --- scss/_functions.scss | 4 ++-- scss/_variables.scss | 4 ++++ 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/scss/_functions.scss b/scss/_functions.scss index 43210f7fb3bd..a95ad4375f5b 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 bfe3feaae160..993546fe7c58 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 //