如何为特定的Material UI React组件应用主题?

时间:2016-05-01 07:12:26

标签: reactjs material-ui

我已经建立了一个名为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
  }
};

如何修改特定组件类型的主题?

0 个答案:

没有答案