title: Material design: Change toolbar color when navigation drawer is opened
body: <p>I'm trying to recreate the material design toolbar as seen in the google play store, where the navigation drawer doesn't overlap the toolbar itself, but does overlap it's tabs. My main activity looks like this with the closed drawer on the left and the open drawer on the right:</p>
  
  <p><img src="https://i.stack.imgur.com/Gtich.png" alt="Screenshots"></p>
  
  <p>This is my activity_main.xml:</p>
  
  <pre><code>&lt;LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_height="match_parent"
      android:layout_width="match_parent"
      android:orientation="vertical"
      tools:context=".MainActivity"&gt;
  
      &lt;include
          android:id="@+id/toolbar"
          layout="@layout/toolbar"/&gt;
  
      &lt;android.support.v4.widget.DrawerLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent" &gt;
          &lt;LinearLayout
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical"&gt;
  
              &lt;View
                  android:layout_width="match_parent"
                  android:layout_height="1dp"
                  android:background="?attr/colorPrimaryDark" /&gt;
  
              &lt;FrameLayout
                  android:id="@+id/spotview_content_fragment"
                  android:layout_weight="2"
                  android:layout_width="match_parent"
                  android:layout_height="0px" /&gt;
  
          &lt;/LinearLayout&gt;
          &lt;ListView android:id="@+id/left_drawer"
              android:layout_width="240dp"
              android:layout_height="match_parent"
              android:layout_gravity="start"
              android:choiceMode="singleChoice"
              android:divider="@android:color/transparent"
              android:dividerHeight="0dp"
              android:background="#111"/&gt;
      &lt;/android.support.v4.widget.DrawerLayout&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>And my toolbar.xml:</p>
  
  <pre><code>&lt;android.support.v7.widget.Toolbar
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/toolbar"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:background="?attr/colorPrimaryDark"/&gt;
  </code></pre>
  
  <p>I didn't add any other code for the drawer yet. As you can see, the drawer doesn't overlap the toolbar, but does overlap the tabs, just like I wanted. However, the tabs get a darker shade of orange, while the toolbar doesn't. How can I get the toolbar to become a darker color too like it does in the play store? I think it would look better that way so the tabs and the toolbar look like they belong together. Thanks in advance!</p>