fixed white text on state mgmt modal

Co-authored-by: Sophia Bui <[email protected]>
Co-authored-by: rachelk585 <[email protected]>
Co-authored-by: Adam Vanek <[email protected]>
Co-authored-by: Matteo Diter <[email protected]>

Author: 5 people

app/src/components/StateManagement/CreateTab/components/TableParentProps.tsx

@@ -121,6 +121,12 @@ const TableParentProps = props => {
 const useStyles = makeStyles({
   themeLight: {
     color: 'rgba(0,0,0,0.54)',
+    '& button:hover':{
+      backgroundColor: 'LightGray'
+    },
+    '& button':{
+      color: 'black'
+    },
     '& .MuiTablePagination-root': {
       color: 'rbga(0,0,0,0.54)'
     }

app/src/components/StateManagement/CreateTab/components/TablePassedInProps.tsx

@@ -112,6 +112,12 @@ const TablePassedInProps = props => {
 const useStyles = makeStyles({
   themeLight: {
     color: 'rgba(0,0,0,0.54)',
+    '& button:hover':{
+      backgroundColor: 'LightGray'
+    },
+    '& button':{
+      color: 'black'
+    },
     '& .MuiTablePagination-root': {
       color: 'rbga(0,0,0,0.54)'
     }

app/src/components/StateManagement/StateManagement.tsx

@@ -37,6 +37,7 @@ const StateManager = (props): JSX.Element => {
   // then this will re-render the dataTable
 
   const background_Color = isDarkMode ? '#21262b' : 'white';
+  const color = isDarkMode ? 'white' : 'black';
 
   return (
     <React.Fragment>

app/src/public/styles/style.css

@@ -747,3 +747,7 @@ a.nav_link:hover {
   align-items: center;
 }
 
+li {
+  color: black !important;
+}
+