dotnet / dotnet/maui

Can't Change Shell FlyoutBackgroundColor From a Theme Style File

Open
#9,736 14 comments 2 reactions 0 assignees View on GitHub
area-controls-shell platform/android platform/ios platform/windows s/triaged s/verified t/bug
Dominant language
C#
Stars
23.3k
Forks
2k
Avg merge
1d 10h
Merged PRs (30d)
297

Description

### Description

I would like to set the FlyoutBackgroundColor via Styles which does not seem to work.
According to [Issue 5808](https://github.com/dotnet/maui/issues/5808) this was already a problem which should be fixed... but isn't.

I'm using the latest VisualStudio version. I wasn't quite able to find out which .NET MAUI Version is shipped with VS 17.3.2... But the nuget-package version of `Microsoft.Maui.Dependencies` is 6.0.486

### Steps to Reproduce

1. In Visual Studio v17.3.2 create a new .NET MAUI project
2. Open AppShell.xaml
3. Change `Shell.FlyoutBehavior` to `Flyout`
4. Open Resources\Styles\Styles.xaml
5. In `` add `<Setter Property="Shell.FlyoutBackgroundColor" Value="Red" />`
6. Start App on Android, Windows, ...
7. Open the Flyout
8. Backgroundcolor is not red

Example: https://github.com/SokoFromNZ/FlyoutBackgroundColor

### Version with bug

6.0.486 (current)

### Last version that worked well

Unknown/Other

### Affected platforms

iOS, Android, Windows

### Affected platform versions

Android 11, Windows 10, iOS 15

### Did you find any workaround?

If you set the `FlyoutBackgroundColor` directly in AppShell.xaml it works.
Using `FlyoutBackground` instead works in Styles.xaml as well.

### Relevant log output

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.