From a19da419bbfcaef4bb4f9c3a2f84c96bf59af23e Mon Sep 17 00:00:00 2001
From: Timmy Luong <TCL735@users.noreply.github.com>
Date: Fri, 15 Jul 2022 10:26:45 -0700
Subject: [PATCH] fix: add a second color blind friendly pallet to avoid
 clashing with background color (#775)

---
 giraffe/package.json                  |  2 +-
 giraffe/src/constants/colorSchemes.ts | 13 ++++++++++++-
 stories/package.json                  |  2 +-
 stories/src/helpers.tsx               |  3 ++-
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/giraffe/package.json b/giraffe/package.json
index 58b3145f..08e00001 100644
--- a/giraffe/package.json
+++ b/giraffe/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@influxdata/giraffe",
-  "version": "2.31.0",
+  "version": "2.31.1",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "license": "MIT",
diff --git a/giraffe/src/constants/colorSchemes.ts b/giraffe/src/constants/colorSchemes.ts
index e5425c26..a6fe11f0 100644
--- a/giraffe/src/constants/colorSchemes.ts
+++ b/giraffe/src/constants/colorSchemes.ts
@@ -211,7 +211,7 @@ export const RAINBOW_SIXTEEN = [
   '#4dc98e',
   '#007c41',
 ]
-export const COLOR_BLIND_FRIENDLY = [
+export const COLOR_BLIND_FRIENDLY_DARK = [
   '#000000',
   '#E69F00',
   '#56B4E9',
@@ -222,6 +222,17 @@ export const COLOR_BLIND_FRIENDLY = [
   '#CC79A7',
 ]
 
+export const COLOR_BLIND_FRIENDLY_LIGHT = [
+  '#FFFFFF',
+  '#E69F00',
+  '#56B4E9',
+  '#009E73',
+  '#F0E442',
+  '#0072B2',
+  '#D55E00',
+  '#CC79A7',
+]
+
 // Solid Colors
 export const SOLID_RED = ['#DC4E58', '#DC4E58', '#DC4E58']
 export const SOLID_YELLOW = ['#FFD255', '#FFD255', '#FFD255']
diff --git a/stories/package.json b/stories/package.json
index 1d23e334..42a813dd 100644
--- a/stories/package.json
+++ b/stories/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@influxdata/giraffe-stories",
-  "version": "2.31.0",
+  "version": "2.31.1",
   "license": "MIT",
   "repository": {
     "type": "git",
diff --git a/stories/src/helpers.tsx b/stories/src/helpers.tsx
index 02d7f9f3..2ca5031d 100644
--- a/stories/src/helpers.tsx
+++ b/stories/src/helpers.tsx
@@ -54,7 +54,8 @@ export const colorSchemeKnob = (initial?: string[]) =>
     'Color Scheme',
     {
       'Nineteen Eighty Four': giraffe.NINETEEN_EIGHTY_FOUR,
-      'Color Blind Friendly': giraffe.COLOR_BLIND_FRIENDLY,
+      'Color Blind Friendly Light': giraffe.COLOR_BLIND_FRIENDLY_LIGHT,
+      'Color Blind Friendly Dark': giraffe.COLOR_BLIND_FRIENDLY_DARK,
       Atlantis: giraffe.ATLANTIS,
       'Do Androids Dream': giraffe.DO_ANDROIDS_DREAM,
       Delorean: giraffe.DELOREAN,