Палитра пользовательского интерфейса материала не применяется к компоненту кнопки?

Question

Я настроил палитру своей темы (на самом деле все цвета # 0000):

const theme = createMuiTheme({
  palette: {
    primary: {
      main: '#0000',
      light: '#0000',
      dark: '#0000',
    },
    secondary: {
      main: '#0000',
      light: '#0000',
      dark: '#0000',
    },
    info: {
      main: '#0000',
      light: '#0000',
      dark: '#0000',
    },
    success: {
      main: '#0000',
      light: '#0000',
      dark: '#0000',
    },
    error: {
      main: '#0000',
      light: '#0000',
      dark: '#0000',
    },
  },
});

Когда я использую компонент кнопки с опорой цвета, он не использует эти стили:

<Button variant="contained">Default</Button>
<Button variant="contained" color="primary">
  Primary
</Button>
<Button variant="contained" color="secondary">
  Secondary
</Button>
<Button variant="contained" disabled>
  Disabled
</Button>
<Button
  variant="contained"
  color="primary"
  href="#contained-buttons"
>
  Link
</Button>

Почему не используются значения цвета из моей палитры? Конечно, я мог бы переопределить CSS в компоненте кнопки, но в этом суть системы поддонов, если мне нужно это сделать?