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

8
src/navigation/SideNavigator.tsx
View file

@ -1,4 +1,4 @@
import { ChevronRight, People } from "@mui/icons-material";
import { ChevronRight, People, PeopleOutline, PeopleOutlined, PeopleSharp } from "@mui/icons-material";
import ChevronLeft from "@mui/icons-material/ChevronLeft";
import { darken, Divider, Grid2 as Grid, IconButton, lighten, List, ListItemButton, ListItemIcon, ListItemText, SwipeableDrawer, Theme, Toolbar, Tooltip, useTheme } from "@mui/material";
import classNames from "classnames";
@ -6,6 +6,7 @@ import { useWidth } from "../hooks/useWidth";
import { makeStyles } from "@mui/styles";
import BindaptIcon from "../products/Bindapt/BindaptIcon";
import { Link, useLocation } from "react-router-dom";
import { getSignatureAccentColour } from "services/whiteLabel";
const drawerWidth = 230;
@ -49,8 +50,9 @@ const useStyles = makeStyles((theme: Theme) => ({
[theme.breakpoints.up("md")]: {
paddingLeft: theme.spacing(3),
paddingRight: theme.spacing(3)
}
},
},
color: theme.palette.mode === "light" ? "white" : "black"
},
activeItem:
theme.palette.mode === "light"
? {