title: How to apply different color in AppBar Title MUI?
body: <p>I am trying to use my custom color for <code>AppBar</code> header. The <code>AppBar</code> has title 'My AppBar'. I am using white as my primary theme color. It works well for the bar but the 'title' of the <code>AppBar</code> is also using same 'white' color'</p>
  <p>Here is my code:</p>
  <pre><code>import React from 'react';
  import * as Colors from 'material-ui/styles/colors';
  import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
  import getMuiTheme from 'material-ui/styles/getMuiTheme';
  import AppBar from 'material-ui/AppBar';
  import TextField from 'material-ui/TextField';
  
     const muiTheme = getMuiTheme({
    palette: {
      textColor: Colors.darkBlack,
      primary1Color: Colors.white,
      primary2Color: Colors.indigo700,
      accent1Color: Colors.redA200,
      pickerHeaderColor: Colors.darkBlack,
    },
    appBar: {
      height: 60,
    },
  });
  
  class Main extends React.Component {
    render() {
      // MuiThemeProvider takes the theme as a property and passed it down the hierarchy
      // using React's context feature.
      return (
        &lt;MuiThemeProvider muiTheme={muiTheme}&gt;
          &lt;AppBar title=&quot;My AppBar&quot;&gt;
         &lt;div&gt;
     &lt; TextField hintText = &quot;username&quot; / &gt;
      &lt; TextField hintText = &quot;password&quot; / &gt;
  
      &lt;/div&gt;
      
          &lt;/AppBar&gt;
        &lt;/MuiThemeProvider&gt;
      );
    }
  }
  
  export default Main;
  </code></pre>
  <p>But, the palette styles override the <code>AppBar</code> 'title' color and no title is displaying. Should I include something or I have misplaced any ?</p>
  <p>And this is my output :
  <a href="https://i.stack.imgur.com/pX4qX.png" rel="noreferrer"><img src="https://i.stack.imgur.com/pX4qX.png" alt="enter image description here" /></a></p>