材质UI React JS createMuiTheme调色板颜色更改不起作用

Question

This is what happens when I change the primary color using createMuiTheme

const themeDark = createMuiTheme({
  palette: {
    primary: {
      main: "#dc965a",
    },
    background: {
      default: "#02040f",
    },
    type: "dark",
  },
});

ReactDOM.render(
  <MuiThemeProvider theme={themeDark}>
    <CssBaseline />
    <Main />
  </MuiThemeProvider>,
  document.getElementById("root")
);

然后我使用color属性将其应用于组件，但是原始颜色仍然存在。

<SomeIcon color="primary"/>