PDFOffice_Windows_exe/PDF Office/Styles/ToggleButton.xaml

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <!--  Design Token for subtool  -->
    <Style x:Key="SubToolbarTgb" TargetType="{x:Type ToggleButton}">
        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Foreground" Value="{StaticResource color.sys.text.neutral.lv1}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToggleButton}">
                    <Border
                        x:Name="border"
                        Background="{TemplateBinding Panel.Background}"
                        BorderBrush="{TemplateBinding Border.BorderBrush}"
                        BorderThickness="{TemplateBinding Border.BorderThickness}"
                        CornerRadius="{StaticResource border-radius.4}"
                        SnapsToDevicePixels="True">
                        <ContentPresenter
                            x:Name="contentPresenter"
                            Margin="{TemplateBinding Padding}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            Content="{TemplateBinding Content}"
                            ContentStringFormat="{TemplateBinding ContentStringFormat}"
                            ContentTemplate="{TemplateBinding ContentTemplate}"
                            Focusable="False"
                            RecognizesAccessKey="True"
                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="border" Property="Panel.Background" Value="{StaticResource color.item-state.hov.bg}" />
                        </Trigger>
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="border" Property="Panel.Background" Value="{StaticResource color.item-state.sel.bg.lv2}" />
                        </Trigger>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter TargetName="border" Property="Panel.Background" Value="{StaticResource color.item-state.sel.bg.lv2}" />
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="border" Property="Panel.Background" Value="Transparent" />
                            <Setter Property="Foreground" Value="{StaticResource color.sys.text.neutral.dis}" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    <Style x:Key="infoText1" TargetType="{x:Type ToggleButton}">
        <Setter Property="Background" Value="{StaticResource color.btn.sec.bg.norm}" />
        <Setter Property="Foreground" Value="{StaticResource color.btn.sec.text.def}" />
        <Setter Property="BorderBrush" Value="{StaticResource color.btn.sec.border-color}" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToggleButton}">
                    <Border
                        x:Name="border"
                        Background="{TemplateBinding Panel.Background}"
                        BorderBrush="{TemplateBinding Border.BorderBrush}"
                        BorderThickness="{TemplateBinding Border.BorderThickness}"
                        CornerRadius="{StaticResource border-radius.4}"
                        SnapsToDevicePixels="True">
                        <Grid x:Name="grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center" HorizontalAlignment="Center">
                            <StackPanel x:Name="state1" Visibility="Collapsed">
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    HorizontalAlignment="Left"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    Margin="0,2.5"
                                    HorizontalAlignment="Left"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    Margin="0,0,0,2.5"
                                    HorizontalAlignment="Left"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    HorizontalAlignment="Left"
                                    Fill="#252629" />
                            </StackPanel>
                            <StackPanel
                                x:Name="state2"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center">
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    HorizontalAlignment="Left"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    Margin="0,2.5"
                                    HorizontalAlignment="Left"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    Margin="0,0,0,2.5"
                                    HorizontalAlignment="Left"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    HorizontalAlignment="Left"
                                    Fill="#616469" />
                            </StackPanel>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="state2" Property="Visibility" Value="Visible" />
                            <Setter TargetName="state1" Property="Visibility" Value="Collapsed" />
                            <Setter TargetName="border" Property="Background" Value="#EDEEF0" />
                        </Trigger>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter TargetName="state1" Property="Visibility" Value="Visible" />
                            <Setter TargetName="state2" Property="Visibility" Value="Collapsed" />
                            <Setter TargetName="border" Property="Background" Value="#CED0D4" />
                            <!--<Setter TargetName="border" Property="BorderBrush" Value="{StaticResource color.btn.sec.border-color}" />
                            <Setter TargetName="border" Property="BorderThickness" Value="{StaticResource border-width.1}" />-->
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="state1" Property="Visibility" Value="Collapsed" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="infoText2" TargetType="{x:Type ToggleButton}">
        <Setter Property="Background" Value="{StaticResource color.btn.sec.bg.norm}" />
        <Setter Property="Foreground" Value="{StaticResource color.btn.sec.text.def}" />
        <Setter Property="BorderBrush" Value="{StaticResource color.btn.sec.border-color}" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToggleButton}">
                    <Border
                        x:Name="border"
                        Background="{TemplateBinding Panel.Background}"
                        BorderBrush="{TemplateBinding Border.BorderBrush}"
                        BorderThickness="{TemplateBinding Border.BorderThickness}"
                        CornerRadius="{StaticResource border-radius.4}"
                        SnapsToDevicePixels="True">
                        <Grid
                            x:Name="grid"
                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center" HorizontalAlignment="Center">
                            <StackPanel
                                x:Name="state1"
                                Visibility="Collapsed">
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    HorizontalAlignment="Center"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    Margin="0,2.5"
                                    HorizontalAlignment="Center"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    Margin="0,0,0,2.5"
                                    HorizontalAlignment="Center"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    HorizontalAlignment="Center"
                                    Fill="#252629" />
                            </StackPanel>
                            <StackPanel
                                x:Name="state2"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center">
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    HorizontalAlignment="Center"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    Margin="0,2.5"
                                    HorizontalAlignment="Center"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    Margin="0,0,0,2.5"
                                    HorizontalAlignment="Center"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    HorizontalAlignment="Center"
                                    Fill="#616469" />
                            </StackPanel>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="state2" Property="Visibility" Value="Visible" />
                            <Setter TargetName="state1" Property="Visibility" Value="Collapsed" />
                            <Setter TargetName="border" Property="Background" Value="#EDEEF0" />
                        </Trigger>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter TargetName="state1" Property="Visibility" Value="Visible" />
                            <Setter TargetName="state2" Property="Visibility" Value="Collapsed" />
                            <Setter TargetName="border" Property="Background" Value="#CED0D4" />
                            <!--<Setter TargetName="border" Property="BorderBrush" Value="{StaticResource color.btn.sec.border-color}" />
                            <Setter TargetName="border" Property="BorderThickness" Value="{StaticResource border-width.1}" />-->
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="state1" Property="Visibility" Value="Collapsed" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="infoText3" TargetType="{x:Type ToggleButton}">
        <Setter Property="Background" Value="{StaticResource color.btn.sec.bg.norm}" />
        <Setter Property="Foreground" Value="{StaticResource color.btn.sec.text.def}" />
        <Setter Property="BorderBrush" Value="{StaticResource color.btn.sec.border-color}" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="VerticalAlignment" Value="Center" />
        <Setter Property="HorizontalAlignment" Value="Center" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToggleButton}">
                    <Border
                        x:Name="border"
                        Background="{TemplateBinding Panel.Background}"
                        BorderBrush="{TemplateBinding Border.BorderBrush}"
                        BorderThickness="{TemplateBinding Border.BorderThickness}"
                        CornerRadius="{StaticResource border-radius.4}"
                        SnapsToDevicePixels="True">
                        <Grid
                            x:Name="grid"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}">
                            <StackPanel
                                x:Name="state1"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center"
                                Visibility="Collapsed">
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    HorizontalAlignment="Right"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    Margin="0,2.5"
                                    HorizontalAlignment="Right"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    Margin="0,0,0,2.5"
                                    HorizontalAlignment="Right"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    HorizontalAlignment="Right"
                                    Fill="#252629" />
                            </StackPanel>
                            <StackPanel
                                x:Name="state2"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center">
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    HorizontalAlignment="Right"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    Margin="0,2.5"
                                    HorizontalAlignment="Right"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    Margin="0,0,0,2.5"
                                    HorizontalAlignment="Right"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="8"
                                    Height="1.5"
                                    HorizontalAlignment="Right"
                                    Fill="#616469" />
                            </StackPanel>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="state2" Property="Visibility" Value="Visible" />
                            <Setter TargetName="state1" Property="Visibility" Value="Collapsed" />
                            <Setter TargetName="border" Property="Background" Value="#EDEEF0" />
                        </Trigger>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter TargetName="state1" Property="Visibility" Value="Visible" />
                            <Setter TargetName="state2" Property="Visibility" Value="Collapsed" />
                            <Setter TargetName="border" Property="Background" Value="#CED0D4" />
                            <!--<Setter TargetName="border" Property="BorderBrush" Value="{StaticResource color.btn.sec.border-color}" />
                            <Setter TargetName="border" Property="BorderThickness" Value="{StaticResource border-width.1}" />-->
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="state1" Property="Visibility" Value="Collapsed" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="infoText4" TargetType="{x:Type ToggleButton}">
        <Setter Property="Background" Value="{StaticResource color.btn.sec.bg.norm}" />
        <Setter Property="Foreground" Value="{StaticResource color.btn.sec.text.def}" />
        <Setter Property="BorderBrush" Value="{StaticResource color.btn.sec.border-color}" />
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ToggleButton}">
                    <Border
                        x:Name="border"
                        Background="{TemplateBinding Panel.Background}"
                        BorderBrush="{TemplateBinding Border.BorderBrush}"
                        BorderThickness="{TemplateBinding Border.BorderThickness}"
                        CornerRadius="{StaticResource border-radius.4}"
                        SnapsToDevicePixels="True">
                        <Grid x:Name="grid" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="Center" HorizontalAlignment="Center">
                            <StackPanel x:Name="state1" Visibility="Collapsed">
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    HorizontalAlignment="Center"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    Margin="0,2.5"
                                    HorizontalAlignment="Center"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    Margin="0,0,0,2.5"
                                    HorizontalAlignment="Center"
                                    Fill="#252629" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    HorizontalAlignment="Center"
                                    Fill="#252629" />
                            </StackPanel>
                            <StackPanel
                                x:Name="state2"
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center">
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    HorizontalAlignment="Center"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    Margin="0,2.5"
                                    HorizontalAlignment="Center"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    Margin="0,0,0,2.5"
                                    HorizontalAlignment="Center"
                                    Fill="#616469" />
                                <Rectangle
                                    Width="14"
                                    Height="1.5"
                                    HorizontalAlignment="Center"
                                    Fill="#616469" />
                            </StackPanel>
                        </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="state2" Property="Visibility" Value="Visible" />
                            <Setter TargetName="state1" Property="Visibility" Value="Collapsed" />
                            <Setter TargetName="border" Property="Background" Value="#EDEEF0" />
                        </Trigger>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter TargetName="state1" Property="Visibility" Value="Visible" />
                            <Setter TargetName="state2" Property="Visibility" Value="Collapsed" />
                            <Setter TargetName="border" Property="Background" Value="#CED0D4" />
                            <!--<Setter TargetName="border" Property="BorderBrush" Value="{StaticResource color.btn.sec.border-color}" />
                            <Setter TargetName="border" Property="BorderThickness" Value="{StaticResource border-width.1}" />-->
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="state1" Property="Visibility" Value="Collapsed" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>