title: Xamarin Forms: How to change the color the "back" symbol in the toolbar
body: <p>I want to change the color of the back symbol on the toolbar, which is currently black of the toolbar. For visual clarity, here a screenshot with the "back" arrow top left. I already changed the color of the text and the background, as you see in the screenshot.</p>
  
  <p><a href="https://i.stack.imgur.com/3ANwg.png" rel="nofollow noreferrer">Screenshot: Contentpage with black "back" arrow</a></p>
  
  <p>The project is splitted in <code>Client</code>, <code>Client.Android</code> and <code>Client.iOS</code>. 
  The App is currently mainly targeted for Android, but we want to keep the door open for iOS.</p>
  
  <p>If there is anything missing i will try to paste it here too. </p>
  
  <p>MasterDetailsPage.xaml.cs:</p>
  
  <pre class="lang-cs prettyprint-override"><code>   public partial class MasterDetailPage1: MasterDetailPage
      {
          public MasterDetailPage1()
          {
              this.InitializeComponent();
              this.MasterPage.ListView.ItemSelected += this.ListView_ItemSelected;
          }
  
          protected override void OnChildAdded(Element child)
          {
              if(child is NavigationPage page)
              {                 
                  page.BarBackgroundColor = Color.FromHex("343A40");
                  page.BackgroundColor = Color.FromHex("343A40");
                  page.BarTextColor = Color.FromHex("FFFFFF");
              }
  
              base.OnChildAdded(child);
          }
  }
  </code></pre>
  
  <p>ReportConfigurationPage.xaml.cs</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;ContentPage
      x:Class="Company.Client.Views.ReportConfigurationPage"
      xmlns="http://xamarin.com/schemas/2014/forms"
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"&gt;
      &lt;ContentPage.Content&gt;
          &lt;ScrollView x:Name="ScrollView" BackgroundColor="White"&gt;
              &lt;StackLayout x:Name="BaseStackLayout" Orientation="Vertical"&gt;     
              &lt;!-- Input controls --&gt;
              &lt;/StackLayout&gt;
          &lt;/ScrollView&gt;
      &lt;/ContentPage.Content&gt;
  &lt;/ContentPage&gt;
  </code></pre>
  
  <p><strong>UPDATE:</strong>
  Ah thanks, it was the <code>DrawerArrowStyle</code> in that needed to be defined and assigned in the styles.xml.</p>
  
  <pre class="lang-xml prettyprint-override"><code>&lt;?xml version="1.0" encoding="utf-8" ?&gt;
  &lt;resources&gt;
    &lt;style name="DrawerArrowStyle" parent="@style/Widget.AppCompat.DrawerArrowToggle"&gt;
      &lt;item name="spinBars"&gt;true&lt;/item&gt;
      &lt;item name="color"&gt;#FFFFFF&lt;/item&gt;
    &lt;/style&gt;
  
    &lt;style name="MainTheme" parent="MainTheme.Base"&gt;
    &lt;/style&gt;
    &lt;!-- Base theme applied no matter what API --&gt;
    &lt;style name="MainTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar"&gt;
      &lt;!--If you are using revision 22.1 please use just windowNoTitle. Without android:--&gt;
      &lt;item name="windowNoTitle"&gt;true&lt;/item&gt;
      &lt;!--We will be using the toolbar so no need to show ActionBar--&gt;
      &lt;item name="windowActionBar"&gt;false&lt;/item&gt;
      &lt;!-- Set theme colors from http://www.google.com/design/spec/style/color.html#color-color-palette --&gt;
      &lt;!-- colorPrimary is used for the default action bar background --&gt;
      &lt;item name="colorPrimary"&gt;#FF0000&lt;/item&gt;
      &lt;!-- colorPrimaryDark is used for the status bar --&gt;
      &lt;item name="colorPrimaryDark"&gt;#219198&lt;/item&gt;
      &lt;!-- colorAccent is used as the default value for colorControlActivated
           which is used to tint widgets --&gt;
      &lt;item name="colorAccent"&gt;#219198&lt;/item&gt;
      &lt;!-- You can also set colorControlNormal, colorControlActivated
           colorControlHighlight and colorSwitchThumbNormal. --&gt;
      &lt;item name="colorControlHighlight"&gt;#219198&lt;/item&gt;
      &lt;item name="windowActionModeOverlay"&gt;true&lt;/item&gt;
      &lt;item name="drawerArrowStyle"&gt;@style/DrawerArrowStyle&lt;/item&gt;
      &lt;item name="android:datePickerDialogTheme"&gt;@style/AppCompatDialogStyle&lt;/item&gt;
    &lt;/style&gt;
  
    &lt;style name="AppCompatDialogStyle" parent="Theme.AppCompat.Light.Dialog"&gt;
      &lt;item name="colorAccent"&gt;#FF4081&lt;/item&gt;
    &lt;/style&gt;
  &lt;/resources&gt;
  </code></pre>