Android 3.0 ActionBar, changing colors

Question

How can I change the color of the underline beneath the tabs? It's currently the light blue, and I can't find any resources on how to change this for Android 3.0.

Additionally, I'd like to change the text color for the menu items that show up on the right of the ActionBar as a result of: android:showAsAction="ifRoom|withText"

Anyone know how to change these?

Answer 1

You can control the appearance of the tabs by using the properties android:actionBarTabStyle, android:actionBarTabBarStyle, and android:actionBarTabTextStyle.

This section in the official developer guide shows a sample xml to customize the action bar's style.

Regarding the text of the menu options check the properties actionMenuTextAppearance and actionMenuTextColor.

Answer 2

As additional info, here's how I found out how to change the blue bar below each tab (the answer above is perfectly good, but I lacked little information that I put here, which might be useful to somebody).

You just need to change the background to a 9 patch drawable.

Here's how it looks like:
http://android-developers.blogspot.com/2011/04/customizing-action-bar.html

Source available here:
http://code.google.com/p/styled-action-bar/source/browse/trunk/res/drawable/actionbar_tab_bg.xml

9 patches available here:
http://code.google.com/p/styled-action-bar/source/browse/trunk/res/drawable-mdpi

I know this was really easy, but again, it might be useful so I'm just dropping the links here.

Answer 3

None of these solutions worked for me. I changed the colors of my tabs as follows:

This is in the themes.xml

<style name="MyApp" parent="android:style/Theme.Holo">
    <item name="android:actionBarTabTextStyle">@style/MyApp.ActionBar.MyTabStyle</item>
</style>

This is in styles.xml

<style name="MyApp.ActionBar.MyTabStyle" parent="android:style/Widget.Holo.ActionBarView_TabText">
    <item name="android:textColor">#00ff00</item>
</style>

This should make your tabs green.

Answer 4

I think that you can use:

<resources>
    <style name="MyTheme" parent="android:style/Theme.Holo.Light">
        <item name="android:actionMenuTextColor">@color/...</item>
    </style>
</resources>

Regards