How to change color of Toolbar back button in Android

Question

I could not change the color of back button  I am using toolbar material design  In my app I am applying black background of tool bar but the back design is being black by default that s why I just want to change the color of this back button  Please give me solutions    Thank You

User · Answer

Just use the MaterialToolbar and override the default colors        lt com google android material appbar MaterialToolbar         style   style Widget MaterialComponents Toolbar Primary          android theme   style MyThemeOverlay Toolbar             gt    with      lt style name  MyThemeOverlay Toolbar  parent  ThemeOverlay MaterialComponents Toolbar Primary  gt       lt  -- color used by navigation icon and overflow icon -- gt       lt item name  colorOnPrimary  gt  color     lt  item gt     lt  style gt      If you are using the androidx appcompat widget Toolbar or the MaterialToolbar  with the default style  Widget MaterialComponents Toolbar  you can use    lt androidx appcompat widget Toolbar     android theme   style MyThemeOverlay Toolbar2    with      lt style name  MyThemeOverlay Toolbar2  parent  ThemeOverlay MaterialComponents Toolbar Primary  gt       lt  -- This attributes is used by title -- gt       lt item name  android textColorPrimary  gt  color white lt  item gt        lt  -- This attributes is used by navigation icon and overflow icon -- gt       lt item name  colorOnPrimary  gt  color secondaryColor lt  item gt     lt  style gt

User · Answer

You can use your own icon by using app navigationIcon and for the title color app titleTextColor   Example    lt android support v7 widget Toolbar         android id    id toolbar          android layout width  match parent          android layout height   actionBarSize          android background   color colorPrimary          app navigationIcon   drawable ic arrow back white 24dp          app titleTextColor   color white    gt

User · Answer

Use this    lt style name  BaseTheme  parent  Theme AppCompat Light NoActionBar  gt     lt item name  colorControlNormal  gt  color white lt  item gt    lt  style gt

User · Answer

I did it this way using the Material Components library    lt style name  AppTheme  parent  Theme MaterialComponents DayNight NoActionBar  gt       lt item name  drawerArrowStyle  gt  style AppTheme DrawerArrowToggle lt  item gt   lt  style gt    lt style name  AppTheme DrawerArrowToggle  parent  Widget AppCompat DrawerArrowToggle  gt       lt item name  color  gt  android color white lt  item gt   lt  style gt

User · Answer

To style the Toolbar on Android 21  it s a bit different   lt style name  quot DarkTheme v21 quot  parent  quot DarkTheme v19 quot  gt           lt  -- toolbar background color -- gt           lt item name  quot android navigationBarColor quot  gt  color color primary blue dark lt  item gt           lt  -- toolbar back button color -- gt           lt item name  quot toolbarNavigationButtonStyle quot  gt  style Toolbar Button Navigation Tinted lt  item gt       lt  style gt        lt style name  quot Toolbar Button Navigation Tinted quot  parent  quot Widget AppCompat Toolbar Button Navigation quot  gt           lt item name  quot tint quot  gt  color color white lt  item gt       lt  style gt

User · Answer

If you want white back button     and white toolbar title  follow this    lt android support design widget AppBarLayout         android id    id app bar          android layout width  match parent          android layout height  wrap content          android theme   style ThemeOverlay AppCompat Dark ActionBar  gt            lt android support v7 widget Toolbar             android id    id toolbar              android layout width  match parent              android layout height   attr actionBarSize              android background   attr colorPrimary              app popupTheme   style ThemeOverlay AppCompat Light    gt       lt  android support design widget AppBarLayout gt    Change theme from Dark to Light if you want black back button     and black toolbar title

User · Answer

use this style    lt style name  Theme MyFancyTheme  parent  android Theme Holo  gt       lt item name  android homeAsUpIndicator  gt  drawable back button image lt  item gt   lt  style gt

User · Answer

Try this   final Drawable upArrow   getResources   getDrawable R drawable abc ic ab back mtrl am alpha   upArrow setColorFilter getResources   getColor R color grey   PorterDuff Mode SRC ATOP   getSupportActionBar   setHomeAsUpIndicator upArrow

User · Answer

You can add this code into your java class  But you must create a vector asset before  so you can customize your arrow back   actionBar setHomeAsUpIndicator R drawable ic arrow back black 24dp

User · Answer

