title: Status Bar color for API Level below 21 is not changing
body: <p>The Status Bar color for API level 21 or above is changing according to my requirement but how to change the color for API level below 21.</p>
  
  <p>Below are the screenshots for both the API's</p>
  
  <p><strong>API level 21:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/aezJ4.png" width="400" /></p>
  
  <p><strong>API level 19:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/oJNtV.png" width="400" /></p>
  
  <p><strong>colors.xml</strong></p>
  
  <pre><code>    &lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;resources&gt;
      &lt;color name="colorPrimary"&gt;#3F51B5&lt;/color&gt;
      &lt;color name="colorPrimaryDark"&gt;#303F9F&lt;/color&gt;
      &lt;color name="colorAccent"&gt;#FFFFFF&lt;/color&gt;
      &lt;item name="b" type="color"&gt;#FF33B5E5&lt;/item&gt;
  
      &lt;item name="p" type="color"&gt;#FFAA66CC&lt;/item&gt;
  
      &lt;item name="g" type="color"&gt;#FF99CC00&lt;/item&gt;
  
      &lt;item name="o" type="color"&gt;#FFFFBB33&lt;/item&gt;
  &lt;/resources&gt;
  </code></pre>
  
  <p><strong>Style.xml</strong></p>
  
  <pre><code>&lt;resources&gt;
  
  &lt;!-- Base application theme. --&gt;
  &lt;style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"&gt;
      &lt;!-- Customize your theme here. --&gt;
  
      &lt;item name="colorPrimary"&gt;@color/colorPrimary&lt;/item&gt;
      &lt;item name="colorPrimaryDark"&gt;@color/colorPrimaryDark&lt;/item&gt;
      &lt;item name="colorAccent"&gt;@color/colorAccent&lt;/item&gt;
      &lt;item name="windowActionBarOverlay"&gt;false&lt;/item&gt;
      &lt;item name="windowNoTitle"&gt;true&lt;/item&gt;
      &lt;item name="windowActionBar"&gt;false&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="AppTheme.NoActionBar"&gt;
      &lt;item name="colorPrimary"&gt;@color/colorPrimary&lt;/item&gt;
      &lt;item name="colorPrimaryDark"&gt;@color/colorPrimaryDark&lt;/item&gt;
      &lt;item name="colorAccent"&gt;@color/colorAccent&lt;/item&gt;
      &lt;item name="windowActionBar"&gt;false&lt;/item&gt;
      &lt;item name="windowNoTitle"&gt;true&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="MyCustomTabLayout" parent="Widget.Design.TabLayout"&gt;
      &lt;item name="tabSelectedTextColor"&gt;@color/colorAccent&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" /&gt;
  
  &lt;style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" /&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>This is what is happening when i perform the changes:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/O11ty.png" width="400" /></p>