Files
aso/frontend/dashboard/src/theme/overrides/Pagination.ts
2023-07-03 11:39:08 +07:00

36 lines
1.0 KiB
TypeScript

import { alpha, Theme } from '@mui/material/styles';
// ----------------------------------------------------------------------
export default function Pagination(theme: Theme) {
return {
MuiPaginationItem: {
styleOverrides: {
root: {
'&.Mui-selected': {
fontWeight: theme.typography.fontWeightBold,
},
},
textPrimary: {
'&.Mui-selected': {
color: theme.palette.primary.main,
backgroundColor: alpha(theme.palette.primary.main, 0.08),
'&:hover, &.Mui-focusVisible': {
backgroundColor: `${alpha(theme.palette.primary.main, 0.24)} !important`,
},
},
},
outlined: {
border: `1px solid ${theme.palette.grey[500_32]}`,
},
outlinedPrimary: {
'&.Mui-selected': {
backgroundColor: alpha(theme.palette.primary.main, 0.08),
border: `1px solid ${alpha(theme.palette.primary.main, 0.24)}`,
},
},
},
},
};
}