brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

hard coded the background colors in theme to keep them consistent between light and dark modes

Browse source
This commit is contained in:
Carter 2024-11-18 15:47:07 -06:00
parent c04b9b0adb
commit 61922f28ee
4 changed files with 41 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/app/Header.tsx
View file

@ -22,10 +22,11 @@ const useStyles = makeStyles((theme: Theme) => ({
marginRight: theme.spacing(0.5),
[theme.breakpoints.up("md")]: {
marginRight: theme.spacing(1.5)
}
},
color: getSignatureAccentColour() + " !important"
},
button: {
color: getSignatureAccentColour()
color: getSignatureAccentColour() + " !important"
},
hide: {
display: "none"
@ -85,6 +86,8 @@ export default function Header(props: Props) {
const themeType = useThemeType();
const classes = useStyles()
console.log(getSignatureColour())
return (
<AppBar position="fixed" className={classes.appBar}>
<Toolbar disableGutters className={classes.toolbar}>
@ -94,7 +97,8 @@ export default function Header(props: Props) {
color="inherit"
aria-label="Open side menu"
onClick={openSide}
className={classNames(classes.button, sideIsOpen && classes.hide)}>
style={{ color: getSignatureAccentColour() }}
className={classes.button}>
<Menu />
</IconButton>
{/* )} */}