Is it possible to change BackgroundColor based on the theme (AppThemeBinding) AND a binding?

[MartyIX]

Any idea how to achieve this?

<VisualStateManager.VisualStateGroups>
    <VisualStateGroup x:Name="CommonStates">
        <VisualState x:Name="Normal">
            <VisualState.StateTriggers>
                <StateTrigger IsActive="{Binding Selected}" />
            </VisualState.StateTriggers>
            <VisualState.Setters>
                <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource SelectedTabBackgroundColor_Light}, Dark={StaticResource SelectedTabBackgroundColor_Dark}}"/>
            </VisualState.Setters>
            <!-- IT'S NOT POSSIBLE TO DEFINE THIS ELEMENT AGAIN BUT IT JUST SHOWS WHAT I WOULD LOVE TO ACHIEVE --> 
            <VisualState.StateTriggers>
                <StateTrigger IsActive="{Binding NotSelected}" />
            </VisualState.StateTriggers>
            <VisualState.Setters>
                <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource DefaultTabBackgroundColor_Light}, Dark={StaticResource DefaultTabBackgroundColor_Dark}}"/>
            </VisualState.Setters>
        </VisualState>
    </VisualStateGroup>
</VisualStateManager.VisualStateGroups>

The snippet obviously does not work but it shows in pseudo-code what I would like to achieve.

Basically, I would like to have different background color based on two things:

• Current theme
• Selected binding being true or false

Is it possible in MAUI for .NET 8?

[MartyIX]

I've come up with this approach using data triggers:

<Grid.Triggers>
    <DataTrigger TargetType="Grid" Binding="{Binding Selected}" Value="True">
        <Setter Property="VisualStateManager.VisualStateGroups">
            <VisualStateGroupList>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Normal">
                        <VisualState.Setters>
                            <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource SelectedTabBackgroundColor_Light}, Dark={StaticResource SelectedTabBackgroundColor_Dark}}"/>
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateGroupList>
        </Setter>
    </DataTrigger>

    <DataTrigger TargetType="Grid" Binding="{Binding Selected}" Value="False">
        <Setter Property="VisualStateManager.VisualStateGroups">
            <VisualStateGroupList>
                <VisualStateGroup x:Name="CommonStates">
                    <VisualState x:Name="Normal">
                        <VisualState.Setters>
                            <Setter Property="BackgroundColor" Value="{AppThemeBinding Light={StaticResource DefaultTabBackgroundColor_Light}, Dark={StaticResource DefaultTabBackgroundColor_Dark}}"/>
                        </VisualState.Setters>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateGroupList>
        </Setter>
    </DataTrigger>
</Grid.Triggers>

I'm not sure if it a recommended approach or if there is a better way but after spending considerable time on it, I don't know about any better really.