Я пытаюсь настроить простое переопределение темы в моем проекте, но, похоже, оно не применяется.
Тема: (все, что нужно сделать, это изменить основной цвет на красный, ноэто не так)
const theme = createMuiTheme({
palette: {
type: 'dark',
primary: {
light: red[300],
main: red[500],
dark: red[700],
},
},
appBar: {
height: 55,
},
});
const styles = theme => ({})
Затем я обернул все свое приложение в MuiThemeProvider следующим образом:
class App extends Component {
constructor(props) {
super(props);
}
render() {
return (
<CssBaseline />,
<Router>
<MuiThemeProvider muiTheme={theme}>
<div>
<MaterialUiApp />
</div>
</MuiThemeProvider>
</Router>
);
}
} export default withStyles(styles, { withTheme: true })(App);
И все же, похоже, тема не применяется к элементам в моем приложении.,MaterialUiApp - это просто оболочка для различных частей моего основного макета, таких как два постоянных ящика, панель приложений и контейнер содержимого (в котором в настоящее время есть элементы формы).
Редактировать: я могу сказать тему по умолчаниюправильно применяет, переключая цвет моего AppBar с основного на дополнительный, но он использует цвета темы по умолчанию вместо моего собственного.
Редактировать: Вот код CodeSandbox .