Update bar color scheme

Author: evansmj

apps/frontend/src/components/bookkeeper/BalanceSheet/Graph/BalanceSheetGraph.tsx

@@ -23,7 +23,9 @@ function BalanceSheetGraph({ balanceSheetData, width }) {
       const innerHeight = outerHeight - margin.top - margin.bottom;
       const minSegmentSize = 0;
 
-      const colorScale = d3.scaleOrdinal(d3.schemeCategory10);
+      const customColors = ['#C47806', '#DFB316', '#038730'];
+      const combinedColors = [...customColors, ...d3.schemeSet3.slice(customColors.length)];
+      const colorScale = d3.scaleOrdinal(combinedColors);
 
       const yAxisTickFormat = d => `${d3.format(",")(d)}`;
 

apps/frontend/src/components/bookkeeper/Volume/VolumeGraph/VolumeGraph.tsx

@@ -19,8 +19,9 @@ function VolumeGraph({ volumeData, width }: { volumeData: VolumeData, width: num
       const barPadding = 5;
       const centerX = (outerWidth - (margin.left + margin.right + barWidth)) / 2;
       const centerY = margin.top;
-      const colorScale = d3.scaleOrdinal(d3.schemeCategory10);
-      const formatSats = format(',.3f');
+      const customColors = ['#C47806', '#DFB316', '#038730'];
+      const combinedColors = [...customColors, ...d3.schemeSet3.slice(customColors.length)];
+      const colorScale = d3.scaleOrdinal(combinedColors);      const formatSats = format(',.3f');
       let cumulativeHeight = 10;
 
       const yScale = d3.scaleLinear()