title: Android Status Bar transparent with Navigation Drawer - Appbar elevation
body: <p>I am working on an app with Material Design Guidelines. I have a boilerplate app created by Android Studio.
  For some reason the status bar has a little gradient at the bottom which creates an illusion of Appbar (Toolbar) being on a higher elevation than status bar.</p>
  
  <p>I took a look on <a href="https://github.com/chrisbanes/cheesesquare" rel="nofollow noreferrer">Chris Bane's Cheesesquare</a> app for reference and it doesn't look like he is doing anything special to achieve that.</p>
  
  <p>Here are the screenshots for reference -</p>
  
  <hr>
  
  <p><strong>Boilerplate app</strong>
  <a href="https://i.stack.imgur.com/2KPS1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2KPS1.png" alt="My app created by Android Studio Boilerplate"></a></p>
  
  <hr>
  
  <p><strong>Cheesesquare app</strong>
  <a href="https://i.stack.imgur.com/2vOrJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2vOrJ.png" alt="enter image description here"></a></p>
  
  <hr>
  
  <p>Notice that Cheesesquare app's status bar and app bar feel like on the same elevation with just different shades of purple. Whereas My Application's status bar feels like it lies at lower elevation than the app bar.</p>
  
  <p>Boilerplate code has following snippet of code in </p>
  
  <blockquote>
    <p>v21/styles.xml</p>
  </blockquote>
  
  <pre><code>&lt;style name="AppTheme.NoActionBar"&gt;
      &lt;item name="windowActionBar"&gt;false&lt;/item&gt;
      &lt;item name="windowNoTitle"&gt;true&lt;/item&gt;
      &lt;item name="android:windowDrawsSystemBarBackgrounds"&gt;true&lt;/item&gt;
      &lt;item name="android:statusBarColor"&gt;@android:color/transparent&lt;/item&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>How can I achieve the feel of Cheesesquare app?</p>
  
  <p>P.S. I am using Android Support Library 23.2 that was just released (Feb 2016)</p>