title: customize actionbar with different background color - Android
body: <p>I am trying to style the Actionbar of my app. Since i need to customize more i have replaced the actual ActionBar with ToolBar. I want to design the ActionBar as shown in the below <strong>image1</strong>.</p>
  
  <p><a href="https://i.stack.imgur.com/9rAKJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9rAKJ.png" alt="enter image description here"></a>  </p>
  
  <p>Below is the toolbar code i am using to customize.</p>
  
  <p>custom_actionbar_layout.xml</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:layout_width="match_parent"
      android:layout_height="match_parent" &gt;
  
      &lt;android.support.v7.widget.Toolbar
          android:id="@+id/actionbar"
          android:layout_width="match_parent"
          android:layout_height="?attr/actionBarSize"
          app:layout_scrollFlags="scroll|enterAlways"
          android:background="?attr/colorPrimary"
          app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /&gt;
  &lt;/RelativeLayout
  </code></pre>
  
  <p>activity_toolbar.java</p>
  
  <pre><code> // Custom actionbar starts here
      Toolbar action = (Toolbar) findViewById(R.id.actionbar);    
      action.inflateMenu(R.menu.menu_scrollable_tabs);    
      action.setNavigationIcon(R.drawable.ct_drawer);
  </code></pre>
  
  <p>I am getting the action bar like below <strong>image2</strong>,</p>
  
  <p><a href="https://i.stack.imgur.com/aItk8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aItk8.png" alt="enter image description here"></a></p>
  
  <p>1) The problem i am facing is i am not getting the Navigation icon and menu icon as same as requested by the client.</p>
  
  <p>2) How to achieve this using toolbar. Please provide if any other alternate way to achieve this in android.</p>
  
  <p>Please help.</p>