SnappSupply! Theme Config

In SnappSupply!, we use Material UI as the main theme, but we change it a lot. For making all Supply project look like same, we export theme config and add it as a separate package.

Install Theme

For installing Supply Theme, you have to add the package to project:

npm i @snapp-supply/theme

or using yum:

yum add @snapp-supply/theme

How to use Supply Theme

Adding theme to project is like how Material UI Documentation says. You need to add ThemeProvider and CssBaseLine to project index.js:

import {ThemeProvider, CssBaseline} from '@material-ui/core';
import {theme} from '@snapp-supply/theme';

ReactDOM.render(
      <ThemeProvider theme={theme}>
         <CssBaseline>
            <App />
         </CssBaseline>
      </ThemeProvider>
</React.StrictMode>,
document.getElementById('root')
      );