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

Question

Я некоторое время искал в Интернете, но не мог понять, как применить стандартную темную тему, показанную на сайте Material-ui, где можно переключаться между светлой и темной темой.Они говорят, что это стандартные, но как их использовать?Спасибо!

Answer 1

Вы можете использовать их, создав Тему следующим образом:

import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';

const THEME = createMuiTheme({
  palette: {
    type: 'dark',
  },
});

class YourComponent extends Component {
  render() {
    return (
      <MuiThemeProvider theme={THEME}>
        ... your other components
      </MuiThemeProvider>
    )
  }
}

export default YourComponent;

Переключение можно выполнить с помощью кнопки, подобной этой пример .