Имея пару фонов в теме

Question

Допустим, моя светлая тема имеет 2 разных фона (например, bg1, bg2). Когда я переключаюсь на темную тему, я хочу применить новые цвета для этих BG. Есть ли способ, как я могу это сделать?

Проблема в том, что в теме по умолчанию bg #fafafa, а бумага белого цвета. Я хочу использовать bg white по умолчанию и применять #fafafa в качестве фона только при использовании бумаги. Теперь я должен жестко кодировать #fafafa в каждом дочернем компоненте, который использует бумагу. Я хочу получить пользовательский цвет из темы, например theme.palette.mybg

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