Unable to set flyout burger menu icon color in Shell when customized with FontImageSource

Description

I want to use a custom icon and color for the Shell Flyout hamburger menu. I have the following code:

<Shell
...
  BackgroundColor="{StaticResource Background}"
  FlyoutBackground="{StaticResource Background}"
  FlyoutBackdrop="{StaticResource PrimaryLighter}"
  FlyoutIcon="{StaticResource HamburgerMenu}"
  Shell.ForegroundColor="Red">

  <Shell.Resources>
    <ResourceDictionary>
      <FontImageSource x:Key="HamburgerMenu" FontFamily="FontIcons" Glyph="{StaticResource BurgerMenu}" Size="20"
                       Color="{StaticResource Primary}">
      </FontImageSource>
    </ResourceDictionary>
  </Shell.Resources>

The color of the menu is my static resource - Primary color, on iOS it displays the color just fine. I added the Foreground color Red to test - but picks up the FontImgeSource color in iOS which is fine.

But on Android, the color only shows as White. I've tried a few different ways to set the color, but it doesn't seem to change. This is reported as a bug for other versions of Maui for some time now is what searches are showing.

Further, I cannot change the color of the back button when navigating to a page either. Works fine in iOS, but stays white in Android.

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyPage.Views.Info.MyPage"
             BackgroundColor="{StaticResource Background}"
             Title="MyPage">

  <ContentPage.Resources>
    <ResourceDictionary>
      <FontImageSource x:Key="BackButton" FontFamily="FontIcons"
                       Glyph="{StaticResource LeftArrow}"
                       Size="20"
                       Color="{StaticResource Primary}"></FontImageSource>
    </ResourceDictionary>
  </ContentPage.Resources>

  <Shell.BackButtonBehavior>
    <BackButtonBehavior IconOverride="{StaticResource BackButton}"></BackButtonBehavior>
  </Shell.BackButtonBehavior>

Steps to Reproduce

Create a Maui App
Change the standard hamburget menu icon to a FontImageSource Icon
Try to change the color of that Icon

Link to public reproduction project repository

No response

Version with bug

8.0.90 SR9

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

Android 14.0

Did you find any workaround?

No response

Relevant log output

No response

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Open similar issues:

Custom Shell FlyoutIcon is all white (#20682), similarity score: 0.83

Closed similar issues:

Shell Flyout Background on Android doesn't respect theme color - makes menu and flyout items unreadable (#19141), similarity score: 0.81
Unable to set FlyoutItem icon for Android (#23807), similarity score: 0.81
Can't Change Shell FlyoutBackgroundColor From a Theme Style File (#5808), similarity score: 0.81
Color changes in default project template prevent flyout button from being visible (#21280), similarity score: 0.80

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

dotnet / maui