pushing theme.ts file and bargraphcomparison to additionalMUI branch

Author: KyEBell

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

@@ -118,7 +118,7 @@ const BarGraphComparisonActions = (props: BarGraphComparisonAction) => {
     minWidth: 80,
     height: 30,
   }));
-  
+
   const StyledSelect = styled(Select)({
     minWidth: 80,
     fontSize: '.75rem',
@@ -128,7 +128,6 @@ const BarGraphComparisonActions = (props: BarGraphComparisonAction) => {
     color: 'grey',
     height: 30,
   });
-  
 
   const handleSeriesChange = (event) => {
     if (!event) return;
@@ -184,7 +183,6 @@ const BarGraphComparisonActions = (props: BarGraphComparisonAction) => {
               style={{ color: 'white' }}
               labelId='simple-select-outlined-label'
               id='simple-select-outlined'
-              
               value={series}
               onChange={handleSeriesChange}
             >
@@ -205,7 +203,6 @@ const BarGraphComparisonActions = (props: BarGraphComparisonAction) => {
               style={{ color: 'white' }}
               labelId='snapshot-select'
               id='snapshot-select'
-              
               value={action} // snapshots
               onChange={handleActionChange}
             >

src/app/components/theme.ts

@@ -0,0 +1,24 @@
+import { createTheme } from '@mui/material/styles';
+const theme = createTheme({
+  palette: {
+    primary: {
+      main: '#556cd4',
+    },
+  },
+  components: {
+    // Name of the component
+    MuiButton: {
+      styleOverrides: {
+        // Name of the slot
+        root: {
+          // Some CSS
+          fontSize: '0.8rem',
+          letterSpacing: '0.2rem',
+          lineHeight: '0.8rem',
+        },
+      },
+    },
+  },
+});
+
+export default theme;