Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Set Shell Foreground to original color distinction #21286

Closed

Conversation

sigged
Copy link

@sigged sigged commented Mar 18, 2024

Description of Change

As of #18379, the maui-mobile template had a change which causes indistinct colors between the Shell Foreground and Background, causing the default hamburger icon to be invisible, yet usable. This visual bug is due to the OnPlatform setting the Shell Foreground to White, except on WinUI.

This change proposes to drop the OnPlatform exclusivity for WinUI, and revert to the standard AppThemeBinding, which will clearly display the flyout icon, regardless of the dark/light mode on all platforms.

Issues Fixed

Fixes #19178

@sigged sigged requested a review from a team as a code owner March 18, 2024 20:12
@dotnet-policy-service dotnet-policy-service bot added the community ✨ Community Contribution label Mar 18, 2024
Copy link
Contributor

Hey there @sigged! Thank you so much for your PR! Someone from the team will get assigned to your PR shortly and we'll get it reviewed.

@@ -399,7 +399,7 @@

<Style TargetType="Shell" ApplyToDerivedTypes="True">
<Setter Property="Shell.BackgroundColor" Value="{AppThemeBinding Light={StaticResource White}, Dark={StaticResource OffBlack}}" />
<Setter Property="Shell.ForegroundColor" Value="{AppThemeBinding Light={StaticResource Black}, Dark={StaticResource SecondaryDarkText}}" />
<Setter Property="Shell.ForegroundColor" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource SecondaryDarkText}}" />
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@jsuarezruiz jsuarezruiz requested review from davidortinau and rachelkang and removed request for StephaneDelcroix March 20, 2024 16:22
@jsuarezruiz jsuarezruiz added the area-templates Project templates, Item Templates for Blazor and MAUI label Mar 20, 2024
@PureWeen
Copy link
Member

Thank you for the PR @sigged

We merged a similar PR here #20152 with slightly different colors but it will also fix the missing flyout icon

@PureWeen PureWeen closed this Mar 21, 2024
@sigged sigged deleted the fix/indistinct-color-style-flyouticon branch March 21, 2024 17:44
@github-actions github-actions bot locked and limited conversation to collaborators Apr 21, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
area-templates Project templates, Item Templates for Blazor and MAUI community ✨ Community Contribution
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Flyout Icon is not displayed on android. Works fine on Windows.
3 participants