finished styling bar graph

Author: garrettlchow

src/app/components/StateRoute/PerformanceVisx/BarGraph.tsx

@@ -26,9 +26,9 @@ const margin = {
   bottom: 0,
   left: 70,
 };
-const axisColor = '#161617';
-const axisTickLabelColor = '#363638';
-const axisLabelColor = '#363638';
+const axisColor = 'var(--text-primary)';
+const axisTickLabelColor = 'var(--text-secondary)';
+const axisLabelColor = 'var(--text-primary)';
 const tooltipStyles = {
   ...defaultStyles,
   minWidth: 60,

src/app/containers/ButtonsContainer.tsx

@@ -57,12 +57,12 @@ function ButtonsContainer(): JSX.Element {
       duration: 2000,
       position: 'top-right',
       style: {
-        background: '#1f2937',
-        color: '#fff',
+        background: 'var(--bg-primary)',
+        color: 'var(--text-primary)',
       },
       iconTheme: {
-        primary: '#14b8a6',
-        secondary: '#fff',
+        primary: 'var(--color-primary)',
+        secondary: 'var(--text-primary)',
       },
     });
   };