If you want system back color in white then you can use this code   lt com google android material appbar AppBarLayout         android id    id appbar          android layout width  match parent          android layout height  wrap content          app elevation  0dp          android theme   style ThemeOverlay AppCompat Dark ActionBar          app layout constraintEnd toEndOf  parent          app layout constraintStart toStartOf  parent          app layout constraintTop toTopOf  parent  gt            lt androidx appcompat widget Toolbar             android id    id toolbar notification              android layout width  match parent              android layout height   attr actionBarSize              app contentInsetLeft  0dp              app contentInsetStart  0dp              app contentInsetStartWithNavigation  0dp  gt                lt include layout   layout action bar notification    gt           lt  androidx appcompat widget Toolbar gt       lt  com google android material appbar AppBarLayout gt    Note - android theme   style ThemeOverlay AppCompat Dark ActionBar  is key  The paste is in your activity where you want to show back button on action bar  final Toolbar toolbar    Toolbar  findViewById R id toolbar notification   setSupportActionBar toolbar   getSupportActionBar   setDisplayHomeAsUpEnabled true   getSupportActionBar   setDisplayShowHomeEnabled false

User · Answer

Here is the simplest way of achieving Light and Dark Theme for Toolbar You have to change the value of app theme of the Toolbar tag   For Black Toolbar Title and Black Up arrow  your toolbar should implement following theme       app theme   style ThemeOverlay AppCompat Light       For White Toolbar Title and White Up arrow  your toolbar should implement following theme       app theme   style ThemeOverlay AppCompat

User · Answer

For white Toolbar Title and White Up arrow  use following theme    android theme   style ThemeOverlay AppCompat Dark ActionBar

User · Answer

I am using  lt style name  BaseTheme  parent  Theme AppCompat Light NoActionBar gt  theme in my android application and in NoActionBar theme  colorControlNormal property is used to change the color of navigation icon default Back button arrow in my toolbar  styles xml   lt style name  BaseTheme  parent  Theme AppCompat Light NoActionBar  gt     lt item name  colorControlNormal  gt  color your color lt  item gt    lt  style gt

User · Answer

I think if theme should be generated some problem but its dynamically set black arrow So i Suggested try this one   Drawable backArrow   getResources   getDrawable R drawable abc ic ab back mtrl am alpha   backArrow setColorFilter getResources   getColor R color md grey 900   PorterDuff Mode SRC ATOP   getSupportActionBar   setHomeAsUpIndicator backArrow

User · Answer

You can add a style to your styles xml     lt style name  ToolbarTheme  parent   style ThemeOverlay AppCompat ActionBar  gt     lt  -- Customize color of navigation drawer icon and back arrow -- gt      lt item name  colorControlNormal  gt  color toolbar color control normal lt  item gt   lt  style gt    and add this as theme to your toolbar in toolbar layout xml using app theme  check below   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 layout width  match parent      android layout height  wrap content      android minHeight   attr actionBarSize      android background   attr colorPrimary      app theme   style ToolbarTheme   gt   lt  android support v7 widget Toolbar gt

User · Answer

Simple and no Worries    lt  xml version  1 0  encoding  utf-8   gt       lt android support design widget CoordinatorLayout xmlns android  http   schemas android com apk res android          xmlns app  http   schemas android com apk res-auto          xmlns tools  http   schemas android com tools          android layout width  match parent          android layout height  match parent  gt            lt android support design widget AppBarLayout             android layout width  match parent              android layout height  wrap content              android theme   style ThemeOverlay AppCompat Dark ActionBar  gt                lt android support v7 widget Toolbar                 android id    id toolbar                  android layout width  match parent                  android layout height   attr actionBarSize                  android background   attr colorPrimary                  app titleTextColor   color white                  app popupTheme   style ThemeOverlay AppCompat Light    gt            lt  android support design widget AppBarLayout gt            lt include layout   layout testing    gt        lt  android support design widget CoordinatorLayout gt

User · Answer

You don t have to change style for it  After setting up your toolbar as actionbar  You can code like this  android getSupportActionBar   setDisplayHomeAsUpEnabled true   android getSupportActionBar   setHomeAsUpIndicator R drawable back     here back is your drawable image   But You cannot change color of back arrow by this method

[android] How to change color of Toolbar back button in Android?

Examples related to android