title: Material-ui color customization
body: <p>I am trying to change the background color of my paper for my footer using material-ui with React. I followed the color sample demo with createMuiTheme and then used MuiThemeProvider, but it didn't work. Do I need to use Drawer to get this to work? </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from 'react';
  import Link from 'react-router-dom';
  import Paper from '@material-ui/core/Paper';
  import CssBaseline from '@material-ui/core/CssBaseline';
  import { createMuiTheme } from '@material-ui/core/styles';
  import Drawer from '@material-ui/core/Drawer';
  import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider';
  import green from '@material-ui/core/colors/green';
  
   const style = {
    textAlign: 'center'
  }
  
   const theme = createMuiTheme({
    palette: {
     primary: green,
     secondary: {
       main: '#2e7d32',
     },
    },
   });
  
  
   const Footer = () =&gt; {
      return(
       &lt;React.Fragment&gt;
         &lt;CssBaseline /&gt;
          &lt;Paper style={style} elevation={1}&gt;
           &lt;MuiThemeProvider theme = {theme}&gt;
            &lt;h2&gt;Copywright Medicinal Foods 2019!&lt;/h2&gt;
              &lt;h3&gt;All Rights Reserved!&lt;/h3&gt;
                &lt;h4&gt;Thanks for visitng!&lt;/h4&gt;
                  &lt;br&gt;&lt;/br&gt;
                    &lt;br&gt;&lt;/br&gt;
                      &lt;br&gt;&lt;/br&gt;
                     &lt;/MuiThemeProvider&gt;
                    &lt;/Paper&gt;
                  &lt;/React.Fragment&gt;
     );
   }
  
   export default Footer;</code></pre>
  </div>
  </div>
  </p>