材质UI主题中的前景和背景颜色

Question

如何在材料UI主题中为卡片设置一种颜色，为纸张设置一种不同的颜色，这在暗模式和亮模式下都能工作

我的应用程序是一个纸背景上的卡片列表(带填充(。默认情况下，纸张和卡片的颜色相同，这在我看来是错误的。我希望颜色稍微不同一点，这样卡片就可以更好地从纸张中脱颖而出。

设置主题以获得这种行为的最佳方式是什么？

感谢

Answer 1

试试这个：

export const MyTheme = {
...

overrides: {
MuiPaper: {  
root: {
color: '#fff',      
backgroundColor: '#EF476F', 
},
},
MuiCard: {
root: {
color: '#fff',      
backgroundColor: '#1181b2', 
},
},
},
}