这对我很有效。我们选择的颜色决定有一个黑暗的按钮对比色，但白色作为对比色看起来更好：

const theme = createMuiTheme({
  palette: {
    primary: {
      main: "#46AD8D",
      contrastText: "#fff" //button text white instead of black
    },
    background: {
      default: "#394764"
    }
  }
});

解决了！这个终于成功了：

const theme = createMuiTheme({
  palette: {
    primary: lightBlue,
  },
  overrides: {
    MuiButton: {
      raisedPrimary: {
        color: 'white',
      },
    },
  }
});

因此，您只需要使用“覆盖”并明确您想要更改的组件的确切类型。

当您在Button中设置颜色时（例如<Button color='primary'），文本颜色的应用方式取决于Button的变体：

• text| outlined：使用主颜色（例如primary.main）作为文本颜色。
• contained：使用contrastText颜色作为文本颜色，main颜色作为背景颜色。

import { blue, yellow } from '@mui/material/colors';
import { createTheme, ThemeProvider } from '@mui/material/styles';

const theme = createTheme({
  palette: {
    primary: {
      main: blue[500],
      contrastText: yellow[500],
    },
  },
});

现场演示

相关回答

• Change primary and secondary colors in Material UI

这个解决办法对我很有效

const theme = createMuiTheme({
  overrides: {
    MuiButton: {
      label: {
        color: "#f1f1f1",
      },
    },
  },

这对我来说很有用，例如。对于自定义success和error颜色：

// themes.ts
import { createTheme, responsiveFontSizes } from '@mui/material/styles';

// Create a theme instance.
let theme = createTheme({
  palette: {
    primary: {
      main: '#F5F5F5',         // Used elsewhere
    },
    success: {
      main: '#11C6A9',         // custom button color (seafoam green)
      contrastText: '#ffffff', // custom button text (white)
    },
    error: {
      main: '#C6112E',         // custom button color (red)
    },
  },
});

theme = responsiveFontSizes(theme);

export default theme;

然后在.jsx/.tsx中声明Button color。
成功按钮：

<Button
  variant="contained"
  color="success"
>
  Success button text
</Button>

对于红色按钮w/ outline：

<Button
  variant="outlined"
  color="error">
  Danger button text
</Button>

从https://github.com/mui-org/material-ui/blob/master/src/styles/getMuiTheme.js#L200你可以看到可以在主题中为各种组件设置什么，在raisedButton上你会看到color是实际的按钮背景，要设置文本颜色，你需要更改textColor属性。

const theme = getMuiTheme({
  raisedButton: {
    textColor: '#ffffff', // this should work
    primaryTextColor: '#ffffff' // or this if using `primary` style
  }
});

这并不完全直观，因为CSS color影响文本而不是背景，它甚至不匹配组件本身的属性http://www.material-ui.com/#/components/raised-button，而组件本身有backgroundColor和labelColor的 prop ！！！