more bin page themeing
This commit is contained in:
parent
605b6d69dd
commit
ac69c9b68f
4 changed files with 9 additions and 28 deletions
|
|
@ -18,6 +18,7 @@ import {
|
|||
ImageList,
|
||||
ImageListItem,
|
||||
InputLabel,
|
||||
lighten,
|
||||
ListItemIcon,
|
||||
ListItemText,
|
||||
Menu,
|
||||
|
|
@ -83,6 +84,8 @@ import BinYards from "bin/BinYards";
|
|||
// import { useHistory } from "react-router";
|
||||
|
||||
const useStyles = makeStyles((theme: Theme) => {
|
||||
const themeType = getThemeType();
|
||||
const accordionBg = themeType === "light" ? theme.palette.background.paper : darken(theme.palette.background.paper, 0.2)
|
||||
return ({
|
||||
"@keyframes pulsate": {
|
||||
to: {
|
||||
|
|
@ -116,7 +119,7 @@ const useStyles = makeStyles((theme: Theme) => {
|
|||
}
|
||||
},
|
||||
accordion: {
|
||||
background: darken(theme.palette.background.paper, 0.4)
|
||||
background: accordionBg
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue