Как изменить цвета по умолчанию в пользовательском интерфейсе материала

Question

Нужно изменить основной и дополнительный цвета моего приложения. В руководстве написано, что это все, что вам нужно, но я все еще вижу базовые c синие / красные цвета по умолчанию в моем приложении. Я отказался от этой ссылки https://material-ui.com/customization/color/

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import { createMuiTheme } from "@material-ui/core";
import { MuiThemeProvider } from "material-ui/styles";

const theme = createMuiTheme({
  palette: {
    primary: {
      main: "#ff8f00"
    },
    secondary: {
      main: "#ffcc80"
    }
  }
});

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

Answer 1

Вы можете просто использовать ThemeProvider из @ material-ui / core вместо MuiThemeProvider из @ material-ui / styles

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import { createMuiTheme, ThemeProvider } from "@material-ui/core";

const theme = createMuiTheme({
  palette: {
    primary: {
      main: "#ff8f00"
    },
    secondary: {
      main: "#ffcc80"
    }
  }
});

ReactDOM.render(
  <ThemeProvider theme={theme}>
    <App />
  </ThemeProvider>,
  document.getElementById("root")
);

Answer 2

Кажется, вам нужно импортировать import { ThemeProvider } from '@material-ui/styles'; вместо import { MuiThemeProvider } from "material-ui/styles"; в соответствии с документацией.

Пример документации по интерфейсу материала