У меня есть приложение 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 об этом?