title: android.support.design.widget.tablayout Tab Indicator colour
body: <p>I am using TabLayout and a View Pager to show multiple tabs. I want to change the selected tab indicator. I have used <code>app:tabIndicatorColor</code>but the colour is not changing. It shows a greenish colour. I have read that by default the tabIndicator colour is set to<code>color/accent</code>, however the greenish colour is not my accent colour.
  My xml is as below:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;android.support.design.widget.CoordinatorLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:layout_height="match_parent"
      android:layout_width="match_parent"&gt;
  
      &lt;android.support.design.widget.AppBarLayout
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="@color/primary"
          android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"&gt;
          &lt;android.support.v7.widget.Toolbar
              android:id="@+id/toolbar"
              android:layout_height="wrap_content"
              android:layout_width="match_parent"
              android:background="@color/primary"
              app:layout_scrollFlags="scroll|enterAlways"
              app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
              /&gt;
          &lt;android.support.design.widget.TabLayout
              android:id="@+id/tab_layout"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              app:tabGravity="fill"
              app:tabIndicatorColor="@android:color/white"
              app:tabSelectedTextColor="@android:color/white"
              app:tabTextColor="@color/primary_light" 
  /&gt;
      &lt;/android.support.design.widget.AppBarLayout&gt;
  
      &lt;android.support.v4.view.ViewPager
          android:id="@+id/view_pager"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          app:layout_behavior="@string/appbar_scrolling_view_behavior" /&gt;
  
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  &lt;android.support.design.widget.NavigationView
      android:id="@+id/navigation_view"
      android:layout_height="match_parent"
      android:layout_width="wrap_content"
      android:layout_gravity="start"
      app:headerLayout="@layout/header_layout"
      app:menu="@menu/menu_drawer"
      /&gt;
  </code></pre>
  
  <p>
  What am I missing?
  Image here: <a href="http://imgur.com/uNcbviv" rel="nofollow">http://imgur.com/uNcbviv</a></p>