InfoBar control hosted inside flyout control do not respond to themes changes

[devGIT28]

Describe the bug

In the below code, when Theme changes while the app is running, background color of the InfoBar control doesn't respond to it. However, text message respect themes changes.

<Button Content="Empty cart"> <Button.Flyout> <Flyout> <StackPanel> <TextBlock Style="{ThemeResource BaseTextBlockStyle}" Text="All items will be removed. Do you want to continue?" Margin="0,0,0,12" /> <Button Content="Yes, empty my cart" /> <muxc:InfoBar IsOpen="True" Severity="Warning" Title="Title" Message="Essential app message for your users to be informed of, acknowledge, or take action on." /> </StackPanel> </Flyout> </Button.Flyout> </Button>

Steps to reproduce the bug

1. Create/host a InfoBar control inside Flyout xaml control.
2. Build and launch the app.
3. Change the Theme of the system from Dark to light or vice-versa.
4. Notice the background color of the infobar

Expected behavior

Actual: Background color doesnt change.
Expected: Background color should change.

Screenshots

No response

NuGet package version

WinUI 2 - Microsoft.UI.Xaml 2.8.2

Windows version

Windows 11 (22H2): Build 22621, Windows 11 (21H2): Build 22000

Additional context

If InfoBar control is used outside of Flyout control then it does respect the themes changes. Issue only occur inside Flyout xaml control.