background for sidebar, tabs and footer darker, inner container lighter

This commit is contained in:
Monkey 2024-08-09 00:02:37 -04:00
parent 4afadb9502
commit fc76478b8a
2 changed files with 5 additions and 3 deletions

View File

@ -5,7 +5,7 @@
import React from 'react'; import React from 'react';
import { makeStyles } from '@material-ui/core'; import { makeStyles } from '@material-ui/core';
const useStyles = makeStyles(() => ({ const useStyles = makeStyles(theme => ({
root: { root: {
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
@ -17,7 +17,8 @@ const useStyles = makeStyles(() => ({
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
flex: 1, flex: 1,
overflow: 'hidden' overflow: 'hidden',
backgroundColor: theme.palette.background.paper,
} }
})); }));

View File

@ -67,13 +67,14 @@ export const createTheme = (theme) =>
main: "#A2A2FF", main: "#A2A2FF",
}, },
background: { background: {
default: "#18181A", default: "#0F0F0F",
secondary: "#18181A", secondary: "#18181A",
paper: "#18181A", paper: "#18181A",
}, },
text: { text: {
primary: "#FBFBFB", primary: "#FBFBFB",
secondary: "#BDBCC3", secondary: "#BDBCC3",
lineLabel: "#A2A2FF",
}, },
} }
: { : {