title: Custom background color for Material-UI menu
body: <p>I'm new to material-ui. I tried adding the menu component into my project and I was able to display it. The menu's background was white and black text color. I want to change the colors to match my application.</p>
  
  <p>I copied the working component code from this link - <a href="http://www.material-ui.com/#/components/menu" rel="nofollow">http://www.material-ui.com/#/components/menu</a></p>
  
  <p>I've been adding backgroundColor to different parts of my style object but no luck</p>
  
  <pre><code>import React from 'react';
  import Menu from 'material-ui/lib/menus/menu';
  import MenuItem from 'material-ui/lib/menus/menu-item';
  import Divider from 'material-ui/lib/divider';
  import FontIcon from 'material-ui/lib/font-icon';
  import ContentCopy from 'material-ui/lib/svg-icons/content/content-copy';
  import ContentLink from 'material-ui/lib/svg-icons/content/link';
  import Delete from 'material-ui/lib/svg-icons/action/delete';
  import Download from 'material-ui/lib/svg-icons/file/file-download';
  import PersonAdd from 'material-ui/lib/svg-icons/social/person-add';
  import RemoveRedEye from 'material-ui/lib/svg-icons/image/remove-red-eye';
  
  const style = {
    menu: {
      marginRight: 32,
      marginBottom: 32,
      float: 'left',
      position: 'relative',
      zIndex: 0,
      width: 235,
    },
    rightIcon: {
      textAlign: 'center',
      lineHeight: '24px',
    },
    bg: {
      backgroundColor: '#364150',
      color: 'white'
    }
  };
  
  const MenuExampleIcons = () =&gt; (
    &lt;div style={style.bg}&gt;
      &lt;Menu autoWidth={false} style={style.menu}&gt;
        &lt;MenuItem primaryText="Preview" leftIcon={&lt;RemoveRedEye /&gt;} /&gt;
        &lt;MenuItem primaryText="Share" leftIcon={&lt;PersonAdd /&gt;} /&gt;
        &lt;MenuItem primaryText="Get links" leftIcon={&lt;ContentLink /&gt;} /&gt;
        &lt;Divider /&gt;
        &lt;MenuItem primaryText="Make a copy" leftIcon={&lt;ContentCopy /&gt;} /&gt;
        &lt;MenuItem primaryText="Download" leftIcon={&lt;Download /&gt;} /&gt;
        &lt;Divider /&gt;
        &lt;MenuItem primaryText="Remove" leftIcon={&lt;Delete /&gt;} /&gt;
      &lt;/Menu&gt;
    &lt;/div&gt;
  );
  
  export default MenuExampleIcons;
  </code></pre>