How to change background color of a tab when clicked on
<p>I have a <code>TabLayout</code> and it displays about 4 tabs. When I click on one tab, the background color is a disgusting yellowish highlight (and then goes back to normal when I release). How would I change it so that it is white during the transition to the desired fragment. </p>

<p>Here is my app theme</p>

<pre><code>app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
</code></pre>

<p>and here is the <code>Tablayout</code> and <code>ViewPager</code></p>

<pre><code>&lt;android.support.design.widget.TabLayout
    android:id="@+id/sliding_tabs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/headBlue"
    app:tabMaxWidth="0dp"
    app:tabGravity="fill"
    app:tabIndicatorColor="@android:color/white"
    app:tabMode="fixed" /&gt;

&lt;android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="0px"
    android:layout_weight="1" /&gt;
</code></pre>

<p>and here are the dependencies</p>

<pre><code>compile 'com.android.support:appcompat-v7:23.2.0'
compile 'com.android.support:design:23.2.0'
</code></pre>