材质UI应用深色主题

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;

可以使用example这样的按钮来完成切换。