Material-UI Лучший способ иметь переменную палитру тем? - PullRequest
0 голосов
/ 14 февраля 2020

У меня есть приложение Material-UI. Я хочу иметь возможность указывать переменные палитры из переменных в приложении. Например, если у меня есть глобальная переменная reactn colorPrimary, к которой можно получить доступ в любом месте приложения,

Так что, если у меня есть тема

const theme = createMuiTheme({
    palette: {
        type: 'dark',
        primary: {
            main: blue[500],
            contrastThreshold: 3,
        },
        secondary: {
            main: blue[800],
        },
        text: {
            primary: '#b3b3b3',
        },
    },
});

, то в моем App.js, У меня есть поставщик темы:

class App extends Component {
  render() {
    return (
      <ThemeProvider theme={theme}>
        <MaterialUiApp />
      </ThemeProvider>
    );
  }
}

Я хочу иметь возможность изменить theme.palette.primary.main, используя глобальную переменную reactn. Что было бы лучшим способом go об этом?

...