在`materia-ui`中全局更新组件颜色/字体的最佳方法是什么？

Question

我在我的React项目中使用material-ui，发现material-ui使用makeStyles创建样式对象。然后将样式对象作为classes注入到每个组件中。似乎styles与每个组件绑定。我的问题是我如何定义一些全局使用的样式，例如font，color等。在css / scss中，我可以定义一些全局变量，并可以在将应用的css文件中更改它们所有其他组件。用material-ui样式做到这一点的最佳方法是什么？

...

const useStyles = makeStyles({
  root: {
    background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',
    border: 0,
    borderRadius: 3,
    boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)',
    color: 'white',
    height: 48,
    padding: '0 30px',
  },
});


return (
      <div className={classes.root}>
 ...

Answer 1

检查Theme的自定义