Merge pull request #3312 from Northeastern-Electric-Racing/3211-finance-menu---tabs-should-be-legible-in-light-mode

3211 finance menu   tabs should be legible in light mode

Author: walker-sean

src/frontend/src/components/Tabs.tsx

@@ -1,4 +1,4 @@
-import { AppBar, Tab, Tabs as MUITabs, Box } from '@mui/material';
+import { AppBar, Tab, Tabs as MUITabs, Box, useTheme } from '@mui/material';
 import React from 'react';
 
 export interface TabData {
@@ -21,6 +21,8 @@ const Tabs = ({
     setTabValue(newValue);
   };
 
+  const theme = useTheme();
+
   return (
     <>
       <AppBar
@@ -47,7 +49,8 @@ const Tabs = ({
               sx={{
                 fontWeight: 700,
                 pointerEvents: tabs.length === 1 ? 'none' : 'auto',
-                borderRadius: greyscale ? '8px 8px 0 0' : 0
+                borderRadius: greyscale ? '8px 8px 0 0' : 0,
+                color: greyscale ? theme.palette.text.primary : undefined
               }}
             />
           ))}