title: Customize ActionBar TabBar (ActionBarSherlock)
body: <p>I have been stuck on this issue for some days now. Can anyone help me customize the Tabs displayed below the ActionBar (NavigationMode is <code>NAVIGATION_MODE_TABS</code>) ?</p>
  
  <p>I basically want to change the background color of the tabs and the underline color of the currently selected Tab. So far this is what I have done, yet it doesn't work. I am using <code>ActionBarSherlock</code>.</p>
  
  <pre><code>&lt;style name="Theme.Styled" parent="@style/Theme.Sherlock.Light"&gt;
      &lt;item name="actionBarStyle"&gt;@style/Widget.Theme.Styled.ActionBar&lt;/item&gt;
      &lt;item name="android:actionBarStyle"&gt;@style/Widget.Theme.Styled.ActionBar&lt;/item&gt;
  
      &lt;item name="actionBarTabBarStyle"&gt;@style/customActionBarTabStyle&lt;/item&gt;
      &lt;item name="android:actionBarTabBarStyle"&gt;@style/customActionBarTabStyle&lt;/item&gt;
  
      &lt;item name="actionBarTabBarStyle"&gt;@style/customActionBarTabBarStyle&lt;/item&gt;
      &lt;item name="android:actionBarTabBarStyle"&gt;@style/customActionBarTabBarStyle&lt;/item&gt;
  
      &lt;item name="actionBarTabTextStyle"&gt;@style/customActionBarTabTextStyle&lt;/item&gt;
      &lt;item name="android:actionBarTabTextStyle"&gt;@style/customActionBarTabTextStyle&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="customActionBarTabStyle" parent="style/Widget.Sherlock.Light.ActionBar.TabView"&gt;
      &lt;item name="android:background"&gt;@color/red&lt;/item&gt;
  
      &lt;item name="android:textSize"&gt;12dp&lt;/item&gt;
  
  &lt;/style&gt;
  
  &lt;style name="customActionBarTabBarStyle" parent="style/Widget.Sherlock.Light.ActionBar.TabBar"&gt;
      &lt;item name="android:background"&gt;@color/red&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="customActionBarTabTextStyle" parent="style/Widget.Sherlock.Light.ActionBar.TabText"&gt;
      &lt;item name="android:titleTextStyle"&gt;@style/Theme.Styled.ActionBar.TitleTextStyle&lt;/item&gt;
      &lt;item name="android:textStyle"&gt;bold&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="Widget.Theme.Styled.ActionBar" parent="Widget.Sherlock.ActionBar"&gt;
      &lt;item name="android:background"&gt;#A9E2F3&lt;/item&gt;
      &lt;item name="background"&gt;#A9E2F3&lt;/item&gt;
      &lt;item name="android:titleTextStyle"&gt;@style/Theme.Styled.ActionBar.TitleTextStyle&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="Theme.Styled.ActionBar.TitleTextStyle" parent="android:style/TextAppearance.Holo.Widget.ActionBar.Title"&gt;
      &lt;item name="android:textColor"&gt;@color/red&lt;/item&gt;
      &lt;item name="android:textStyle"&gt;bold&lt;/item&gt;
  &lt;/style&gt;
  
  &lt;style name="Animations" /&gt;
  </code></pre>