diff --git a/src/theme/components/table.modifier.ts b/src/theme/components/table.modifier.ts index 8fa463cba..d90c1ba1a 100644 --- a/src/theme/components/table.modifier.ts +++ b/src/theme/components/table.modifier.ts @@ -22,7 +22,7 @@ const MuiTableCell: Components['MuiTableCell'] = { root: ({ theme }) => { return { borderBottom: `1px solid ${theme.palette.icon.disabled}`, - backgroundColor: 'transparent !important' + backgroundColor: 'transparent' }; }, head: { @@ -91,9 +91,18 @@ const MuiTableSortLabel: Components['MuiTableSortLabel'] = { const MUIDataTableSelectCell: Components['MUIDataTableSelectCell'] = { styleOverrides: { - root: { - backgroundColor: 'transparent' - } + root: ({ theme }) => ({ + backgroundColor: theme.palette.background.constant?.table || theme.palette.background.paper, + '.MuiTableRow-root:hover &': { + backgroundImage: `linear-gradient(${theme.palette.action.hover}, ${theme.palette.action.hover})` + }, + '&.MuiTableCell-head': { + backgroundColor: + theme.palette.mode === 'dark' + ? theme.palette.background.card + : theme.palette.background.surfaces || theme.palette.background.paper + } + }) } };