diff --git a/.DS_Store b/.DS_Store
index 4dcd149..46f0053 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/db_app/src/components/Login.js b/db_app/src/components/Login.js
index 04675a4..1ceb756 100644
--- a/db_app/src/components/Login.js
+++ b/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={{  
diff --git a/db_app/src/components/Menus.js b/db_app/src/components/Menus.js
index 2e0ef10..e0169a2 100644
--- a/db_app/src/components/Menus.js
+++ b/db_app/src/components/Menus.js
@@ -130,13 +130,12 @@ const menuExpansion = () => {
         &nbsp; &nbsp;
         Campus Eateries
       </h2>
-  
      
 </Toolbar>
   </AppBar>
 
 <Box sx={{  
-          margin: 8,
+          margin: 5,
           display: "flex",
           flexDirection: "row",
           alignItems: "center",
diff --git a/db_app/src/components/Plan.js b/db_app/src/components/Plan.js
index 959bede..36e8723 100644
--- a/db_app/src/components/Plan.js
+++ b/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
diff --git a/db_app/src/components/images/back.jpg b/db_app/src/components/images/back.jpg
new file mode 100644
index 0000000..dd6478a
Binary files /dev/null and b/db_app/src/components/images/back.jpg differ