如何将主要浅色/深色设置为Material-ui的组件?我在这里使用自定义主题

时间:2018-02-22 10:26:00

标签: reactjs redux react-redux material-ui material

here is link of docs of how to customize theme

上面的链接有Object,我们可以配置主题对象。但默认情况下它采用主要主色,如果我想访问主要黑暗,该怎么办。如何访问小黑暗?

1 个答案:

答案 0 :(得分:4)

您可以将黑暗主题设置为默认值,如下所示:

primary.light

对于每个主题,您都有主要和次要颜色。对于主要例如primary.mainprimary.dark// ... imports ... const styles = theme => ({ darkColor: { color: theme.palette.primary.dark // or theme.palette.primary.main } }) const StatelessMyComponent = ({ classes }) => <div className={classes.darkColor}>Look at my dark color! :)</div>; export withStyles(styles)(StatelessMyComponent);

在您的组件中,您可以访问主题变量,如下所示:

events: function(start, end, callback)