kmpdfkit_demo/Demo/Examples/PDFViewer/SettingsDialog.xaml

<Window x:Class="PDFViewer.SettingsDialog"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:PDFViewer"
        mc:Ignorable="d"
        Title="Settings" Height="613" Width="418"
        ResizeMode="NoResize">
    <Window.Resources>
        <ResourceDictionary>
            
            <ResourceDictionary.MergedDictionaries> 
                <ResourceDictionary Source="pack://application:,,,/Compdfkit_Tools;component/Asset/Styles/ComboBoxStyle.xaml"></ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
            <DropShadowEffect x:Key="HoverThumbEffect" BlurRadius="5" ShadowDepth="0" Opacity="0.5" Color="RoyalBlue"/>

            <SolidColorBrush x:Key="SecundaryBackgroundColor" Color="#ffffff"></SolidColorBrush>
            <SolidColorBrush x:Key="PrimaryBlueColor" Color="#1772b4"></SolidColorBrush>
            <SolidColorBrush x:Key="PrimaryGrayColor" Color="#606060"></SolidColorBrush>
            <SolidColorBrush x:Key="SecundaryBlueColor" Color="#2983bb"></SolidColorBrush>
            <SolidColorBrush x:Key="SecundaryGrayColor" Color="#cecece"></SolidColorBrush>
            <SolidColorBrush x:Key="TertiaryBlueColor" Color="#c2d1fc"></SolidColorBrush>

            <Style x:Key="SliderSwitchToggleButtonStyle" TargetType="ToggleButton">
                <Setter Property="Background" Value="{StaticResource SecundaryGrayColor}" />
                <Setter Property="BorderBrush" Value="{StaticResource PrimaryGrayColor }" />
                <Setter Property="Height" Value="20" />
                <Setter Property="Width" Value="35" />
                <Setter Property="MaxHeight" Value="20" />
                <Setter Property="MaxWidth" Value="35" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type ToggleButton}">
                            <Grid>
                                <Border x:Name="Border"
                        Background="{TemplateBinding Background}"
                        CornerRadius="7"
                        Height="14"
                        Width="35"
                        VerticalAlignment="Center"
                        HorizontalAlignment="Center">
                                    <Border.Effect>
                                        <DropShadowEffect ShadowDepth="0.5" Opacity="0.3" />
                                    </Border.Effect>
                                </Border>
                                <Ellipse x:Name="Ellipse"
                        Fill="{DynamicResource SecundaryBackgroundColor}"
                        Height="20"
                        Width="20"
                        Stroke="{TemplateBinding BorderBrush}"
                        StrokeThickness="1"
                        HorizontalAlignment="Left">
                                    <Ellipse.Effect>
                                        <DropShadowEffect ShadowDepth="0.5" Opacity="0.3" />
                                    </Ellipse.Effect>
                                </Ellipse>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsChecked" Value="True">
                                    <Setter TargetName="Ellipse" Property="Stroke" Value="{DynamicResource PrimaryBlueColor}" />
                                    <Setter TargetName="Border" Property="Background" Value="{DynamicResource TertiaryBlueColor}" />
                                    <Setter TargetName="Ellipse" Property="Margin" Value="15 0 0 0" />

                                </Trigger>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter TargetName="Ellipse" Property="Stroke" Value="{DynamicResource PrimaryBlueColor}" />
                                    <Setter Property="Effect" Value="{StaticResource HoverThumbEffect}"></Setter>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            <Style x:Key="UnderlinedButtonStyle" TargetType="Button">
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="Foreground" Value="#1460F3"/> 
                <Setter Property="BorderBrush" Value="Transparent"/>
                <Setter Property="FontFamily" Value="Segoe UI"></Setter>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1" CornerRadius="4"/>
                                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                <Rectangle Fill="#1460F3" Height="1" VerticalAlignment="Bottom"/>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Cursor" Value="Hand" />
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </ResourceDictionary> 
    </Window.Resources>
    <Grid Margin="24,0,24,0">
        <Grid.RowDefinitions>
            <RowDefinition Height="196"></RowDefinition>
            <RowDefinition Height="68"></RowDefinition>
            <RowDefinition Height="224"></RowDefinition>
            <RowDefinition Height="84"></RowDefinition>
        </Grid.RowDefinitions>
        <StackPanel Margin="0,0,0,0">
            <TextBlock Text="Global setting" FontSize="14" FontWeight="DemiBold" FontFamily="Segoe UI" Margin="0,0,0,8"></TextBlock>
            <Grid Margin="0,0,0,8" Height="32">
                <TextBlock Text="Highlight Link area" HorizontalAlignment="Left" VerticalAlignment="Center"></TextBlock>
                <ToggleButton Style="{StaticResource SliderSwitchToggleButtonStyle}" Height="32" HorizontalAlignment="Right"></ToggleButton>
            </Grid>
            <Grid Margin="0,0,0,8" Height="32">
                <TextBlock Text="Highlight Form area" HorizontalAlignment="Left" VerticalAlignment="Center"></TextBlock>
                <ToggleButton Style="{StaticResource SliderSwitchToggleButtonStyle}" Height="32" HorizontalAlignment="Right"></ToggleButton>
            </Grid>
            <Grid Margin="0,0,0,8" Height="32">
                <TextBlock Text="Document Author" HorizontalAlignment="Left" VerticalAlignment="Center"></TextBlock>
                <TextBox HorizontalAlignment="Right" Width="130"></TextBox>
            </Grid>
            <Grid Height="32">
                <TextBlock Text="Document Author" HorizontalAlignment="Left" VerticalAlignment="Center"></TextBlock>
                <ComboBox Style="{StaticResource ComboBoxStyle1}" HorizontalAlignment="Right" Width="130"></ComboBox>
            </Grid>
        </StackPanel>
        <StackPanel Grid.Row="1">
            <TextBlock Text="SDK Information" FontSize="14" FontWeight="DemiBold" FontFamily="Segoe UI" Margin="0,0,0,8"></TextBlock>
            <Grid Margin="0,0,0,8" Height="32">
                <TextBlock Text="Highlight Link area" HorizontalAlignment="Left" VerticalAlignment="Center"></TextBlock>
                <TextBlock HorizontalAlignment="Right"  VerticalAlignment="Center" Text="V1.11.0"></TextBlock>
            </Grid>
        </StackPanel>
        <StackPanel Grid.Row="2">
            <TextBlock Text="Company Information" FontSize="14" FontWeight="DemiBold" FontFamily="Segoe UI" Margin="0,0,0,8"></TextBlock>
            <Grid Margin="0,0,0,8" Height="20">
                <TextBlock Text="Website" HorizontalAlignment="Left" VerticalAlignment="Center"></TextBlock>
                <Button Style="{StaticResource UnderlinedButtonStyle}" HorizontalAlignment="Right" Content="https://www.compdf.com/"></Button>
            </Grid>
            <Grid Margin="0,0,0,8" Height="20">
                <TextBlock Text="About ComPDFKit" HorizontalAlignment="Left" VerticalAlignment="Center"></TextBlock>
                <Button Style="{StaticResource UnderlinedButtonStyle}" Content="https://www.compdf.com/company/about" HorizontalAlignment="Right"></Button>
            </Grid>
            <Grid Margin="0,0,0,8" Height="20">
                <TextBlock Text="Contact Sales" HorizontalAlignment="Left" VerticalAlignment="Center"></TextBlock>
                <Button Style="{StaticResource UnderlinedButtonStyle}" HorizontalAlignment="Right" Content="https://www.compdf.com/contact-sales"></Button>
            </Grid>
            <Grid Margin="0,0,0,8" Height="20">
                <TextBlock Text="Email Address" HorizontalAlignment="Left" VerticalAlignment="Center"></TextBlock>
                <Button Style="{StaticResource UnderlinedButtonStyle}" HorizontalAlignment="Right" Content="support@compdf.com"></Button>
            </Grid>
            <Grid Margin="0,0,0,8" Height="20">
                <TextBlock Text="Technical Support" HorizontalAlignment="Left" VerticalAlignment="Center"></TextBlock>
                <Button Style="{StaticResource UnderlinedButtonStyle}" HorizontalAlignment="Right" Content="https://www.compdf.com/support"></Button>
            </Grid>
        </StackPanel>
        <Grid Grid.Row="3" Margin="0,0,0,40">
            <Grid.RowDefinitions>
                <RowDefinition Height="auto"></RowDefinition>
                <RowDefinition></RowDefinition>
            </Grid.RowDefinitions>
            <TextBlock Text="＠ 2014-2023 PDF Technologies, Inc. All Rights Reserved." HorizontalAlignment="Center" Foreground="#999999" FontFamily="Segoe UI"></TextBlock>
            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Bottom" Grid.Row="1" Orientation="Horizontal">
                <Button Style="{StaticResource UnderlinedButtonStyle}" Content="Privacy Policy"></Button>
                <Rectangle Width="1" Height="15" Fill="#1A000000" Margin="10,0,10,0"></Rectangle>
                <Button Style="{StaticResource UnderlinedButtonStyle}" Content="Terms of Service"></Button>
            </StackPanel>
        </Grid>
    </Grid>
</Window>