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

Question

here is link of docs of how to customize theme

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

Answer 1

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

primary.light

对于每个主题，您都有主要和次要颜色。对于主要例如primary.main，primary.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)