From 8972be02324e8d9546ae104a6b1033d6b5e536c6 Mon Sep 17 00:00:00 2001
From: Brenda Sukh <brendasukh@gmail.com>
Date: Tue, 24 Nov 2020 18:08:50 -0500
Subject: [PATCH] Update data viz dark theme colors

---
 .../CostOverviewByProductChart.tsx            |  4 ++--
 plugins/cost-insights/src/utils/styles.ts     | 22 +++++++++----------
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewByProductChart.tsx b/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewByProductChart.tsx
index 1a466fb4d7..6cc576c04f 100644
--- a/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewByProductChart.tsx
+++ b/plugins/cost-insights/src/components/CostOverviewCard/CostOverviewByProductChart.tsx
@@ -132,8 +132,8 @@ export const CostOverviewByProductChart = ({
         dataKey={product}
         stackId="1"
         fillOpacity="1"
-        stroke={theme.palette.dataViz[i]}
-        fill={theme.palette.dataViz[i]}
+        stroke={theme.palette.dataViz[sortedProducts.length - i]}
+        fill={theme.palette.dataViz[sortedProducts.length - i]}
       />
     ));
   };
diff --git a/plugins/cost-insights/src/utils/styles.ts b/plugins/cost-insights/src/utils/styles.ts
index f318f347f9..3f762491e1 100644
--- a/plugins/cost-insights/src/utils/styles.ts
+++ b/plugins/cost-insights/src/utils/styles.ts
@@ -39,8 +39,8 @@ export const costInsightsLightTheme = {
     alertBackground: 'rgba(219, 219, 219, 0.13)',
     dataViz: [
       '#509BF5',
-      '#FF6437',
       '#4B917D',
+      '#FF6437',
       '#F573A0',
       '#F59B23',
       '#B49BC8',
@@ -68,16 +68,16 @@ export const costInsightsDarkTheme = {
     navigationText: '#b5b5b5',
     alertBackground: 'rgba(32, 32, 32, 0.13)',
     dataViz: [
-      '#B9D6FB',
-      '#FFC1AF',
-      '#B7D3CB',
-      '#FBC7D9',
-      '#FBD6A7',
-      '#E1D7E9',
-      '#E7D5CF',
-      '#D9E7ED',
-      '#FFE9C1',
-      '#E3E3E3',
+      '#c1dffd',
+      '#baddd5',
+      '#ff9664',
+      '#ffa5d1',
+      '#ffcc57',
+      '#e6ccfb',
+      '#f7c7b7',
+      '#d2f6ff',
+      '#fffb94',
+      '#ececec',
     ],
   },
 } as CostInsightsThemeOptions;