Overflow Menu textColor with AppCompat (using Hardware Menu-Key)

Question

I'm facing an issue on devices with a separate menu key (like the Samsung onces). In some Activities the textcolor of the Overflow Menu Items is white when opened via the Menu-Key. Opening the Overflow via the three dots the textcolor is always black - like it should be.

Following a Screenshot which visualizes the issue. On the left side the everything is fine, overflow has been opened via the three dots. On the right side the menu has been opened via the Menu-Key:

picture illustrating the issue

My Theme:

<style name="AppThemeToolbar" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/primary_color</item>
    <item name="colorPrimaryDark">@color/primary_color_dark</item>
    <item name="colorAccent">@color/accent_color</item>
    <item name="android:textColorPrimary">@android:color/white</item>
    <item name="android:textColorSecondary">@android:color/white</item>

    <item name="windowActionModeOverlay">true</item>
    <item name="actionModeBackground">@color/action_mode_color</item>
    <item name="actionBarPopupTheme">@style/ThemeOverlay.AppCompat.Light</item>
</style>

Note: I'm using the exact same Theme in multiple Activities though in 3 out of 5 everything is fine. That's totally mind boggling and doesn't make sense.

So basically the question is: How can I fix this and why is the textcolor in some activities black and in others white (while they're all using the same Theme)?

What I've tried (found in other similar posts):

Setting the panelBackground. This works, unfortunately this isn't a solution for me since the textcolor switches at will between black and white - so there's simply no good background color I could set.
What didn't work:
- android:panelTextAppearance
- textAppearanceSmallPopupMenu
- textAppearanceLargePopupMenu
- popupMenuStyle
- android:actionMenuTextColor & actionMenuTextColor
I don't wanna use SpannableStrings - approach seems to hacky

It seems that android:textColorSecondary is changing the text to white. — GPack
– GPack, Commented Jul 13, 2015 at 18:18
@GPack even if I change the textColorSecondary the textColor remains white unfortunately. — user3420815
– user3420815, Commented Jul 14, 2015 at 7:43
Since all the themes are Light, that is black text, the question is: from where is going the white text? Maybe are you styling the items at menu.xml level of some activity? — GPack
– GPack, Commented Jul 14, 2015 at 11:55
@GPack That's the question where the white color comes from. I'm not aware of any way to style the menu items via menu.xml or via java code - so it's safe to say that I'm not doing this. ;) — user3420815
– user3420815, Commented Jul 14, 2015 at 13:29
and there are not other style or theme references in the toolbar xml? — GPack
– GPack, Commented Jul 14, 2015 at 13:38

Daniele B · Accepted Answer · 2015-10-31 15:35:25Z

2

Finally found the solution!

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="actionBarPopupTheme">@style/HardwareOptionMenu</item>
</style>

<style name="HardwareOptionMenu" parent="ThemeOverlay.AppCompat.Dark">
    <item name="android:textColorSecondary">@color/white</item>
    <item name="android:colorBackground">@color/black</item>
</style>

answered Oct 31, 2015 at 15:35

Daniele B

20.6k33 gold badges120 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ajit Kumar Dubey · Accepted Answer · 2015-10-28 06:32:08Z

0

 <style name="AppThemeLL" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="android:windowActionBar">false</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:colorBackground">@color/white</item>
    <item name="android:textColorSecondary">@color/white</item>
</style>

This style worked for me and for the activity where you will use this theme extend Activity class.

Example:

public class TestActivity extends Activity
{}

Also your manifest will be

<activity android:name=".TestActivity"
        android:label="Test"
        android:theme="@style/AppThemeLL"/>

edited Oct 28, 2015 at 6:32

Ajit Kumar Dubey

1,5631 gold badge20 silver badges36 bronze badges

answered Oct 28, 2015 at 5:46

Meghana Patil

312 bronze badges

Comments

Frosty · Accepted Answer · 2016-05-17 10:28:33Z

0

I faced similar issue. You could try this for AppCompat :-

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="actionBarPopupTheme">@style/HardwareOptionMenu</item>
</style>

<style name="HardwareOptionMenu" parent="ThemeOverlay.AppCompat.Dark">
    <item name="android:textColorSecondary">@color/black</item>
    <item name="android:colorBackground">@color/white</item>
</style>

answered May 17, 2016 at 10:28

Frosty

5104 silver badges14 bronze badges

Collectives™ on Stack Overflow

Overflow Menu textColor with AppCompat (using Hardware Menu-Key)

My Theme:

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

My Theme:

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related