I used this code to change the Color of ActionBarSherlock:
<style name="Theme.MyTheme" parent="Theme.Sherlock.Light.DarkActionBar">
<!-- set style for action bar (affects tab bar too) -->
<item name="actionBarStyle">@style/Widget.MyTheme.ActionBar</item>
<item name="android:actionBarStyle">@style/Widget.MyTheme.ActionBar</item>
<!-- define text style for tabs -->
<item name="actionBarTabTextStyle">@style/MyTheme.ActionBar.TabText</item>
<item name="android:actionBarTabTextStyle">@style/MyTheme.ActionBar.TabText</item>
</style>
<style name="Widget.MyTheme.ActionBar" parent="Widget.Sherlock.ActionBar">
<!-- define background for action bar (sets default for all parts of action bar - main, stacked, split) -->
<item name="android:background">#blue</item>
<item name="background">#blue</item>
<item name="android:titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyleWhite</item>
<item name="titleTextStyle">@style/MyTheme.ActionBar.TitleTextStyleWhite</item>
<!-- set background for the tab bar (stacked action bar) - it overrides the background property -->
<item name="android:backgroundStacked">#grey</item>
<item name="backgroundStacked">#grey</item>
</style>
<style name="MyTheme.ActionBar.TabText" parent="Widget.Sherlock.ActionBar.TabText">
<item name="android:textColor">#black</item>
</style>
<style name="MyTheme.ActionBar.TitleTextStyleWhite" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Title">
<item name="android:textColor">#white</item>
</style>
as suggested by Jake Warton here:
Change ActionBarSherlock background color
But the thing is the ActionBar and Tabs both change to Blue color. I actually want to change The top actionBar background to Blue and Tabs background to White
how to do this?
Thank You
Best Answer
Use ActionbarStyleGenerator to change the color of what all you need. This is by far the simplest and most intuitive way.
How to: