Using AppThemeBinding in code

[JohnHDev]

Hi, I am trying to setup and use a number of styles in c# that support dark mode. All the examples I see are XAML, I want to do this in code but it appears the AppThemeBinding class is internal, although it used within the .NET Maui code base to setup styles for classes like RadioButton.

If AppThemeBinding is available in XAML, how can I access it in c#?

Thanks
John

[JohnHDev]

And just like that I found the answer, which is of course to use the AppThemeBindingExtensions class.

[JohnHDev]

Hmm, I can't get it to work however. Given the following code in a new ContentPage constructor:

Resources["myColor1"] = Colors.Red;
Resources["myColor2"] = new AppThemeBindingExtension() { Light = Colors.LightGray, Dark = Colors.DarkGray };

this.SetDynamicResource(ContentPage.BackgroundColorProperty, "myColor2");

When BackgroundColorProperty is set to myColor1, the background colour is red as expected.
When BackgroundColorProperty is set to myColor2, the background colour is not set and doesn't change when switching appearance.

[stephenquan]

In Microsoft.Maui.Controls there are two extension methods you can use:

    public static void SetAppTheme<T>(this BindableObject self, BindableProperty targetProperty, T light, T dark) => self.SetBinding(targetProperty, new AppThemeBinding { Light = light, Dark = dark });
    public static void SetAppThemeColor(this BindableObject self, BindableProperty targetProperty, Color light, Color dark)
			=> SetAppTheme(self, targetProperty, light, dark);

You also can make use of:

    Application.Current.RequestedTheme
    Application.Current.RequestedThemeChanged

Here's how you may go about using these to solve your problem:

        // Solution 1
        this.SetAppTheme(ContentPage.BackgroundColorProperty, Colors.LightGray, Colors.DarkGray);

        // Solution 2
        this.SetAppThemeColor(ContentPage.BackgroundColorProperty, Colors.LightGray, Colors.DarkGray);

        // Solution 3
        this.SetValue(ContentPage.BackgroundColorProperty, Application.Current.RequestedTheme == AppTheme.Light ? Colors.LightGray : Colors.DarkGray);
        Application.Current.RequestedThemeChanged += (s, e) =>
        {
            this.SetValue(ContentPage.BackgroundColorProperty, Application.Current.RequestedTheme == AppTheme.Light ? Colors.LightGray : Colors.DarkGray);
        };

[breyed]

These solutions work for setting the themed colors on views, but don’t show how to set it on a style in the same way that is done in XAML in the MAUI template:

<Style TargetType="ActivityIndicator">
    <Setter Property="Color" Value="{AppThemeBinding Light={StaticResource Primary}, Dark={StaticResource White}}" />
</Style>

[breyed]

Using the MAUI community toolkit, you can use AppThemeColor to get a binding to apply to a style.

var style = new Style(typeof(ActivityIndicator));
style.Setters.Add(ActivityIndicator.ColorProperty, new AppThemeColor { Light = Primary, Dark = Colors.White }.GetBinding());
Resources.Add(style);