💄 Fix darkmode styling for manage home page

This commit is contained in:
Manuel
2023-07-29 16:19:57 +02:00
parent 951e4cb61a
commit e045081346

View File

@@ -102,16 +102,17 @@ export default ManagementPage;
const useStyles = createStyles((theme) => ({ const useStyles = createStyles((theme) => ({
box: { box: {
borderRadius: theme.radius.md, borderRadius: theme.radius.md,
backgroundColor: theme.colorScheme === 'dark' ? theme.colors.red[4] : theme.colors.red[1], backgroundColor:
theme.colorScheme === 'dark' ? theme.fn.rgba(theme.colors.red[8], 0.1) : theme.colors.red[1],
}, },
boxTitle: { boxTitle: {
color: theme.colors.red[6], color: theme.colors.red[6],
}, },
quickActionCard: { quickActionCard: {
height: "100%", height: '100%',
backgroundColor: theme.colors.gray[2], backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2],
'&:hover': { '&:hover': {
backgroundColor: theme.colors.gray[3], backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[3],
}, },
}, },
})); }));