Multiple controls don't support theme changes properly on the fly

Description

If you try to change the app theme when a MAUI application is running, multiple controls will not be drawn properly. At least not on Android and Windows. I have created a sample application with all these controls:

• Search bar
• Toolbar menu
• Radio buttons
• Picker
• Checkbox
• Switch control
• Two buttons. Both are enabled, but the first one has been temporary disabled during launch. Both these should be drawn identical.

Here, I start the application on Android where the system theme is Light. Then I force the app to dark theme, and then to light theme.

Another sample on Android, but the system theme is Dark:

Here on Windows 11, the system theme is Light:

Here on Window 11, the system theme is Dark.

I see these issues:

• Search Box: On Android, the search box always uses the system colors. Even if I force my app by setting UserAppTheme to a specific theme, the system colors will be used. On Windows, the search box could be invisible.
• Toolbar menu: Always uses the color that was set on launch. Never changes on the fly. This is already reported, and there is a workaround for Android. See issue #8756.
• Radio buttons: The rings could disappear. On Windows also the text could disappear.
• Picker: On Andriod, the line in the picker could disappear. On Windows the border could disappear. I have also seen the text disappear but appear again when hovering in Windows.
• Checkbox: The border can disappear. And appear again with a different color.
• Switch control. Sometimes invisible. On Windows, the text could disappear.
• Buttons that have been disabled and then enabled again cannot change theme. This has been reported before, see #9220.

Steps to Reproduce

1. Create a new MAUI application.
2. Update MainPags.xaml.cs:

namespace MauiIssues;

public partial class MainPage : ContentPage
{
	public MainPage()
	{
		InitializeComponent();

        Picker.ItemsSource = new List<string> { "One", "Two", "Three" };
		Picker.SelectedIndex = 1;
    }

    override async protected void OnAppearing()
    {
        base.OnAppearing();

        DisabledButton.IsEnabled = false;
        await Task.Delay(100);
        DisabledButton.IsEnabled = true;

        Window.Width = 360;
        Window.Height = 700;
    }

    private void ThemeLight_CheckedChanged(object sender, CheckedChangedEventArgs e)
    {
        if (ThemeLight.IsChecked)
        {
            App.Current.UserAppTheme = AppTheme.Light;
        }
        else
        {
            App.Current.UserAppTheme = AppTheme.Dark;            
        }
    }
}

1. Update MainPage.xaml:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiIssues.MainPage">
    <ContentPage.ToolbarItems>
        <ToolbarItem Order="Secondary" Text="Secondary 1" />
    </ContentPage.ToolbarItems>
    <Shell.SearchHandler>
        <SearchHandler 
                Placeholder="Search box"
                SearchBoxVisibility="Expanded"
                >
        </SearchHandler>
    </Shell.SearchHandler>

    <ScrollView>
        <VerticalStackLayout 
            Spacing="12" 
            Padding="30" 
            VerticalOptions="Start">

            <Label Text="Theme" />
            <HorizontalStackLayout>
                <RadioButton x:Name="ThemeLight" Content="Light" CheckedChanged="ThemeLight_CheckedChanged" />
                <RadioButton x:Name="ThemeDark" Content="Dark" CheckedChanged="ThemeLight_CheckedChanged" />
            </HorizontalStackLayout>

            <Label Text="Picker:" />
            <Picker x:Name="Picker" />

            <Label Text="Check box:" />
            <CheckBox HorizontalOptions="Start" />

            <Label Text="Switch:" />
            <Switch HorizontalOptions="Start" />

            <Label Text="Reenabled button:" />
            <Button Text="Hello world" x:Name="DisabledButton" />

            <Label Text="Button:" />
            <Button Text="Hello world" />
        </VerticalStackLayout>
    </ScrollView>
</ContentPage>

1. Run the application and see what happens when the theme is changed.

Link to public reproduction project repository

https://github.com/pekspro/MauiIssues/tree/11849_Multiple_controls_dont_support_theme_changes

Version with bug

7.0 (current)

Last version that worked well

Unknown/Other

Affected platforms

Android, Windows, I was not able test on other platforms

Affected platform versions

Windows 11, Android 11, Android 13.

Did you find any workaround?

No response

Relevant log output

No response

[breenbob]

We are also affected by these issues.

[jinxinjuan]

Verified this issue with Visual Studio Enterprise 17.7.0 Preview 3.0(net8). Can repro on windows and android platform with sample project. 11849_Multiple_controls_dont_support_theme_changes