poc-material-ui-theme

!npm bundle size

Make all your Material UI components consistent with the Borealis design language

``
yarn add poc-material-ui-theme @material-ui/core
`

`JavaScript
import { createMuiTheme, ThemeProvider as MuiThemeProvider } from '@material-ui/core/styles';
import borealisMaterialUiTheme from 'poc-material-ui-theme';

const muiTheme = createMuiTheme(borealisMaterialUiTheme);

export const App = () => (

{/ all your Material UI components here will be Borealis themed /}

);
`

If you want to update the theme for all our projects, follow the next steps:

- Go to the Material UI Theme Designer
- Make changes to the theming object
- Verify in the preview panel that your changes look good
- Hit the save icon
- Trigger a new build on BitBucket pipelines
- Once the build is done, this package is automatically updated with your theme adjustments

$3

You can easily make changes to the theme that will only effect your own project

`JavaScript
import { createMuiTheme, ThemeProvider as MuiThemeProvider } from '@material-ui/core/styles';
import borealisMaterialUiTheme from 'poc-material-ui-theme';
import {
ThemeOptions,
} from "@material-ui/core";

const customizedBorealisTheme: ThemeOptions = {
...borealisMaterialUiTheme,
palette: {
...borealisMaterialUiTheme.palette,
primary: {
...borealisMaterialUiTheme.palette?.primary,
main: 'red'
}
}
}
const muiTheme = createMuiTheme(customizedBorealisTheme);

export const App = () => (

{/ all your Material UI components here will be Borealis themed and also include your project customizations /}

);
``