mirror of
https://github.com/D4M13N-D3V/comissions-app-ui.git
synced 2025-03-14 08:15:08 +00:00
42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
|
// ** MUI Imports
|
||
|
|
import { Theme } from '@mui/material/styles'
|
||
|
|
|
||
|
|
// ** Util Import
|
||
|
|
import { hexToRGBA } from '../../../core/utils/hex-to-rgba'
|
||
|
|
|
||
|
|
const Pagination = (theme: Theme) => {
|
||
|
|
return {
|
||
|
|
MuiPaginationItem: {
|
||
|
|
styleOverrides: {
|
||
|
|
root: {
|
||
|
|
'&.Mui-selected:not(.Mui-disabled):not(.MuiPaginationItem-textPrimary):not(.MuiPaginationItem-textSecondary):hover':
|
||
|
|
{
|
||
|
|
backgroundColor: `rgba(${theme.palette.customColors.main}, 0.12)`
|
||
|
|
}
|
||
|
|
},
|
||
|
|
outlined: {
|
||
|
|
borderColor: `rgba(${theme.palette.customColors.main}, 0.22)`
|
||
|
|
},
|
||
|
|
outlinedPrimary: {
|
||
|
|
'&.Mui-selected': {
|
||
|
|
backgroundColor: hexToRGBA(theme.palette.primary.main, 0.12),
|
||
|
|
'&:hover': {
|
||
|
|
backgroundColor: `${hexToRGBA(theme.palette.primary.main, 0.2)} !important`
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
outlinedSecondary: {
|
||
|
|
'&.Mui-selected': {
|
||
|
|
backgroundColor: hexToRGBA(theme.palette.secondary.main, 0.12),
|
||
|
|
'&:hover': {
|
||
|
|
backgroundColor: `${hexToRGBA(theme.palette.secondary.main, 0.2)} !important`
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Pagination
|