From fc76478b8afa63b28447a2115a1d0d2176451c1b Mon Sep 17 00:00:00 2001
From: Monkey <robotmonkeybrain@gmail.com>
Date: Fri, 9 Aug 2024 00:02:37 -0400
Subject: [PATCH] background for sidebar, tabs and footer darker, inner
 container lighter

---
 src/components/Panel.js | 5 +++--
 src/theme.js            | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Panel.js b/src/components/Panel.js
index a722b4b..35278bc 100644
--- a/src/components/Panel.js
+++ b/src/components/Panel.js
@@ -5,7 +5,7 @@
 import React from 'react';
 import { makeStyles } from '@material-ui/core';
 
-const useStyles = makeStyles(() => ({
+const useStyles = makeStyles(theme => ({
   root: {
     display: 'flex',
     flexDirection: 'column',
@@ -17,7 +17,8 @@ const useStyles = makeStyles(() => ({
     display: 'flex',
     flexDirection: 'column',
     flex: 1,
-    overflow: 'hidden'
+    overflow: 'hidden',
+    backgroundColor: theme.palette.background.paper,
   }
 }));
 
diff --git a/src/theme.js b/src/theme.js
index fdf33ea..be2be34 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -67,13 +67,14 @@ export const createTheme = (theme) =>
               main: "#A2A2FF",
             },
             background: {
-              default: "#18181A",
+              default: "#0F0F0F",
               secondary: "#18181A",
               paper: "#18181A",
             },
             text: {
               primary: "#FBFBFB",
               secondary: "#BDBCC3",
+              lineLabel: "#A2A2FF",
             },
           }
         : {