From 4e321d5be751ef351288650fc998bb5d4e0f357c Mon Sep 17 00:00:00 2001
From: Alex Creasy <alex@creasy.dev>
Date: Thu, 9 Nov 2023 18:51:12 +0000
Subject: [PATCH] Removes red/green colorscheme for a11y reasons (#2090)

---
 .../src/pages/modelServing/screens/metrics/ModelGraphs.tsx     | 3 +--
 frontend/src/pages/modelServing/screens/metrics/const.ts       | 1 +
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/modelServing/screens/metrics/ModelGraphs.tsx b/frontend/src/pages/modelServing/screens/metrics/ModelGraphs.tsx
index 0f42603e60..19c3199668 100644
--- a/frontend/src/pages/modelServing/screens/metrics/ModelGraphs.tsx
+++ b/frontend/src/pages/modelServing/screens/metrics/ModelGraphs.tsx
@@ -6,7 +6,6 @@ import {
   ModelServingMetricsContext,
 } from '~/pages/modelServing/screens/metrics/ModelServingMetricsContext';
 import { ContextResourceData, PrometheusQueryRangeResultValue } from '~/types';
-import { SUCCESS_FAIL_CHART_THEME } from '~/pages/modelServing/screens/metrics/const';
 import { per100 } from './utils';
 
 const ModelGraphs: React.FC = () => {
@@ -32,8 +31,8 @@ const ModelGraphs: React.FC = () => {
               translatePoint: per100,
             },
           ]}
+          color="blue"
           title="Http requests (x100)"
-          theme={SUCCESS_FAIL_CHART_THEME}
           isStack
         />
       </StackItem>
diff --git a/frontend/src/pages/modelServing/screens/metrics/const.ts b/frontend/src/pages/modelServing/screens/metrics/const.ts
index 9c0ff82886..0cc70a65f7 100644
--- a/frontend/src/pages/modelServing/screens/metrics/const.ts
+++ b/frontend/src/pages/modelServing/screens/metrics/const.ts
@@ -88,6 +88,7 @@ const themeProps = {
   chart: { colorScale },
   group: { colorScale },
   legend: { colorScale },
+  stack: { colorScale },
 };
 
 export const SUCCESS_FAIL_CHART_THEME = mergeTheme(ChartThemeColor.default, themeProps);