Material UI React JS Изменение цвета палитры createMuiTheme не работает

Question

Вот что происходит, когда я меняю основной цвет с помощью createMuiTheme

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

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

Затем я применяю его к компоненту, используя атрибут цвета, но исходный цвет все еще существует.

<SomeIcon color="primary"/>