Provide an API to update the theme from down the tree

[devskope]

• I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

It makes sense to me to abstract the theme generation APIs into a single hook interface that returns the generated theme and a setter function to modify the theme.

Examples 🌈

I published the useMuiTheme hook (@devskope/use-mui-theme) to solve this problem.

import useMuiTheme from '@devskope/use-mui-theme';
  ...
 
const App = (props) => {
  const [theme, setTheme] = useMuiTheme({
       themeOptions = {name: 'winter-blue', palette:{ ...paletteOpts }},
       themeArgs = [],
       responsiveFonts = true,
       fontOptions = {factor: 1},
     });
 
  return (
    <>
      <ThemeProvider theme={theme}>
        <CssBaseline />
        <NavBar setTheme={setTheme} />
      </ThemeProvider>
    </>
  );
};

[oliviertassinari]

@devskope Thanks for opening an issue. It's the third time I see somebody asking for a theme setter. From what I recall, it was about enabling the dark theme without having to handle the boilerplate around the React's context. What problem do you intend on solving?

[devskope]

@oliviertassinari Same problem, cutting down boilerplate and focusing on features .