Change the color of the text for the ActionBar header

Question

I am trying to change the title text color in an ActionBar, but I cannot get it to work

this is my style that I'm trying to use

<style name="TitleColorStyle" parent="android:TextAppearance.Holo.Widget.ActionBar.Title">
    <item name="android:textColor">@android:color/white</item>
</style>

and in my application theme I use titleTextStyle

<style name="AppTheme" parent="android:Theme.Holo.Light">

    <item name="android:windowContentOverlay">@null</item>
    <item name="android:actionOverflowButtonStyle">@style/MyActionButtonOverflow</item>
    <item name="android:actionDropDownStyle">@android:style/Widget.Holo.Spinner</item>
    <item name="android:titleTextStyle">@style/TitleColorStyle</item>
</style>

I do not use the correct style to change color?

Answer 1

You need to set your own style for actionBarStyle, and then change titleTextStyleas follows

 <style name="ThemeHoloLight" parent="android:Theme.Holo.Light">
    <item name="android:actionBarStyle">@style/ActionBarStyle</item>
</style>

<style name="ActionBarStyle" parent="android:Widget.Holo.Light.ActionBar">
    <item name="android:titleTextStyle">@style/HoloTitleText</item>
</style>

<style name="HoloTitleText" parent="android:TextAppearance.Holo">
    <item name="android:textColor">@android:color/white</item>
</style>

Answer 2

Blackbelt is right - your parent does not match the correct syntax. Try the following:

<style name="AppTheme" parent="@android:style/Theme.Holo.Light">

Answer 3

AndroidManifest.xml:

<application android:theme="@style/MyAppTheme"

/styles.xml:

<style name="MyAppTheme" parent="android:Theme.Light">
    <!-- Customize your theme here. -->
</style>

-V11/styles.xml:

<style name="MyAppTheme" parent="android:Theme.Holo.Light.DarkActionBar">
    <item name="android:actionBarStyle">@style/MyActionBar</item>
    <!-- Customize your theme here. -->
</style>

<style name="MyActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">
    <item name="android:background">@color/orangeDark</item>
    <item name="android:titleTextStyle">@style/MyActionBar.Text</item>
</style>

<style name="MyActionBar.Text" parent="android:style/TextAppearance.Holo.Widget.ActionBar.Title">
    <item name="android:textColor">@color/white</item>
    <item name="android:textStyle">bold</item>
</style>

Answer 4

This code will work

styles.xml

<style name="AppTheme" parent="@android:Theme.Holo.Light">

    <item name="android:actionBarStyle">@style/ActionBar</item>
    <item name="android:actionBarWidgetTheme">@style/ActionBar</item>
    <item name="android:actionMenuTextAppearance">@style/ActionMenu</item>
    <item name="android:itemTextAppearance">@style/ActionMenu</item>

</style>

<style name="ActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">
    <item name="android:background">@color/blue</item>
    <item name="android:textColorHint">@android:color/widget_edittext_dark</item>
    <item name="android:titleTextStyle">@style/ActionBarTitleText</item>
</style>

<style name="ActionMenu" parent="@android:style/TextAppearance.Holo.Widget.ActionBar.Menu">
    <item name="android:textColor">@drawable/selector_action_bar_menu</item>
    <item name="android:textSize">@dimen/text_label</item>
    <item name="android:textStyle">normal</item>
    <item name="android:textAllCaps">false</item>
</style>

<style name="ActionBarTitleText" parent="@android:style/TextAppearance.Holo">
    <item name="android:textSize">@dimen/text_action_bar_title</item>
    <item name="android:textColor">@android:color/white</item>
</style>

drawable / selector_action_bar_menu

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_enabled="false" android:color="@android:color/darker_gray"/>
    <item android:state_enabled="true" android:color="@android:color/white"/>
</selector>

It is important to override the styles of "android: actionMenuTextAppearance" and "android: titleTextStyle". I use the selector to change it.

Hope this helps you.