我已经建立了一个名为MyTheme.js的主题:
export default {
spacing: Spacing,
zIndex: zIndex,
fontFamily: 'Roboto, sans-serif',
palette: {
primary1Color: Color.MY_PRIMARY,
primary2Color: Color.MY_SECONDARY,
...
pickerHeaderColor: Color.MY_PRIMARY
}
};
并按原样使用:
getChildContext() {
return {
muiTheme: ThemeManager.getMuiTheme(MyTheme)
};
}
以上两段代码遵循v0.14.4提供的说明:http://www.material-ui.com/#/customization/themes
这种主题有效,但我无法修改特定组件"主题"。例如,如果我希望我的所有RaisedButton组件都使用粗体字体而不是默认的普通样式字体,则我必须单独修改每个按钮。
在此文件中,它会显示主题的所有可编辑字段:https://github.com/callemall/material-ui/blob/v0.14.4/src/styles/getMuiTheme.js
但我似乎无法做到以下几点:
export default {
spacing: Spacing,
zIndex: zIndex,
fontFamily: 'Roboto, sans-serif',
palette: {
primary1Color: Color.MY_PRIMARY,
primary2Color: Color.MY_SECONDARY,
...
pickerHeaderColor: Color.MY_PRIMARY
},
raisedButton: {
fontWeight: 700
}
};
如何修改特定组件类型的主题?