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

Header no longer de-saturates when in dark mode

Browse source
This commit is contained in:
Carter 2024-11-18 12:33:42 -06:00
parent a453147e9e
commit dcd15b5a6d
6 changed files with 131 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/app/Header.tsx
View file

@ -2,7 +2,7 @@ import { AppBar, Box, IconButton, Theme, Toolbar } from "@mui/material";
import { Menu } from "@mui/icons-material";
import classNames from "classnames";
import { makeStyles } from "@mui/styles";
import { getDarkLogo, getLightLogo, getSignatureAccentColour, hasTransparentLogoBG, hideLogo } from "../services/whiteLabel";
import { getDarkLogo, getLightLogo, getSignatureAccentColour, getSignatureColour, hasTransparentLogoBG, hideLogo } from "../services/whiteLabel";
// import { Link } from "react-router-dom";
import { useThemeType } from "../hooks/useThemeType";
import UserMenu from "../user/UserMenu";
@ -10,6 +10,7 @@ import UserMenu from "../user/UserMenu";
const useStyles = makeStyles((theme: Theme) => ({
appBar: {
zIndex: theme.zIndex.drawer + 1,
backgroundImage: "none", // This prevents de-saturation of header in dark mode
},
toolbar: {
marginLeft: theme.spacing(0.5),
@ -86,6 +87,9 @@ export default function Header(props: Props) {
const themeType = useThemeType();
const classes = useStyles()
console.log(getSignatureColour())
console.log(getSignatureAccentColour())
return (
<AppBar position="fixed" className={classes.appBar}>
<Toolbar disableGutters className={classes.toolbar}>