.NET Maui Secondary ToolbarItem Issue on Windows

[Auto72]

Description

The secondary toolbar items text color on Windows are displayed with the white color on a white background.
The text color should be black on white background, or the background should be the same as the title bar.
In one way or another, the text must be readable.
In addiction it seems on the bottom there is a room for another item that it is not present, I don't know if it is an attempt to be the shadow of the menu.

Steps to Reproduce

See the linked example.

<ContentPage.ToolbarItems>
    <ToolbarItem Text="Opt#1" Order="Primary"/>
    <ToolbarItem Text="Opt#2" Order="Primary"/>
    <ToolbarItem Text="Option #3" Order="Secondary" />
    <ToolbarItem Text="Option #4" Order="Secondary" />
    <ToolbarItem Text="Option #5" Order="Secondary" />
    <ToolbarItem Text="Option #6" Order="Secondary" />
</ContentPage.ToolbarItems>

Link to public reproduction project repository

https://github.com/Auto72/TestToolbarItem

Version with bug

8.0.0-rc.2.9373

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Windows 11

Did you find any workaround?

No.

Relevant log output

No response

We've added this issue to our backlog, and we will work to address it as time and resources allow. If you have any additional information or questions about this issue, please leave a comment. For additional info about issue management, please read our Triage Process.

[XamlTest]

Verified this on Visual Studio Enterprise 17.8.0 Preview 5.0(8.0.0-rc.2.9373). Repro on Windows 11, not repro on Android 14.0-API34 and iOS 16.4 with below Project:
TestToolbarItem.zip

[david-maw]

I'd add the ellipsis on the primary toolbar looks like it's always black so it can collide with user selected icon colors in light mode and is invisible in dark mode.

[Auto72]

Any workaround to change the background colour of the Secondary ToolbarItems, ideally like the title bar ?

[mdelgadov]

This is happening in my own app. exactly as described.

to add Insult to injury, the container shows a weird second section "below" the first as so:

Also, there is no way to style the toolbar and or the toolbaritems...

Also, this is happening with .net 9 prev 6 and has been happening at least since .net 6

[mtanksl]

I know this is a Windows bug report, but it looks like the same problem still occurs in Android. I am not using Shell.

I cannot, for heaven's sake, change the color to white of the overflow icon (3 dots, ellipsis, or whatever it's called) that is used for secondary items on toolbar on the MAUI Android platform:

It completely ignores any Android styles.xml, for example the Theme.MaterialComponents.Light.DarkActionBar parent theme or the android:actionOverflowMenuStyle property.

The only way I found to change the toolbar background and text color is to use the Application.Resources's Style, like so:

<Style TargetType="NavigationPage">
  <Setter Property="BarBackgroundColor" Value="{StaticResource ColorPrimary}" />
  <Setter Property="BarTextColor" Value="{StaticResource White}" />
  <Setter Property="IconColor" Value="{StaticResource White}" />
</Style>

...but the overflow icon does not change, it always stays black.