title: Ionic 4: Transparent Header
body: <p>I want to make my header background color transparent. My HTML is as follows:</p>
  
  <p>account.page.html</p>
  
  <pre><code>&lt;ion-header&gt;
      &lt;ion-toolbar&gt;
          &lt;ion-buttons slot="start"&gt;
              &lt;ion-back-button defaultHref="home"&gt;&lt;/ion-back-button&gt;
          &lt;/ion-buttons&gt;
          &lt;ion-title&gt;Account&lt;/ion-title&gt;
      &lt;/ion-toolbar&gt;
  &lt;/ion-header&gt;
  </code></pre>
  
  <p>account.page.scss</p>
  
  <pre><code>ion-header {
      --ion-toolbar-background-color: rgba(0, 0, 0, 0);
  }
  </code></pre>
  
  <p>This makes the bg color white, rather than being transparent. I also tried settings <code>background: transparent</code> to each element via Chrome Inspector. But I am only getting <code>white</code>.</p>
  
  <p>Any help how to achieve this?</p>