This gives me the dark text and icons in my App Bar while using the dark theme: You could just specify the standard theme for the toolbar, to get the dark text and overflow icon, but I wanted to derive from my own theme and make only small changes, because I have no idea what else might be -> That toolbar theme specifies a textColorPrimary and textColorSecondary to change the color of the title text and of the menu overflow button. So my Toolbar’s XML layout specifies a different theme (android:theme, or app:theme when using appcompat versions before 22.1.0), like so: Incidentally, the Material Design Color Palette page seems to agree with me, using dark title text on the Lime color I’ve chosen, but using white on almost all other colors. I want to use a light color for the toolbar background even while using the dark theme. So I’ll need to make the text and icons on my toolbar dark instead of the default white from the light theme. My main theme derives from Theme.AppCompat (not ), which is the dark Material theme for older devices, because I want most of the UI to be Update: I originally used Theme.AppCompat, manually setting windowActionBar to false, before learning of here, but I don’t notice any difference)īut that dark theme gives me light text and icons on the my light background of the App Bar: It took me ages to figure out how to do this, so hopefully the following explanation saves someone some time. So now I finally have dark text and icons on my light background in the dark theme: It seems normal to provide a whole new overflow icon for your app, replacing the standard one, just to get the right color.Īndroid’s new Toolbar, which replaces ActionBar (with some awkward code), makes it easier to change the title text color and the color of the menu overflow icon (and the Up/Back icon). It’s fairly easy to change the ActionBar‘s text color, but changing the color of its overflow icon is harder. Arguably this might be unwise design anyway, but there’s nothing in the Material design guidelines advising against it.
If you want to use the light theme but want your App Bar to have a dark background, or use a dark theme and want your toolbar to have a light background, things get awkward.
This is true of both the Holo themes and the new Material themes. The dark theme expects your App Bar to have a dark background color, so it gives you a white title and white overflow menu icon: The light theme expects your App Bar 1 (Toolbar or ActionBar) to have a light background color, so it gives you a dark title and dark overflow menu icon (the three vertical dots):
Android’s has normal (dark) and light themes, though it’s actually the light themes which are normally show in examples of the new Material design.
0 kommentar(er)
