Update data viz dark theme colors

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]}
       />
     ));
   };

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;