fix(Tag): use primary colors

8base · Dec 24, 2018 · 67d7961 · 67d7961
1 parent 0408aa4
commit 67d7961
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/e2e/__tests__/__image_snapshots__/root-test-js-components-tag-common-1-snap.png b/e2e/__tests__/__image_snapshots__/root-test-js-components-tag-common-1-snap.png
diff --git a/src/components/Tag/Tag.js b/src/components/Tag/Tag.js
@@ -30,7 +30,10 @@ const theme = createComponentTheme(name, ({ COLORS }: *): * => ({
     color: fp.mapValues(
       (color) => ({
         backgroundColor: color,
-        color: getContrastColor(color),
+        color: getContrastColor(color, {
+          lightColor: COLORS.LIGHT_PRIMARY_TEXT_COLOR,
+          darkColor: COLORS.PRIMARY_TEXT_COLOR,
+        }),
       }),
       COLORS,
     ),

diff --git a/src/components/Tag/Tag.utils.js b/src/components/Tag/Tag.utils.js
@@ -22,10 +22,10 @@ const getLuma = (color) => {
   return (0.2126 * rgb[0]) + (0.7152 * rgb[1]) + (0.0722 * rgb[2]);
 };
 
-export const getContrastColor = (color) => {
+export const getContrastColor = (color, { lightColor = '#ffffff', darkColor = '#000000' } = {}) => {
   if (isValidRGB(color)) {
-    return (getLuma(color) >= 165) ? '#000000' : '#ffffff';
+    return (getLuma(color) >= 165) ? darkColor : lightColor;
   }
 
-  return '#000000';
+  return darkColor;
 };