我有一个react应用程序,我想在其中应用MUI darkBaseTheme
。如果没有它,我的应用程序的一部分看起来像这样:
在render()
中封装了所有html内容之后:
<MuiThemeProvider muiTheme={getMuiTheme(darkBaseTheme)}>
</MuiThemeProvider>
具有这些输入的:
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; // add
import RaisedButton from 'material-ui/RaisedButton'; // add
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
它看起来像这样:
所以它改变了RaisedButtons
。我知道它不应该改变html的。但是为什么它不改变背景为黑暗?有办法做到这一点吗?或者我必须手动做没有MUI?
5条答案
按热度按时间cedebl8k1#
您需要在应用的根目录中包含
<CssBaseline />
组件,因为它负责更改主体的背景颜色。文件
vwoqyblh2#
我也遇到过类似的问题。当我切换到
dark
模式时,身体背景没有变化。将您的
CssBaseline
移到MuiThemeProvider
内。否则当您在主题中使用类型dark
时,主体背景不会改变。46scxncf3#
通过将
mode
属性设置为dark
,并包含设置body
元素的backgroundColor
的CssBaseline
,可以将背景更改为深色:如果要为背景使用自定义颜色:
fdx2calv4#
Guys dark模式无法正常工作。您必须导入正确的语法,即
当你期望程序自动导入时,它导入错误了。
omvjsjqw5#
在我的例子中,导入
<CssBaseline />.
时出现了问题我是这么做的:
但解决方案是这样导入的: