title: How to use Material UI ThemeManager for setting custom AppBar height and color?
body: <p>I'm using the <a href="https://github.com/callemall/material-ui" rel="nofollow noreferrer">Callemall</a> react material-ui dependency within a meteor app. I am wondering how I can change the color and height of the AppBar I'm using. Is this possible by using inline styles to <a href="http://material-ui.com/#/customization/themes" rel="nofollow noreferrer">override the theme variables</a>? If so, how?</p>
  
  <pre class="lang-js prettyprint-override"><code>injectTapEventPlugin();
  var {AppBar} = MUI;
  var {ThemeManager, LightRawTheme} = Styles;
  
  Header = React.createClass({
      childContextTypes: {
          muiTheme: React.PropTypes.object
      },
  
      getChildContext() {
          return {
              muiTheme: ThemeManager.getMuiTheme(LightRawTheme);
      }
          ;
      },
  
      render: function () {
          return (
              &lt;AppCanvas&gt;
                  &lt;AppBar iconElementLeft={
                      &lt;div className="header-left-area"&gt;
                          &lt;FloatingActionButton
                              title="Register"
                              iconClassName="muidocs-icon-action-grade"
                              secondary={true}
                              mini={true}/&gt;
                      &lt;/div&gt;
                  }/&gt;
              &lt;/AppCanvas&gt;
          );
      }
  });
  </code></pre>