Material UI 主題中的前景色和背景色

Question

如何在 Material UI 主題中為 Card 設置 1 種顏色，為 Paper 設置不同顏色，這在暗模式和亮模式下都有效

我的應用程序是紙質背景之上的卡片列表（帶填充）。 默認情況下，紙張和卡片的顏色相同，這對我來說似乎是錯誤的。 我希望 colors 略有不同，以便卡片更好地從紙上脫穎而出。

設置主題以獲得此行為的最佳方法是什么？

謝謝

Answer 1

試試這個：

export const MyTheme = {
  ...
  
  overrides: {
    MuiPaper: {  
      root: {
        color: '#fff',      
        backgroundColor: '#EF476F', 
      },
    },
    MuiCard: {
      root: {
        color: '#fff',      
        backgroundColor: '#1181b2', 
      },
    },
  },
}