reactjs - 在一个主题中有几个背景

Question

假设我的浅色主题有 2 个不同的背景（fe bg1，bg2）。当我切换到深色主题时，我想为这些背景应用新颜色。有什么办法可以做到吗？

问题是在默认主题中，bg 是#fafafa，而纸张是白色的。我想使用默认的 bg 白色，并且仅在使用纸张时才将#fafafa 作为背景颜色。现在我必须在每个使用纸张的子组件中硬编码#fafafa。我想从主题 fe theme.palette.mybg 中获取自定义颜色

const themeLight = createMuiTheme({
  palette: {
    background: {
      default: 'white',
    },
  },
});

标签： reactjsmaterial-ui