Change LinkItemLink selected color in dark mode

This commit is contained in:
Ken Hibino 2021-01-22 21:55:01 -08:00
parent caae17a230
commit 3c064e0eaf

View File

@ -17,14 +17,23 @@ const useStyles = makeStyles((theme) => ({
borderBottomRightRadius: "24px", borderBottomRightRadius: "24px",
}, },
selected: { selected: {
backgroundColor: `${theme.palette.primary.main}30`, backgroundColor:
theme.palette.type === "dark"
? `${theme.palette.secondary.main}30`
: `${theme.palette.primary.main}30`,
}, },
selectedText: { selectedText: {
fontWeight: 600, fontWeight: 600,
color: theme.palette.primary.main, color:
theme.palette.type === "dark"
? theme.palette.secondary.main
: theme.palette.primary.main,
}, },
selectedIcon: { selectedIcon: {
color: theme.palette.primary.main, color:
theme.palette.type === "dark"
? theme.palette.secondary.main
: theme.palette.primary.main,
}, },
})); }));