From bf2fee90356ba1be2ed739d9350b229c9e78064c Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
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 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
//
--
GitLab