title: Modifying ViewPager Tabs according to the theme of the application
body: <p>I have created a simple ViewPager tabview. The tabview has a custom theme which I have designed.</p>
  
  <p><strong>The tabview looks like this:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/D2Vqs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/D2Vqs.png" alt="Tabview screenshot"></a></p>
  
  <p><strong>The layout XML file for the tabview</strong>:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;android.support.v4.view.ViewPager
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/pager"
      android:layout_width="match_parent"
      android:layout_height="match_parent"&gt;
  &lt;/android.support.v4.view.ViewPager&gt;
  </code></pre>
  
  <p><strong>The custom theme I have created for the ViewPager:</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  
  
  &lt;resources&gt;
  
      &lt;style name="Theme.Custom_tab_theme" parent="@android:style/Theme.Holo.Light"&gt;
          &lt;item name="android:actionBarItemBackground"&gt;@drawable/selectable_background_custom_tab_theme&lt;/item&gt;
          &lt;item name="android:popupMenuStyle"&gt;@style/PopupMenu.Custom_tab_theme&lt;/item&gt;
          &lt;item name="android:dropDownListViewStyle"&gt;@style/DropDownListView.Custom_tab_theme&lt;/item&gt;
          &lt;item name="android:actionBarTabStyle"&gt;@style/ActionBarTabStyle.Custom_tab_theme&lt;/item&gt;
          &lt;item name="android:actionDropDownStyle"&gt;@style/DropDownNav.Custom_tab_theme&lt;/item&gt;
          &lt;item name="android:actionBarStyle"&gt;@style/ActionBar.Solid.Custom_tab_theme&lt;/item&gt;
          &lt;item name="android:actionModeBackground"&gt;@drawable/cab_background_top_custom_tab_theme&lt;/item&gt;
          &lt;item name="android:actionModeSplitBackground"&gt;@drawable/cab_background_bottom_custom_tab_theme&lt;/item&gt;
          &lt;item name="android:actionModeCloseButtonStyle"&gt;@style/ActionButton.CloseMode.Custom_tab_theme&lt;/item&gt;
          &lt;item name="actionMenuTextColor"&gt;@color/white&lt;/item&gt;
          &lt;item name="android:actionMenuTextColor"&gt;@color/white&lt;/item&gt;
  
      &lt;/style&gt;
  
  
      &lt;style name="TextAppearance"&gt;
          &lt;item name="android:textColor"&gt;@android:color/white&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name="ActionBar.Solid.Custom_tab_theme" parent="@android:style/Widget.Holo.Light.ActionBar.Solid"&gt;
          &lt;item name="android:background"&gt;@drawable/ab_solid_custom_tab_theme&lt;/item&gt;
          &lt;item name="android:backgroundStacked"&gt;@drawable/ab_stacked_solid_custom_tab_theme&lt;/item&gt;
          &lt;item name="android:backgroundSplit"&gt;@drawable/ab_bottom_solid_custom_tab_theme&lt;/item&gt;
          &lt;item name="android:progressBarStyle"&gt;@style/ProgressBar.Custom_tab_theme&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name="ActionBar.Transparent.Custom_tab_theme" parent="@android:style/Widget.Holo.Light.ActionBar"&gt;
          &lt;item name="android:background"&gt;@drawable/ab_transparent_custom_tab_theme&lt;/item&gt;
          &lt;item name="android:progressBarStyle"&gt;@style/ProgressBar.Custom_tab_theme&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name="PopupMenu.Custom_tab_theme" parent="@android:style/Widget.Holo.Light.ListPopupWindow"&gt;
          &lt;item name="android:popupBackground"&gt;@drawable/menu_dropdown_panel_custom_tab_theme&lt;/item&gt;  
      &lt;/style&gt;
  
      &lt;style name="DropDownListView.Custom_tab_theme" parent="@android:style/Widget.Holo.Light.ListView.DropDown"&gt;
          &lt;item name="android:listSelector"&gt;@drawable/selectable_background_custom_tab_theme&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name="ActionBarTabStyle.Custom_tab_theme" parent="@android:style/Widget.Holo.Light.ActionBar.TabView"&gt;
          &lt;item name="android:background"&gt;@drawable/tab_indicator_ab_custom_tab_theme&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name="DropDownNav.Custom_tab_theme" parent="@android:style/Widget.Holo.Light.Spinner"&gt;
          &lt;item name="android:background"&gt;@drawable/spinner_background_ab_custom_tab_theme&lt;/item&gt;
          &lt;item name="android:popupBackground"&gt;@drawable/menu_dropdown_panel_custom_tab_theme&lt;/item&gt;
          &lt;item name="android:dropDownSelector"&gt;@drawable/selectable_background_custom_tab_theme&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name="ProgressBar.Custom_tab_theme" parent="@android:style/Widget.Holo.Light.ProgressBar.Horizontal"&gt;
          &lt;item name="android:progressDrawable"&gt;@drawable/progress_horizontal_custom_tab_theme&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;style name="ActionButton.CloseMode.Custom_tab_theme" parent="@android:style/Widget.Holo.Light.ActionButton.CloseMode"&gt;
          &lt;item name="android:background"&gt;@drawable/btn_cab_done_custom_tab_theme&lt;/item&gt;
      &lt;/style&gt;
  
      &lt;!-- this style is only referenced in a Light.DarkActionBar based theme --&gt;
      &lt;style name="Theme.Custom_tab_theme.Widget" parent="@android:style/Theme.Holo"&gt;
          &lt;item name="android:popupMenuStyle"&gt;@style/PopupMenu.Custom_tab_theme&lt;/item&gt;
          &lt;item name="android:dropDownListViewStyle"&gt;@style/DropDownListView.Custom_tab_theme&lt;/item&gt;
      &lt;/style&gt;
  
  &lt;/resources&gt;
  </code></pre>
  
  <p>Now I want to customise the TabView more to include the icons and change the icons and text color of the ViewPager when selected.</p>
  
  <p><strong>Something which I want to achieve:</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/cGfei.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cGfei.png" alt="Output wanted"></a></p>
  
  <p>So, basically I want to do 3 things:</p>
  
  <ol>
  <li>Add picture to the tabs</li>
  <li>Change picture and text color of tabs when selected</li>
  <li>Change font style of Tab text (remove bold and use custom font)</li>
  </ol>
  
  <p>What should I do to implement the same? Should the Custom theme be modified?</p>