minor aesthetic changes

db_app/src/components/Login.js

@@ -84,7 +84,7 @@ const login = () => {
     
     
         <ThemeProvider theme={theme}>
-      <div className='bg' style={{backgroundImage: 'url(' + require('./images/main_background.jpg') + ')'}}>
+      <div className='bg' style={{backgroundImage: 'url(' + require('./images/back.jpg') + ')'}}>
       <div className='logbox'>
        <Box
         sx={{  

db_app/src/components/Menus.js

@@ -131,12 +131,11 @@ const menuExpansion = () => {
         Campus Eateries
       </h2>
      
-     
 </Toolbar>
   </AppBar>
 
 <Box sx={{  
-          margin: 8,
+          margin: 5,
           display: "flex",
           flexDirection: "row",
           alignItems: "center",

db_app/src/components/Plan.js

@@ -36,6 +36,7 @@ const theme = createTheme({
       primary: {
         main: lightGreen[700],
         apple: red[500],
+        main2: '#588157',
       },
 
     },
@@ -196,8 +197,8 @@ const submitGoalHandler = evt => {
       </AppBar>
 
 
-    <AppBar className='bar' position="static">
-<Toolbar>
+    <AppBar color='main2' className='bar' position="static">
+<Toolbar color='main2'>
 <Button variant="h2" color="main" onClick={Home}sx={{
 
             bgcolor: '#053B06', // theme.palette.primary.main