<ControlTemplate TargetType="{x:Type ToggleButton}">
                                <Themes:ButtonChrome x:Name="Chrome" BorderBrush="#D1DBDD" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" SnapsToDevicePixels="true">
                                    <Grid HorizontalAlignment="Right" Width="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}">
                                        <Path x:Name="Arrow" Data="{StaticResource DownArrowGeometry}" Fill="#D1DBDD" HorizontalAlignment="Center" Margin="3,1,0,0" VerticalAlignment="Center"/>
                                    </Grid>
                                </Themes:ButtonChrome>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsChecked" Value="true">
                                        <Setter Property="RenderPressed" TargetName="Chrome" Value="true"/>
                                        <Setter Property="Background" TargetName="Chrome" Value="Red"></Setter>
                                    </Trigger>
                                    <Trigger Property="IsMouseOver" Value="true">

                                        <Setter Property="Background" TargetName="Chrome" Value="Red"></Setter>
                                    </Trigger>