Changing ActionBar Title Text Color

Question

I am trying to change the color of the Title Text in the ActionBar but I cannot seem to get it to work

this is my style I am 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 app theme I use the 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>

am I not using the correct style to change the color?

version of android where this code does not work? – Blackbelt Apr 30 '14 at 15:18 — Blackbelt, Apr 30 '14 at 15:18
4.4.2 moto x when I open the navigation drawer – tyczj Apr 30 '14 at 15:20 — tyczj, Apr 30 '14 at 15:20
looks all good except for the parent – Blackbelt Apr 30 '14 at 15:22 — Blackbelt, Apr 30 '14 at 15:22
@blackbelt whats wrong with the parent? – tyczj Apr 30 '14 at 15:23 — tyczj, Apr 30 '14 at 15:23

score 2 · Accepted Answer · answered Apr 30 '14 at 15:24

You need to set a custom style for actionBarStyle and then change the titleTextStyle like this

 <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>

score 0 · Answer 2 · answered Apr 30 '14 at 15:24

0

Blackbelt is right - your parent doesn't conform to the right syntax. Try this:

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

answered Apr 30 '14 at 15:24

Martin

4,711
4
29
37

adding `style` in made no change – tyczj Apr 30 '14 at 15:26

score 0 · Answer 3 · answered Apr 30 '14 at 15:31

AndroidManifest.xml:

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

values/styles.xml:

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

values-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>

score 0 · Answer 4 · answered Jul 22 '14 at 19:45

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 styles "android:actionMenuTextAppearance" and "android:titleTextStyle". I use a selector for change it.

I hope this will help you.

Changing ActionBar Title Text Color

4 Answers4

Linked