How to change Toolbar home icon color

Question

I am using a android support v7 widget Toolbar and learned from this post how to change the color of the hamburger icon to white  but the up back arrow remains a dark color when I call  setDisplayHomeAsUpEnabled true     How can I make the arrow white as well   Here is what my toolbar looks like when I call setDisplayHomeAsUpEnabled          and here is the relevant portion of my styles xml file    lt style name  AppTheme  parent  Theme AppCompat NoActionBar  gt       lt item name  colorPrimary  gt  color primary lt  item gt       lt item name  colorPrimaryDark  gt  194C5F lt  item gt       lt item name  colorAccent  gt  color accent lt  item gt       lt item name  drawerArrowStyle  gt  style WhiteDrawerIconStyle lt  item gt   lt  style gt        lt style name  WhiteDrawerIconStyle  parent  Widget AppCompat DrawerArrowToggle  gt           lt item name  spinBars  gt true lt  item gt           lt item name  color  gt  android color white lt  item gt       lt  style gt

User · Answer

I solved it programmatically using this code:

final Drawable upArrow = getResources().getDrawable(R.drawable.abc_ic_ab_back_mtrl_am_alpha);
upArrow.setColorFilter(Color.parseColor("#FFFFFF"), PorterDuff.Mode.SRC_ATOP);
getSupportActionBar().setHomeAsUpIndicator(upArrow);

Revision 1:

Starting from API 23 (Marshmallow) the drawable resource abc_ic_ab_back_mtrl_am_alpha is changed to abc_ic_ab_back_material.

User · Answer

Here is what you are looking for  But this also changes the color of radioButton etc  So you might want to use a theme for it    lt item name  colorControlNormal  gt  color colorControlNormal lt  item gt

User · Answer

This answer maybe too late  but here is how I do it  Styling the toolbar will do the trick  Create toolbar xml with following code    lt  xml version  1 0  encoding  utf-8   gt   lt android support v7 widget Toolbar  xmlns android  http   schemas android com apk res android  xmlns local  http   schemas android com apk res-auto  android id    id toolbar  android layout width  match parent  android layout height  wrap content  android minHeight   attr actionBarSize  android background   attr colorPrimary  android layout alignParentTop  true  android layout gravity  bottom  local theme   style ThemeOverlay AppCompat Dark ActionBar  local popupTheme   style ThemeOverlay AppCompat Light    gt    and in the styles xml   lt style name  AppBaseTheme  parent  Theme AppCompat Light NoActionBar  gt       lt  --     -- gt   lt  style gt    lt  -- Application theme  -- gt   lt style name  AppTheme  parent  AppBaseTheme  gt       lt item name  windowNoTitle  gt true lt  item gt       lt item name  windowActionBar  gt false lt  item gt       lt item name  colorPrimary  gt  color colorPrimary lt  item gt       lt item name  colorPrimaryDark  gt  color colorPrimaryDark lt  item gt   lt  style gt    Finally  include the toolbar inside layout   lt include         android id    id toolbar          layout   layout toolbar    gt

User · Answer

Instead of using older drawable id   abc ic ab back material   use the new one abc ic ab back material in every api version  I have tested it in 19  21  27 and working fine with below code and configuration    minSdkVersion   17 targetSdkVersion   26 compileSdkVersion   27  public static Drawable changeBackArrowColor Context context  int color    int res  res   context getResources   getIdentifier  abc ic ab back material    drawable   context getPackageName     if  res    0      return null  final Drawable upArrow   ContextCompat getDrawable context  res   upArrow setColorFilter ContextCompat getColor context  color   PorterDuff Mode SRC ATOP    return upArrow

User · Answer

Here s my solution   toolbar navigationIcon  mutate    let     it setTint theColor    toolbar navigationIcon   it     Or  if you want to use a nice function for it   fun Toolbar setNavigationIconColor  ColorInt color  Int    navigationIcon  mutate    let       it setTint color      this navigationIcon   it     Usage   toolbar setNavitationIconColor someColor

User · Answer

Well there is a more easy way to do this  drawerToggle   new ActionBarDrawerToggle this  drawer  toolbar  R string open drawer  R string close drawer   arrow   drawerToggle getDrawerArrowDrawable      And then  arrow setColor getResources   getColor R color blue

User · Answer

Instead of style changes  just put these two lines of code to your activity   getSupportActionBar   setDisplayHomeAsUpEnabled true   getSupportActionBar   setHomeAsUpIndicator R drawable arrowleft

User · Answer

This code works for me   public static Drawable changeBackArrowColor Context context  int color        String resName      int res       resName   Build VERSION SDK INT  gt   23    abc ic ab back material     abc ic ab back mtrl am alpha       res   context getResources   getIdentifier resName   drawable   context getPackageName          final Drawable upArrow   context getResources   getDrawable res       upArrow setColorFilter color  PorterDuff Mode SRC ATOP        return upArrow          getSupportActionBar   setHomeAsUpIndicator changeBackArrowColor this  Color rgb 50  50  50                    supportInvalidateOptionsMenu      Also  if you want to change the toolbar text color   Spannable spannableString   new SpannableString t   spannableString setSpan new ForegroundColorSpan Color rgb 50  50  50    0  t length    Spannable SPAN EXCLUSIVE EXCLUSIVE   toolbar setText spannableString     Working from API 19 through 25

User · Answer

lt  -- ToolBar -- gt       lt style name  ToolBarTheme ToolBarStyle     parent  ThemeOverlay AppCompat Dark ActionBar  gt           lt item name  android textColorPrimary  gt  android color white lt  item gt           lt item name  android textColor  gt  color white lt  item gt           lt item name  android textColorPrimaryInverse  gt  color white lt  item gt       lt  style gt    Too late to post  this worked for me to change the color of the back button

User · Answer

Change your Toolbar Theme to ThemeOverlay AppCompat Dark   lt  xml version  1 0  encoding  utf-8   gt   lt android support v7 widget Toolbar xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android id    id navigation      android layout width  match parent      android layout height  wrap content      android background   color colorPrimary      android orientation  vertical      app theme   style ThemeOverlay AppCompat Dark  gt    lt  android support v7 widget Toolbar gt    and set it in activty   mToolbar    Toolbar  findViewById R id navigation   setSupportActionBar mToolbar

User · Answer

Try this  Set the toolbar s theme in your layout as follows android theme    quot  android style ThemeOverlay Material Dark ActionBar quot   If you want further information The curious case of the Overflow Icon Color by Martin Bonnin

User · Answer

I solved it by editing styles xml    lt style name  ToolbarColoredBackArrow  parent  AppTheme  gt       lt item name  android textColorSecondary  gt INSERT COLOR HERE lt  item gt   lt  style gt       then referencing the style in the Toolbar definition in the activity    lt LinearLayout     android id    id main parent view      android layout width  match parent      android layout height  match parent      android orientation  vertical  gt        lt android support v7 widget Toolbar         xmlns android  http   schemas android com apk res android          xmlns app  http   schemas android com apk res-auto          android id    id toolbar          app theme   style ToolbarColoredBackArrow          app popupTheme   style AppTheme          android layout width  match parent          android layout height  wrap content          android minHeight   attr actionBarSize          android background   attr colorPrimary   gt

[android] How to change Toolbar home icon color

Examples related to android

Examples related to icons

Examples related to android-support-library

[android] How to change Toolbar home icon color

Examples related to android

Examples related to icons

Examples related to toolbar

Examples related to android-support-library