如何在material ui中更改默认颜色

import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';

const theme = createMuiTheme({
  palette: {
    primary: {
      main: '#ff0000', // 设置主要颜色
    },
    secondary: {
      main: '#00ff00', // 设置次要颜色
    },
  },
});

<ThemeProvider theme={theme}>
  {/* 应用程序的其余部分 */}
</ThemeProvider>

import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles((theme) => ({
  myButton: {
    color: theme.palette.primary.main, // 使用主要颜色
    backgroundColor: theme.palette.secondary.main, // 使用次要颜色
  },
}));

function MyComponent() {
  const classes = useStyles();

  return (
    <Button className={classes.myButton}>自定义按钮</Button>
  );
}