1
0
Fork 0
freesewing/packages/mui-theme
2019-04-19 08:28:05 +02:00
..
src
.editorconfig
.gitignore
.npmignore
LICENSE
package-lock.json bookmark: v0.1.2 2019-04-19 08:28:05 +02:00
package.json bookmark: v0.1.2 2019-04-19 08:28:05 +02:00
README.md
rollup.config.js

Freesewing logo

 freesewing
a library for made-to-measure sewing patterns

Version License DeepScan grade Chat on Gitter Become a Patron

@freesewing/mui-theme

This is a Material UI theme that's used by the freesewing web sites.

Install

npm i --save @freesewing/mui-theme

Getting the theme

After installing @freesewing/mui-theme, import it:

import createTheme from "@freesewing/mui-theme";

The default export (createTheme in our example above) is a method that calls createMuiTheme under the hood. It takes a single argument, the theme name:

object createTheme(string themeName = "light")

If the name you pass it is dark you'll get the dark theme. Anything else, and you'll get the light theme.

Using the theme

To use this theme, you need to pass it as the theme prop to muiThemeProvider:

<MuiThemeProvider theme={createTheme(true)}>
  // ... your app here
</MuiThemeProvider>

See the Material-UI docs on themes for more details.