42 lines
1.3 KiB
JavaScript
42 lines
1.3 KiB
JavaScript
// project import
|
|
import getColors from 'utils/getColors';
|
|
|
|
// ==============================|| BADGE - COLORS ||============================== //
|
|
|
|
function getColorStyle({ color, theme }) {
|
|
const colors = getColors(theme, color);
|
|
const { lighter, main } = colors;
|
|
|
|
return {
|
|
color: main,
|
|
backgroundColor: lighter
|
|
};
|
|
}
|
|
|
|
// ==============================|| OVERRIDES - BADGE ||============================== //
|
|
|
|
export default function Badge(theme) {
|
|
const defaultLightBadge = getColorStyle({ color: 'primary', theme });
|
|
|
|
return {
|
|
MuiBadge: {
|
|
styleOverrides: {
|
|
standard: {
|
|
minWidth: theme.spacing(2),
|
|
height: theme.spacing(2),
|
|
padding: theme.spacing(0.5)
|
|
},
|
|
light: {
|
|
...defaultLightBadge,
|
|
'&.MuiBadge-colorPrimary': getColorStyle({ color: 'primary', theme }),
|
|
'&.MuiBadge-colorSecondary': getColorStyle({ color: 'secondary', theme }),
|
|
'&.MuiBadge-colorError': getColorStyle({ color: 'error', theme }),
|
|
'&.MuiBadge-colorInfo': getColorStyle({ color: 'info', theme }),
|
|
'&.MuiBadge-colorSuccess': getColorStyle({ color: 'success', theme }),
|
|
'&.MuiBadge-colorWarning': getColorStyle({ color: 'warning', theme })
|
|
}
|
|
}
|
|
}
|
|
};
|
|
}
|