title: Change ion-view header color in ionic
body: <p>I am using the ionic starter menubar template. I would like to change the header background color of each page. I currently have:</p>
  
  <pre><code>&lt;ion-view view-title="Search"&gt;
    &lt;ion-content&gt;
      &lt;h1&gt;Search&lt;/h1&gt;
    &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>I tried:</p>
  
  <pre><code>&lt;ion-view view-title="Search" class="bar bar-header bar-assertive"&gt;
    &lt;ion-content&gt;
      &lt;h1&gt;Search&lt;/h1&gt;
    &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>But it does not work at all (content is not rendered). The <a href="http://ionicframework.com/docs/components/#header">header documentation</a> does not help me. What is the correct way to do this? </p>