Separate Client Portal & Dashboard
This commit is contained in:
35
frontend/dashboard/src/theme/overrides/Switch.ts
Normal file
35
frontend/dashboard/src/theme/overrides/Switch.ts
Normal file
@@ -0,0 +1,35 @@
|
||||
import { Theme } from '@mui/material/styles';
|
||||
|
||||
// ----------------------------------------------------------------------
|
||||
|
||||
export default function Switch(theme: Theme) {
|
||||
const isLight = theme.palette.mode === 'light';
|
||||
|
||||
return {
|
||||
MuiSwitch: {
|
||||
styleOverrides: {
|
||||
thumb: {
|
||||
boxShadow: theme.customShadows.z1
|
||||
},
|
||||
track: {
|
||||
opacity: 1,
|
||||
backgroundColor: theme.palette.grey[500]
|
||||
},
|
||||
switchBase: {
|
||||
left: 0,
|
||||
right: 'auto',
|
||||
'&:not(:.Mui-checked)': {
|
||||
color: theme.palette.grey[isLight ? 100 : 300]
|
||||
},
|
||||
'&.Mui-checked.Mui-disabled, &.Mui-disabled': {
|
||||
color: theme.palette.grey[isLight ? 400 : 600]
|
||||
},
|
||||
'&.Mui-disabled+.MuiSwitch-track': {
|
||||
opacity: 1,
|
||||
backgroundColor: `${theme.palette.action.disabledBackground} !important`
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user