Overrides

We have overridden many MUI components, and those styles will be applied globally.

Customize MUI Component style

We have provided a central location to override any default style of any component. All the override styles exist in src\themes\overrides

src\themes\overrides\Button.jsx

// project imports
import { withAlpha } from 'utils/colorUtils';

/**
 * MUI Components whose styles are overrided as per theme
 */
export default function Button(theme) {
  const disabledButtonBackground = withAlpha(theme.vars.palette.grey[100], 0.5);

  return {
    MuiButton: {
      defaultProps: {
        disableElevation: true
      },
      styleOverrides: {
        root: {
          borderRadius: 8,
          ...
         },
         ...
      }, 
    }
  }

You can add a default property for any MUI component, and it will be applied everywhere. We emitted lines to view it better in the above code block, but you can see that many controls' styles override in the same file. Feel free to change it as per your needs.