[Windows] App based on FlyoutPage uses incorrect title bar colours when system is set to Dark theme and app set to Light theme - illegible content

[MitchBomcanhao]

Description

When the windows app is set to Light theme, and the computer is set to Dark theme, the application window's buttons at the top are shown in white against a white background while the app window has focus. If focus is moved away from the app, the button icons change color and become visible.

This fails on maui from the first v8 up to SR6. I've not been able to try older versions of maui. This works fine on xamarin forms.

Steps to Reproduce

1. Create a new maui base project.
2. in App.xaml.cs, replace MainPage = new AppShell(); with MainPage = new MainPage();
3. Change MainPage to be a FlyoutPage - it doesn't matter what content you put in FlyoutPage.Flyout or FlyoutPage.Detail.
4. in the Windows platform app.xaml.cs file, add this line to the Aop class constructor: RequestedTheme = ApplicationTheme.Light;
5. Set windows to dark theme.
6. Run the app
7. EXPECTED
8. The app's window title bar and its buttons are correctly rendered
9. OBSERVED
10. The title bar is shown in white and the various buttons' icons are also shown in white, making them impossible to see.
11. 
12. Click away from the app window. OBSERVE
13. the button icons will now become visible:
14. 
15. Change windows to light theme. OBSERVE
16. now the buttons are correctly visible when the app is focused (pictured below) and unfocused
17. 

Link to public reproduction project repository

No response

Version with bug

8.0.3 GA

Is this a regression from previous behavior?

Yes, this used to work in Xamarin.Forms

Last version that worked well

Unknown/Other

Affected platforms

Windows

Affected platform versions

Reproduced in Windows 11 22631.3737

Did you find any workaround?

No response

Relevant log output

No response

[github-actions]

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:

• Setting RequestedTheme to Dark on Windows means minimise, maximise and close buttons are not visible (#19718), similarity score: 0.86
• On RequestedThemeChanged from device on Windows the FlyoutItem text is not changed (#21042), similarity score: 0.85
• OS system components ignore app theme (#22058), similarity score: 0.82
• Shell menu is responding to system theme changes when an explicit theme is used (#8582), similarity score: 0.80

Closed similar issues:

• AppTheme behaving incorrectly in flyout menu (#17922), similarity score: 0.83

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

[MitchBomcanhao]

It is also possible that the application name is missing from the top left of the application window...

[ninachen03]

Verified this original issue with Visual Studio 17.11.0 Preview 2.0 (8.0.60 & 8.0.3 ). Can repro it.
MauiApp4.zip

[MitchBomcanhao]

It is also possible that the application name is missing from the top left of the application window...

@Foda @PureWeen buttons are visible but the application title is indeed still missing after this new release