lighten background color, footer background color and border

src/containers/StatusBar.js

@@ -28,7 +28,10 @@ const useStyles = makeStyles((theme) => ({
     flexDirection: 'row',
     flex: 1,
     justifyContent: 'space-between',
-    backgroundColor: grey[900],
+    backgroundColor: theme.palette.background.default,
+    borderTop: 1,
+    borderTopColor: "rgba(255, 255, 255, 0.12)",
+    borderTopStyle: "solid",
     color: grey[400]
   },
   left: {

src/theme.js

@@ -64,7 +64,7 @@ export const createTheme = (theme) =>
               main: "#0000F4",
             },
             background: {
-              default: "#0F0F0F",
+              default: "#18181A",
               secondary: "#18181A",
               paper: "#18181A",
             },