freesewing/packages/components

 freesewing
^{a library for made-to-measure sewing patterns}

@freesewing/components

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

Install

npm i --save @freesewing/components

Getting the theme

After installing @freesewing/components, import it:

import createTheme from "@freesewing/components";

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.