From bff6749a91e9c3b574aa2f6f3b211d48566a0023 Mon Sep 17 00:00:00 2001
From: Monkey <robotmonkeybrain@gmail.com>
Date: Thu, 8 Aug 2024 23:44:49 -0400
Subject: [PATCH] lighten background color, footer background color and border

---
 src/containers/StatusBar.js | 5 ++++-
 src/theme.js                | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/containers/StatusBar.js b/src/containers/StatusBar.js
index 63100fc..92077ec 100644
--- a/src/containers/StatusBar.js
+++ b/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: {
diff --git a/src/theme.js b/src/theme.js
index 972dc53..56a5993 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -64,7 +64,7 @@ export const createTheme = (theme) =>
               main: "#0000F4",
             },
             background: {
-              default: "#0F0F0F",
+              default: "#18181A",
               secondary: "#18181A",
               paper: "#18181A",
             },