title: How to theme Material UI inside Storybook
body: <p>Currently this is what I am doing, passing a <code>ThemeProvider</code> above my component file:</p>
  
  <pre><code>import React from 'react';
  import { ThemeProvider, createMuiTheme } from '@material-ui/core/styles';
  import MUIButton from '@material-ui/core/Button';
  
  const theme = createMuiTheme({
    palette: {
      primary: {
        main: "#ff0000"
      }
    },
    typography: {
      fontFamily: 'Nunito Sans, sans-serif',
      button: {
        textTransform: 'none'
      }
    },
    shape: {
      borderRadius: 3
    }
  })
  
  
  export default ({ variant, children }) =&gt; {
    return (
      &lt;ThemeProvider theme={theme}&gt;
        &lt;MUIButton
          color="primary"
          variant={variant}
        &gt;
          {children}
        &lt;/MUIButton&gt;
      &lt;/ThemeProvider&gt;
    )
  }
  </code></pre>
  
  <p>I am trying to figure out how I can do this at a global level in Storybook. This is the first component I have built out called <code>Button</code>. So I want to be able to have the theme in an external file, and have the <code>ThemeProvider</code> coming in at a higher level so I don't have to wrap each component. Hope that makes sense, and if anyone has any ideas.</p>