From c2dcac18c7f1fe6cfd4e60a2d6fe971efdf117e4 Mon Sep 17 00:00:00 2001
From: DB p <onesound@oooz.net>
Date: Sat, 6 Nov 2021 13:21:13 +0900
Subject: [PATCH 1/4] wipSplit ControlTemplate from App.xaml

---
 Flow.Launcher/App.xaml                        | 222 +-----
 .../Resources/CustomControlTemplate.xaml      | 719 ++++++++++++++++++
 2 files changed, 720 insertions(+), 221 deletions(-)
 create mode 100644 Flow.Launcher/Resources/CustomControlTemplate.xaml

diff --git a/Flow.Launcher/App.xaml b/Flow.Launcher/App.xaml
index 13d88e1c6..68ba806d2 100644
--- a/Flow.Launcher/App.xaml
+++ b/Flow.Launcher/App.xaml
@@ -6,230 +6,10 @@
              Startup="OnStartupAsync">
     <Application.Resources>
         <ResourceDictionary>
-            <!--#region Expander for Setting Window-->
-            <Style x:Key="ExpanderRightHeaderStyle" TargetType="{x:Type ToggleButton}">
-                <Setter Property="Template">
-                    <Setter.Value>
-                        <ControlTemplate TargetType="{x:Type ToggleButton}">
-                            <Border Padding="{TemplateBinding Padding}">
-                                <Grid Background="Transparent" SnapsToDevicePixels="False">
-                                    <Grid.RowDefinitions>
-                                        <RowDefinition Height="19"/>
-                                        <RowDefinition Height="*"/>
-                                    </Grid.RowDefinitions>
-                                    <Grid>
-                                        <Grid.LayoutTransform>
-                                            <TransformGroup>
-                                                <TransformGroup.Children>
-                                                    <TransformCollection>
-                                                        <RotateTransform Angle="-90"/>
-                                                    </TransformCollection>
-                                                </TransformGroup.Children>
-                                            </TransformGroup>
-                                        </Grid.LayoutTransform>
-                                        <Ellipse x:Name="circle" HorizontalAlignment="Center" Height="19" Stroke="DarkGray" VerticalAlignment="Center" Width="19"/>
-                                        <Path x:Name="arrow" Data="M 1,1.5 L 4.5,5 L 8,1.5" HorizontalAlignment="Center" SnapsToDevicePixels="false" Stroke="#666" StrokeThickness="2" VerticalAlignment="Center"/>
-                                    </Grid>
-                                    <ContentPresenter HorizontalAlignment="Center" Margin="0,4,0,0" Grid.Row="1" RecognizesAccessKey="True" SnapsToDevicePixels="True" VerticalAlignment="Top"/>
-                                </Grid>
-                            </Border>
-                            <ControlTemplate.Triggers>
-                                <Trigger Property="IsChecked" Value="true">
-                                    <Setter Property="Data" TargetName="arrow" Value="M 1,4.5  L 4.5,1  L 8,4.5"/>
-                                </Trigger>
-                                <Trigger Property="IsMouseOver" Value="true">
-                                    <Setter Property="Stroke" TargetName="circle" Value="#FF3C7FB1"/>
-                                    <Setter Property="Stroke" TargetName="arrow" Value="#222"/>
-                                </Trigger>
-                                <Trigger Property="IsPressed" Value="true">
-                                    <Setter Property="Stroke" TargetName="circle" Value="#FF526C7B"/>
-                                    <Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
-                                    <Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
-                                </Trigger>
-                            </ControlTemplate.Triggers>
-                        </ControlTemplate>
-                    </Setter.Value>
-                </Setter>
-            </Style>
-            <Style x:Key="ExpanderUpHeaderStyle" TargetType="{x:Type ToggleButton}">
-                <Setter Property="Template">
-                    <Setter.Value>
-                        <ControlTemplate TargetType="{x:Type ToggleButton}">
-                            <Border Padding="{TemplateBinding Padding}">
-                                <Grid Background="Transparent" SnapsToDevicePixels="False">
-                                    <Grid.ColumnDefinitions>
-                                        <ColumnDefinition Width="19"/>
-                                        <ColumnDefinition Width="*"/>
-                                    </Grid.ColumnDefinitions>
-                                    <Grid>
-                                        <Grid.LayoutTransform>
-                                            <TransformGroup>
-                                                <TransformGroup.Children>
-                                                    <TransformCollection>
-                                                        <RotateTransform Angle="180"/>
-                                                    </TransformCollection>
-                                                </TransformGroup.Children>
-                                            </TransformGroup>
-                                        </Grid.LayoutTransform>
-                                        <Ellipse x:Name="circle" HorizontalAlignment="Center" Height="19" Stroke="Transparent" VerticalAlignment="Center" Width="19"/>
-                                        <Path x:Name="arrow" Data="M 1,1.5 L 4.5,5 L 8,1.5" HorizontalAlignment="Center" SnapsToDevicePixels="false" Stroke="#666" StrokeThickness="1" VerticalAlignment="Center"/>
-                                    </Grid>
-                                    <ContentPresenter Grid.Column="1" HorizontalAlignment="Left" Margin="4,0,0,0" RecognizesAccessKey="True" SnapsToDevicePixels="True" VerticalAlignment="Center"/>
-                                </Grid>
-                            </Border>
-                            <ControlTemplate.Triggers>
-                                <Trigger Property="IsChecked" Value="true">
-                                    <Setter Property="Data" TargetName="arrow" Value="M 1,4.5  L 4.5,1  L 8,4.5"/>
-                                </Trigger>
-                                <Trigger Property="IsMouseOver" Value="true">
-                                    <Setter Property="Stroke" TargetName="circle" Value="Transparent"/>
-                                    <Setter Property="Stroke" TargetName="arrow" Value="#222"/>
-                                </Trigger>
-                                <Trigger Property="IsPressed" Value="true">
-                                    <Setter Property="Stroke" TargetName="circle" Value="Transparent"/>
-                                    <Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
-                                    <Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
-                                </Trigger>
-                            </ControlTemplate.Triggers>
-                        </ControlTemplate>
-                    </Setter.Value>
-                </Setter>
-            </Style>
-            <Style x:Key="ExpanderLeftHeaderStyle" TargetType="{x:Type ToggleButton}">
-                <Setter Property="Template">
-                    <Setter.Value>
-                        <ControlTemplate TargetType="{x:Type ToggleButton}">
-                            <Border Padding="{TemplateBinding Padding}">
-                                <Grid Background="Transparent" SnapsToDevicePixels="False">
-                                    <Grid.RowDefinitions>
-                                        <RowDefinition Height="19"/>
-                                        <RowDefinition Height="*"/>
-                                    </Grid.RowDefinitions>
-                                    <Grid>
-                                        <Grid.LayoutTransform>
-                                            <TransformGroup>
-                                                <TransformGroup.Children>
-                                                    <TransformCollection>
-                                                        <RotateTransform Angle="90"/>
-                                                    </TransformCollection>
-                                                </TransformGroup.Children>
-                                            </TransformGroup>
-                                        </Grid.LayoutTransform>
-                                        <Ellipse x:Name="circle" HorizontalAlignment="Center" Height="19" Stroke="DarkGray" VerticalAlignment="Center" Width="19"/>
-                                        <Path x:Name="arrow" Data="M 1,1.5 L 4.5,5 L 8,1.5" HorizontalAlignment="Center" SnapsToDevicePixels="false" Stroke="#666" StrokeThickness="2" VerticalAlignment="Center"/>
-                                    </Grid>
-                                    <ContentPresenter HorizontalAlignment="Center" Margin="0,4,0,0" Grid.Row="1" RecognizesAccessKey="True" SnapsToDevicePixels="True" VerticalAlignment="Top"/>
-                                </Grid>
-                            </Border>
-                            <ControlTemplate.Triggers>
-                                <Trigger Property="IsChecked" Value="true">
-                                    <Setter Property="Data" TargetName="arrow" Value="M 1,4.5  L 4.5,1  L 8,4.5"/>
-                                </Trigger>
-                                <Trigger Property="IsMouseOver" Value="true">
-                                    <Setter Property="Stroke" TargetName="circle" Value="#FF3C7FB1"/>
-                                    <Setter Property="Stroke" TargetName="arrow" Value="#222"/>
-                                </Trigger>
-                                <Trigger Property="IsPressed" Value="true">
-                                    <Setter Property="Stroke" TargetName="circle" Value="#FF526C7B"/>
-                                    <Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
-                                    <Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
-                                </Trigger>
-                            </ControlTemplate.Triggers>
-                        </ControlTemplate>
-                    </Setter.Value>
-                </Setter>
-            </Style>
-            <Style x:Key="ExpanderHeaderFocusVisual">
-                <Setter Property="Control.Template">
-                    <Setter.Value>
-                        <ControlTemplate>
-                            <Border>
-                                <Rectangle Margin="0" SnapsToDevicePixels="true" Stroke="Black" StrokeThickness="1" StrokeDashArray="1 2"/>
-                            </Border>
-                        </ControlTemplate>
-                    </Setter.Value>
-                </Setter>
-            </Style>
-            <Style x:Key="ExpanderDownHeaderStyle" TargetType="{x:Type ToggleButton}">
-                <Setter Property="Template">
-                    <Setter.Value>
-                        <ControlTemplate TargetType="{x:Type ToggleButton}">
-                            <Border Padding="{TemplateBinding Padding}">
-                                <Grid Background="Transparent" SnapsToDevicePixels="False">
-                                    <Grid.ColumnDefinitions>
-                                        <ColumnDefinition Width="19"/>
-                                        <ColumnDefinition Width="*"/>
-                                    </Grid.ColumnDefinitions>
-                                    <Ellipse x:Name="circle" HorizontalAlignment="Center" Height="19" Stroke="Transparent" VerticalAlignment="Center" Width="19"/>
-                                    <Path x:Name="arrow" Data="M 1,1.5 L 4.5,5 L 8,1.5" HorizontalAlignment="Center" SnapsToDevicePixels="false" Stroke="#666" StrokeThickness="1" VerticalAlignment="Center"/>
-                                    <ContentPresenter Grid.Column="1" HorizontalAlignment="Left" Margin="4,0,0,0" RecognizesAccessKey="True" SnapsToDevicePixels="True" VerticalAlignment="Center"/>
-                                </Grid>
-                            </Border>
-                            <ControlTemplate.Triggers>
-                                <Trigger Property="IsChecked" Value="true">
-                                    <Setter Property="Data" TargetName="arrow" Value="M 1,4.5  L 4.5,1  L 8,4.5"/>
-                                </Trigger>
-                                <Trigger Property="IsMouseOver" Value="true">
-                                    <Setter Property="Stroke" TargetName="circle" Value="Transparent"/>
-                                    <Setter Property="Stroke" TargetName="arrow" Value="#222"/>
-                                </Trigger>
-                                <Trigger Property="IsPressed" Value="true">
-                                    <Setter Property="Stroke" TargetName="circle" Value="Transparent"/>
-                                    <Setter Property="StrokeThickness" TargetName="circle" Value="1.5"/>
-                                    <Setter Property="Stroke" TargetName="arrow" Value="#FF003366"/>
-                                </Trigger>
-                            </ControlTemplate.Triggers>
-                        </ControlTemplate>
-                    </Setter.Value>
-                </Setter>
-            </Style>
-            <Style x:Key="ExpanderStyle1" TargetType="{x:Type Expander}">
-                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
-                <Setter Property="Background" Value="Transparent"/>
-                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
-                <Setter Property="VerticalContentAlignment" Value="Stretch"/>
-                <Setter Property="BorderBrush" Value="Transparent"/>
-                <Setter Property="BorderThickness" Value="1"/>
-                <Setter Property="Template">
-                    <Setter.Value>
-                        <ControlTemplate TargetType="{x:Type Expander}">
-                            <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="3" SnapsToDevicePixels="true">
-                                <DockPanel>
-                                    <ToggleButton x:Name="HeaderSite" ContentTemplate="{TemplateBinding HeaderTemplate}" ContentTemplateSelector="{TemplateBinding HeaderTemplateSelector}" Content="{TemplateBinding Header}" DockPanel.Dock="Top" Foreground="{TemplateBinding Foreground}" FontWeight="{TemplateBinding FontWeight}" FocusVisualStyle="{StaticResource ExpanderHeaderFocusVisual}" FontStyle="{TemplateBinding FontStyle}" FontStretch="{TemplateBinding FontStretch}" FontSize="{TemplateBinding FontSize}" FontFamily="{TemplateBinding FontFamily}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Margin="18 0 0 0" MinWidth="0" MinHeight="0" Padding="{TemplateBinding Padding}" Style="{StaticResource ExpanderDownHeaderStyle}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"/>
-                                    <ContentPresenter x:Name="ExpandSite" DockPanel.Dock="Bottom" Focusable="false" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Visibility="Collapsed" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
-                                </DockPanel>
-                            </Border>
-                            <ControlTemplate.Triggers>
-                                <Trigger Property="IsExpanded" Value="true">
-                                    <Setter Property="Visibility" TargetName="ExpandSite" Value="Visible"/>
-                                </Trigger>
-                                <Trigger Property="ExpandDirection" Value="Right">
-                                    <Setter Property="DockPanel.Dock" TargetName="ExpandSite" Value="Right"/>
-                                    <Setter Property="DockPanel.Dock" TargetName="HeaderSite" Value="Left"/>
-                                    <Setter Property="Style" TargetName="HeaderSite" Value="{StaticResource ExpanderRightHeaderStyle}"/>
-                                </Trigger>
-                                <Trigger Property="ExpandDirection" Value="Up">
-                                    <Setter Property="DockPanel.Dock" TargetName="ExpandSite" Value="Top"/>
-                                    <Setter Property="DockPanel.Dock" TargetName="HeaderSite" Value="Bottom"/>
-                                    <Setter Property="Style" TargetName="HeaderSite" Value="{StaticResource ExpanderUpHeaderStyle}"/>
-                                </Trigger>
-                                <Trigger Property="ExpandDirection" Value="Left">
-                                    <Setter Property="DockPanel.Dock" TargetName="ExpandSite" Value="Left"/>
-                                    <Setter Property="DockPanel.Dock" TargetName="HeaderSite" Value="Right"/>
-                                    <Setter Property="Style" TargetName="HeaderSite" Value="{StaticResource ExpanderLeftHeaderStyle}"/>
-                                </Trigger>
-                                <Trigger Property="IsEnabled" Value="false">
-                                    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
-                                </Trigger>
-                            </ControlTemplate.Triggers>
-                        </ControlTemplate>
-                    </Setter.Value>
-                </Setter>
-            </Style>
-            <!--#endregion-->
             <ResourceDictionary.MergedDictionaries>
                 <ui:ThemeResources RequestedTheme="Light" />
                 <ui:XamlControlsResources />
+                <ResourceDictionary Source="pack://application:,,,/Resources/CustomControlTemplate.xaml" />
                 <ResourceDictionary Source="pack://application:,,,/Themes/Darker.xaml" />
                 <ResourceDictionary Source="pack://application:,,,/Languages/en.xaml" />
             </ResourceDictionary.MergedDictionaries>
diff --git a/Flow.Launcher/Resources/CustomControlTemplate.xaml b/Flow.Launcher/Resources/CustomControlTemplate.xaml
new file mode 100644
index 000000000..e4df44cdb
--- /dev/null
+++ b/Flow.Launcher/Resources/CustomControlTemplate.xaml
@@ -0,0 +1,719 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:system="clr-namespace:System;assembly=mscorlib"
+    xmlns:ui="http://schemas.modernwpf.com/2019">
+
+    <!--  - Custom Toggle Switch from modern wpf for left label  -->
+    <system:TimeSpan x:Key="RepositionDelay">0:0:0.033</system:TimeSpan>
+    <KeyTime x:Key="RepositionDuration">0:0:0.367</KeyTime>
+    <KeySpline x:Key="RepositionKeySpline">0.1,0.9 0.2,1.0</KeySpline>
+    <Style TargetType="ui:ToggleSwitch">
+        <Setter Property="Foreground" Value="{DynamicResource ToggleSwitchContentForeground}" />
+        <Setter Property="HorizontalAlignment" Value="Right" />
+        <Setter Property="VerticalAlignment" Value="Center" />
+        <Setter Property="HorizontalContentAlignment" Value="Right" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" />
+        <Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" />
+        <Setter Property="FocusVisualStyle" Value="{DynamicResource {x:Static SystemParameters.FocusVisualStyleKey}}" />
+        <Setter Property="ui:FocusVisualHelper.FocusVisualMargin" Value="-7,-3,-7,-3" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ui:ToggleSwitch">
+                    <Border
+                        Background="{TemplateBinding Background}"
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        CornerRadius="{TemplateBinding CornerRadius}"
+                        SnapsToDevicePixels="True">
+                        <VisualStateManager.CustomVisualStateManager>
+                            <ui:SimpleVisualStateManager />
+                        </VisualStateManager.CustomVisualStateManager>
+
+                        <Grid>
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="Auto" />
+                                <RowDefinition Height="*" />
+                            </Grid.RowDefinitions>
+
+                            <ui:ContentPresenterEx
+                                x:Name="HeaderContentPresenter"
+                                Grid.Row="1"
+                                Margin="{DynamicResource ToggleSwitchTopHeaderMargin}"
+                                VerticalAlignment="Top"
+                                Content="{TemplateBinding Header}"
+                                ContentTemplate="{TemplateBinding HeaderTemplate}"
+                                IsHitTestVisible="False"
+                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                                TextElement.Foreground="{DynamicResource ToggleSwitchHeaderForeground}"
+                                TextWrapping="Wrap"
+                                Visibility="Collapsed" />
+                            <Grid
+                                Grid.Row="0"
+                                Width="100"
+                                MinWidth="{DynamicResource ToggleSwitchThemeMinWidth}"
+                                HorizontalAlignment="Left"
+                                VerticalAlignment="Top">
+
+                                <Grid.RowDefinitions>
+                                    <RowDefinition ui:RowDefinitionHelper.PixelHeight="{DynamicResource ToggleSwitchPreContentMargin}" />
+                                    <RowDefinition Height="Auto" />
+                                    <RowDefinition ui:RowDefinitionHelper.PixelHeight="{DynamicResource ToggleSwitchPostContentMargin}" />
+                                </Grid.RowDefinitions>
+
+                                <Grid.ColumnDefinitions>
+                                    <ColumnDefinition Width="Auto" />
+                                    <ColumnDefinition Width="12" MaxWidth="12" />
+                                    <ColumnDefinition Width="Auto" />
+                                </Grid.ColumnDefinitions>
+                                <Grid
+                                    x:Name="SwitchAreaGrid"
+                                    Grid.RowSpan="3"
+                                    Grid.ColumnSpan="3"
+                                    Margin="0,5"
+                                    ui:FocusVisualHelper.IsTemplateFocusTarget="True"
+                                    Background="{DynamicResource ToggleSwitchContainerBackground}" />
+                                <ContentPresenter
+                                    x:Name="OffContentPresenter"
+                                    Grid.RowSpan="3"
+                                    Grid.Column="0"
+                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                    Content="{TemplateBinding OffContent}"
+                                    ContentTemplate="{TemplateBinding OffContentTemplate}"
+                                    IsHitTestVisible="False"
+                                    Opacity="0"
+                                    SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                                    TextElement.Foreground="{TemplateBinding Foreground}" />
+                                <ContentPresenter
+                                    x:Name="OnContentPresenter"
+                                    Grid.RowSpan="3"
+                                    Grid.Column="0"
+                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                    Content="{TemplateBinding OnContent}"
+                                    ContentTemplate="{TemplateBinding OnContentTemplate}"
+                                    IsHitTestVisible="False"
+                                    Opacity="0"
+                                    SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                                    TextElement.Foreground="{TemplateBinding Foreground}" />
+                                <Rectangle
+                                    x:Name="OuterBorder"
+                                    Grid.Row="1"
+                                    Grid.Column="2"
+                                    Width="40"
+                                    Height="20"
+                                    Fill="{DynamicResource ToggleSwitchFillOff}"
+                                    RadiusX="10"
+                                    RadiusY="10"
+                                    Stroke="{DynamicResource ToggleSwitchStrokeOff}"
+                                    StrokeThickness="{DynamicResource ToggleSwitchOuterBorderStrokeThickness}" />
+                                <Rectangle
+                                    x:Name="SwitchKnobBounds"
+                                    Grid.Row="1"
+                                    Grid.Column="2"
+                                    Width="40"
+                                    Height="20"
+                                    Fill="{DynamicResource ToggleSwitchFillOn}"
+                                    Opacity="0"
+                                    RadiusX="10"
+                                    RadiusY="10"
+                                    Stroke="{DynamicResource ToggleSwitchStrokeOn}"
+                                    StrokeThickness="{DynamicResource ToggleSwitchOnStrokeThickness}" />
+                                <Grid
+                                    x:Name="SwitchKnob"
+                                    Grid.Row="1"
+                                    Grid.Column="2"
+                                    Width="20"
+                                    Height="20"
+                                    HorizontalAlignment="Left">
+                                    <Ellipse
+                                        x:Name="SwitchKnobOn"
+                                        Width="10"
+                                        Height="10"
+                                        Fill="{DynamicResource ToggleSwitchKnobFillOn}"
+                                        Opacity="0" />
+                                    <Ellipse
+                                        x:Name="SwitchKnobOff"
+                                        Width="10"
+                                        Height="10"
+                                        Fill="{DynamicResource ToggleSwitchKnobFillOff}" />
+                                    <Grid.RenderTransform>
+                                        <TranslateTransform x:Name="KnobTranslateTransform" />
+                                    </Grid.RenderTransform>
+                                </Grid>
+                                <Thumb
+                                    x:Name="SwitchThumb"
+                                    Grid.RowSpan="3"
+                                    Grid.ColumnSpan="3">
+                                    <Thumb.Template>
+                                        <ControlTemplate TargetType="Thumb">
+                                            <Rectangle Fill="Transparent" />
+                                        </ControlTemplate>
+                                    </Thumb.Template>
+                                </Thumb>
+                            </Grid>
+                        </Grid>
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="ToggleStates">
+                                <VisualStateGroup.Transitions>
+                                    <VisualTransition
+                                        x:Name="DraggingToOnTransition"
+                                        GeneratedDuration="0"
+                                        From="Dragging"
+                                        To="On">
+                                        <Storyboard>
+                                            <DoubleAnimationUsingKeyFrames
+                                                BeginTime="{StaticResource RepositionDelay}"
+                                                Storyboard.TargetName="KnobTranslateTransform"
+                                                Storyboard.TargetProperty="X">
+                                                <SplineDoubleKeyFrame
+                                                    KeySpline="{StaticResource RepositionKeySpline}"
+                                                    KeyTime="{StaticResource RepositionDuration}"
+                                                    Value="20" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobBounds" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOn" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOff" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                        </Storyboard>
+                                    </VisualTransition>
+                                    <VisualTransition
+                                        x:Name="OnToDraggingTransition"
+                                        GeneratedDuration="0"
+                                        From="On"
+                                        To="Dragging">
+                                        <Storyboard>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobBounds" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOn" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOff" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                        </Storyboard>
+                                    </VisualTransition>
+                                    <VisualTransition
+                                        x:Name="DraggingToOffTransition"
+                                        GeneratedDuration="0"
+                                        From="Dragging"
+                                        To="Off">
+                                        <Storyboard>
+                                            <DoubleAnimationUsingKeyFrames
+                                                BeginTime="{StaticResource RepositionDelay}"
+                                                Storyboard.TargetName="KnobTranslateTransform"
+                                                Storyboard.TargetProperty="X">
+                                                <SplineDoubleKeyFrame
+                                                    KeySpline="{StaticResource RepositionKeySpline}"
+                                                    KeyTime="{StaticResource RepositionDuration}"
+                                                    Value="0" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobBounds" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOn" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOff" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                        </Storyboard>
+                                    </VisualTransition>
+                                    <VisualTransition
+                                        x:Name="OnToOffTransition"
+                                        GeneratedDuration="0"
+                                        From="On"
+                                        To="Off">
+                                        <Storyboard>
+                                            <DoubleAnimationUsingKeyFrames
+                                                BeginTime="{StaticResource RepositionDelay}"
+                                                Storyboard.TargetName="KnobTranslateTransform"
+                                                Storyboard.TargetProperty="X">
+                                                <SplineDoubleKeyFrame
+                                                    KeySpline="{StaticResource RepositionKeySpline}"
+                                                    KeyTime="{StaticResource RepositionDuration}"
+                                                    Value="0" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                        </Storyboard>
+                                    </VisualTransition>
+                                    <VisualTransition
+                                        x:Name="OffToOnTransition"
+                                        GeneratedDuration="0"
+                                        From="Off"
+                                        To="On">
+                                        <Storyboard>
+                                            <DoubleAnimationUsingKeyFrames
+                                                BeginTime="{StaticResource RepositionDelay}"
+                                                Storyboard.TargetName="KnobTranslateTransform"
+                                                Storyboard.TargetProperty="X">
+                                                <SplineDoubleKeyFrame
+                                                    KeySpline="{StaticResource RepositionKeySpline}"
+                                                    KeyTime="{StaticResource RepositionDuration}"
+                                                    Value="20" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobBounds" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOn" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="1" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOff" Storyboard.TargetProperty="Opacity">
+                                                <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
+                                            </DoubleAnimationUsingKeyFrames>
+                                        </Storyboard>
+                                    </VisualTransition>
+                                </VisualStateGroup.Transitions>
+                                <VisualState x:Name="Dragging" />
+                                <VisualState x:Name="Off">
+                                    <Storyboard>
+                                        <DoubleAnimation
+                                            Storyboard.TargetName="KnobTranslateTransform"
+                                            Storyboard.TargetProperty="X"
+                                            To="0"
+                                            Duration="0" />
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="On">
+                                    <Storyboard>
+                                        <DoubleAnimation
+                                            Storyboard.TargetName="KnobTranslateTransform"
+                                            Storyboard.TargetProperty="X"
+                                            To="20"
+                                            Duration="0" />
+                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobBounds" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteDoubleKeyFrame KeyTime="0" Value="1" />
+                                        </DoubleAnimationUsingKeyFrames>
+                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="OuterBorder" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
+                                        </DoubleAnimationUsingKeyFrames>
+                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOn" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteDoubleKeyFrame KeyTime="0" Value="1" />
+                                        </DoubleAnimationUsingKeyFrames>
+                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="SwitchKnobOff" Storyboard.TargetProperty="Opacity">
+                                            <DiscreteDoubleKeyFrame KeyTime="0" Value="0" />
+                                        </DoubleAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="ContentStates">
+                                <VisualState x:Name="OffContent">
+                                    <Storyboard>
+                                        <DoubleAnimation
+                                            Storyboard.TargetName="OffContentPresenter"
+                                            Storyboard.TargetProperty="Opacity"
+                                            To="1"
+                                            Duration="0" />
+                                        <BooleanAnimationUsingKeyFrames Storyboard.TargetName="OffContentPresenter" Storyboard.TargetProperty="IsHitTestVisible">
+                                            <DiscreteBooleanKeyFrame KeyTime="0" Value="True" />
+                                        </BooleanAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="OnContent">
+                                    <Storyboard>
+                                        <DoubleAnimation
+                                            Storyboard.TargetName="OnContentPresenter"
+                                            Storyboard.TargetProperty="Opacity"
+                                            To="1"
+                                            Duration="0" />
+                                        <BooleanAnimationUsingKeyFrames Storyboard.TargetName="OnContentPresenter" Storyboard.TargetProperty="IsHitTestVisible">
+                                            <DiscreteBooleanKeyFrame KeyTime="0" Value="True" />
+                                        </BooleanAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                            </VisualStateGroup>
+                        </VisualStateManager.VisualStateGroups>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <!--  PointerOver  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsMouseOver" Value="true" />
+                                <Condition SourceName="SwitchThumb" Property="IsDragging" Value="false" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="OuterBorder" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOffPointerOver}" />
+                            <Setter TargetName="OuterBorder" Property="Fill" Value="{DynamicResource ToggleSwitchFillOffPointerOver}" />
+                            <Setter TargetName="SwitchKnobOff" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOffPointerOver}" />
+                            <Setter TargetName="SwitchKnobOn" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOnPointerOver}" />
+                            <Setter TargetName="SwitchKnobBounds" Property="Fill" Value="{DynamicResource ToggleSwitchFillOnPointerOver}" />
+                            <Setter TargetName="SwitchKnobBounds" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOnPointerOver}" />
+                            <Setter TargetName="SwitchAreaGrid" Property="Background" Value="{DynamicResource ToggleSwitchContainerBackgroundPointerOver}" />
+                        </MultiTrigger>
+                        <!--  Pressed  -->
+                        <Trigger SourceName="SwitchThumb" Property="IsDragging" Value="true">
+                            <Setter TargetName="OuterBorder" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOffPressed}" />
+                            <Setter TargetName="OuterBorder" Property="Fill" Value="{DynamicResource ToggleSwitchFillOffPressed}" />
+                            <Setter TargetName="SwitchKnobOff" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOffPressed}" />
+                            <Setter TargetName="SwitchKnobOn" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOnPressed}" />
+                            <Setter TargetName="SwitchKnobBounds" Property="Fill" Value="{DynamicResource ToggleSwitchFillOnPressed}" />
+                            <Setter TargetName="SwitchKnobBounds" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOnPressed}" />
+                            <Setter TargetName="SwitchAreaGrid" Property="Background" Value="{DynamicResource ToggleSwitchContainerBackgroundPressed}" />
+                        </Trigger>
+                        <!--  Disabled  -->
+                        <Trigger Property="IsEnabled" Value="false">
+                            <Setter TargetName="HeaderContentPresenter" Property="Foreground" Value="{DynamicResource ToggleSwitchHeaderForegroundDisabled}" />
+                            <Setter TargetName="OffContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ToggleSwitchContentForegroundDisabled}" />
+                            <Setter TargetName="OnContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ToggleSwitchContentForegroundDisabled}" />
+                            <Setter TargetName="OuterBorder" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOffDisabled}" />
+                            <Setter TargetName="OuterBorder" Property="Fill" Value="{DynamicResource ToggleSwitchFillOffDisabled}" />
+                            <Setter TargetName="SwitchKnobOff" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOffDisabled}" />
+                            <Setter TargetName="SwitchKnobOn" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOnDisabled}" />
+                            <Setter TargetName="SwitchKnobBounds" Property="Fill" Value="{DynamicResource ToggleSwitchFillOnDisabled}" />
+                            <Setter TargetName="SwitchKnobBounds" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOnDisabled}" />
+                            <Setter TargetName="SwitchAreaGrid" Property="Background" Value="{DynamicResource ToggleSwitchContainerBackgroundDisabled}" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+
+    <!--#region Expander for Setting Window-->
+    <Style x:Key="ExpanderRightHeaderStyle" TargetType="{x:Type ToggleButton}">
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="{x:Type ToggleButton}">
+                    <Border Padding="{TemplateBinding Padding}">
+                        <Grid Background="Transparent" SnapsToDevicePixels="False">
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="19" />
+                                <RowDefinition Height="*" />
+                            </Grid.RowDefinitions>
+                            <Grid>
+                                <Grid.LayoutTransform>
+                                    <TransformGroup>
+                                        <TransformGroup.Children>
+                                            <TransformCollection>
+                                                <RotateTransform Angle="-90" />
+                                            </TransformCollection>
+                                        </TransformGroup.Children>
+                                    </TransformGroup>
+                                </Grid.LayoutTransform>
+                                <Ellipse
+                                    x:Name="circle"
+                                    Width="19"
+                                    Height="19"
+                                    HorizontalAlignment="Center"
+                                    VerticalAlignment="Center"
+                                    Stroke="DarkGray" />
+                                <Path
+                                    x:Name="arrow"
+                                    HorizontalAlignment="Center"
+                                    VerticalAlignment="Center"
+                                    Data="M 1,1.5 L 4.5,5 L 8,1.5"
+                                    SnapsToDevicePixels="false"
+                                    Stroke="#666"
+                                    StrokeThickness="2" />
+                            </Grid>
+                            <ContentPresenter
+                                Grid.Row="1"
+                                Margin="0,4,0,0"
+                                HorizontalAlignment="Center"
+                                VerticalAlignment="Top"
+                                RecognizesAccessKey="True"
+                                SnapsToDevicePixels="True" />
+                        </Grid>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsChecked" Value="true">
+                            <Setter TargetName="arrow" Property="Data" Value="M 1,4.5  L 4.5,1  L 8,4.5" />
+                        </Trigger>
+                        <Trigger Property="IsMouseOver" Value="true">
+                            <Setter TargetName="circle" Property="Stroke" Value="#FF3C7FB1" />
+                            <Setter TargetName="arrow" Property="Stroke" Value="#222" />
+                        </Trigger>
+                        <Trigger Property="IsPressed" Value="true">
+                            <Setter TargetName="circle" Property="Stroke" Value="#FF526C7B" />
+                            <Setter TargetName="circle" Property="StrokeThickness" Value="1.5" />
+                            <Setter TargetName="arrow" Property="Stroke" Value="#FF003366" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+    <Style x:Key="ExpanderUpHeaderStyle" TargetType="{x:Type ToggleButton}">
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="{x:Type ToggleButton}">
+                    <Border Padding="{TemplateBinding Padding}">
+                        <Grid Background="Transparent" SnapsToDevicePixels="False">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="19" />
+                                <ColumnDefinition Width="*" />
+                            </Grid.ColumnDefinitions>
+                            <Grid>
+                                <Grid.LayoutTransform>
+                                    <TransformGroup>
+                                        <TransformGroup.Children>
+                                            <TransformCollection>
+                                                <RotateTransform Angle="180" />
+                                            </TransformCollection>
+                                        </TransformGroup.Children>
+                                    </TransformGroup>
+                                </Grid.LayoutTransform>
+                                <Ellipse
+                                    x:Name="circle"
+                                    Width="19"
+                                    Height="19"
+                                    HorizontalAlignment="Center"
+                                    VerticalAlignment="Center"
+                                    Stroke="Transparent" />
+                                <Path
+                                    x:Name="arrow"
+                                    HorizontalAlignment="Center"
+                                    VerticalAlignment="Center"
+                                    Data="M 1,1.5 L 4.5,5 L 8,1.5"
+                                    SnapsToDevicePixels="false"
+                                    Stroke="#666"
+                                    StrokeThickness="1" />
+                            </Grid>
+                            <ContentPresenter
+                                Grid.Column="1"
+                                Margin="4,0,0,0"
+                                HorizontalAlignment="Left"
+                                VerticalAlignment="Center"
+                                RecognizesAccessKey="True"
+                                SnapsToDevicePixels="True" />
+                        </Grid>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsChecked" Value="true">
+                            <Setter TargetName="arrow" Property="Data" Value="M 1,4.5  L 4.5,1  L 8,4.5" />
+                        </Trigger>
+                        <Trigger Property="IsMouseOver" Value="true">
+                            <Setter TargetName="circle" Property="Stroke" Value="Transparent" />
+                            <Setter TargetName="arrow" Property="Stroke" Value="#222" />
+                        </Trigger>
+                        <Trigger Property="IsPressed" Value="true">
+                            <Setter TargetName="circle" Property="Stroke" Value="Transparent" />
+                            <Setter TargetName="circle" Property="StrokeThickness" Value="1.5" />
+                            <Setter TargetName="arrow" Property="Stroke" Value="#FF003366" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+    <Style x:Key="ExpanderLeftHeaderStyle" TargetType="{x:Type ToggleButton}">
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="{x:Type ToggleButton}">
+                    <Border Padding="{TemplateBinding Padding}">
+                        <Grid Background="Transparent" SnapsToDevicePixels="False">
+                            <Grid.RowDefinitions>
+                                <RowDefinition Height="19" />
+                                <RowDefinition Height="*" />
+                            </Grid.RowDefinitions>
+                            <Grid>
+                                <Grid.LayoutTransform>
+                                    <TransformGroup>
+                                        <TransformGroup.Children>
+                                            <TransformCollection>
+                                                <RotateTransform Angle="90" />
+                                            </TransformCollection>
+                                        </TransformGroup.Children>
+                                    </TransformGroup>
+                                </Grid.LayoutTransform>
+                                <Ellipse
+                                    x:Name="circle"
+                                    Width="19"
+                                    Height="19"
+                                    HorizontalAlignment="Center"
+                                    VerticalAlignment="Center"
+                                    Stroke="DarkGray" />
+                                <Path
+                                    x:Name="arrow"
+                                    HorizontalAlignment="Center"
+                                    VerticalAlignment="Center"
+                                    Data="M 1,1.5 L 4.5,5 L 8,1.5"
+                                    SnapsToDevicePixels="false"
+                                    Stroke="#666"
+                                    StrokeThickness="2" />
+                            </Grid>
+                            <ContentPresenter
+                                Grid.Row="1"
+                                Margin="0,4,0,0"
+                                HorizontalAlignment="Center"
+                                VerticalAlignment="Top"
+                                RecognizesAccessKey="True"
+                                SnapsToDevicePixels="True" />
+                        </Grid>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsChecked" Value="true">
+                            <Setter TargetName="arrow" Property="Data" Value="M 1,4.5  L 4.5,1  L 8,4.5" />
+                        </Trigger>
+                        <Trigger Property="IsMouseOver" Value="true">
+                            <Setter TargetName="circle" Property="Stroke" Value="#FF3C7FB1" />
+                            <Setter TargetName="arrow" Property="Stroke" Value="#222" />
+                        </Trigger>
+                        <Trigger Property="IsPressed" Value="true">
+                            <Setter TargetName="circle" Property="Stroke" Value="#FF526C7B" />
+                            <Setter TargetName="circle" Property="StrokeThickness" Value="1.5" />
+                            <Setter TargetName="arrow" Property="Stroke" Value="#FF003366" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+    <Style x:Key="ExpanderHeaderFocusVisual">
+        <Setter Property="Control.Template">
+            <Setter.Value>
+                <ControlTemplate>
+                    <Border>
+                        <Rectangle
+                            Margin="0"
+                            SnapsToDevicePixels="true"
+                            Stroke="Black"
+                            StrokeDashArray="1 2"
+                            StrokeThickness="1" />
+                    </Border>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+    <Style x:Key="ExpanderDownHeaderStyle" TargetType="{x:Type ToggleButton}">
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="{x:Type ToggleButton}">
+                    <Border Padding="{TemplateBinding Padding}">
+                        <Grid Background="Transparent" SnapsToDevicePixels="False">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="19" />
+                                <ColumnDefinition Width="*" />
+                            </Grid.ColumnDefinitions>
+                            <Ellipse
+                                x:Name="circle"
+                                Width="19"
+                                Height="19"
+                                HorizontalAlignment="Center"
+                                VerticalAlignment="Center"
+                                Stroke="Transparent" />
+                            <Path
+                                x:Name="arrow"
+                                HorizontalAlignment="Center"
+                                VerticalAlignment="Center"
+                                Data="M 1,1.5 L 4.5,5 L 8,1.5"
+                                SnapsToDevicePixels="false"
+                                Stroke="#666"
+                                StrokeThickness="1" />
+                            <ContentPresenter
+                                Grid.Column="1"
+                                Margin="4,0,0,0"
+                                HorizontalAlignment="Left"
+                                VerticalAlignment="Center"
+                                RecognizesAccessKey="True"
+                                SnapsToDevicePixels="True" />
+                        </Grid>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsChecked" Value="true">
+                            <Setter TargetName="arrow" Property="Data" Value="M 1,4.5  L 4.5,1  L 8,4.5" />
+                        </Trigger>
+                        <Trigger Property="IsMouseOver" Value="true">
+                            <Setter TargetName="circle" Property="Stroke" Value="Transparent" />
+                            <Setter TargetName="arrow" Property="Stroke" Value="#222" />
+                        </Trigger>
+                        <Trigger Property="IsPressed" Value="true">
+                            <Setter TargetName="circle" Property="Stroke" Value="Transparent" />
+                            <Setter TargetName="circle" Property="StrokeThickness" Value="1.5" />
+                            <Setter TargetName="arrow" Property="Stroke" Value="#FF003366" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+    <Style x:Key="ExpanderStyle1" TargetType="{x:Type Expander}">
+        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
+        <Setter Property="Background" Value="Transparent" />
+        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
+        <Setter Property="VerticalContentAlignment" Value="Stretch" />
+        <Setter Property="BorderBrush" Value="Transparent" />
+        <Setter Property="BorderThickness" Value="1" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="{x:Type Expander}">
+                    <Border
+                        Background="{TemplateBinding Background}"
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        CornerRadius="3"
+                        SnapsToDevicePixels="true">
+                        <DockPanel>
+                            <ToggleButton
+                                x:Name="HeaderSite"
+                                MinWidth="0"
+                                MinHeight="0"
+                                Margin="18,0,0,0"
+                                Padding="{TemplateBinding Padding}"
+                                HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                                Content="{TemplateBinding Header}"
+                                ContentTemplate="{TemplateBinding HeaderTemplate}"
+                                ContentTemplateSelector="{TemplateBinding HeaderTemplateSelector}"
+                                DockPanel.Dock="Top"
+                                FocusVisualStyle="{StaticResource ExpanderHeaderFocusVisual}"
+                                FontFamily="{TemplateBinding FontFamily}"
+                                FontSize="{TemplateBinding FontSize}"
+                                FontStretch="{TemplateBinding FontStretch}"
+                                FontStyle="{TemplateBinding FontStyle}"
+                                FontWeight="{TemplateBinding FontWeight}"
+                                Foreground="{TemplateBinding Foreground}"
+                                IsChecked="{Binding IsExpanded, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
+                                Style="{StaticResource ExpanderDownHeaderStyle}" />
+                            <ContentPresenter
+                                x:Name="ExpandSite"
+                                Margin="{TemplateBinding Padding}"
+                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                DockPanel.Dock="Bottom"
+                                Focusable="false"
+                                Visibility="Collapsed" />
+                        </DockPanel>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsExpanded" Value="true">
+                            <Setter TargetName="ExpandSite" Property="Visibility" Value="Visible" />
+                        </Trigger>
+                        <Trigger Property="ExpandDirection" Value="Right">
+                            <Setter TargetName="ExpandSite" Property="DockPanel.Dock" Value="Right" />
+                            <Setter TargetName="HeaderSite" Property="DockPanel.Dock" Value="Left" />
+                            <Setter TargetName="HeaderSite" Property="Style" Value="{StaticResource ExpanderRightHeaderStyle}" />
+                        </Trigger>
+                        <Trigger Property="ExpandDirection" Value="Up">
+                            <Setter TargetName="ExpandSite" Property="DockPanel.Dock" Value="Top" />
+                            <Setter TargetName="HeaderSite" Property="DockPanel.Dock" Value="Bottom" />
+                            <Setter TargetName="HeaderSite" Property="Style" Value="{StaticResource ExpanderUpHeaderStyle}" />
+                        </Trigger>
+                        <Trigger Property="ExpandDirection" Value="Left">
+                            <Setter TargetName="ExpandSite" Property="DockPanel.Dock" Value="Left" />
+                            <Setter TargetName="HeaderSite" Property="DockPanel.Dock" Value="Right" />
+                            <Setter TargetName="HeaderSite" Property="Style" Value="{StaticResource ExpanderLeftHeaderStyle}" />
+                        </Trigger>
+                        <Trigger Property="IsEnabled" Value="false">
+                            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+    <!--#endregion-->
+</ResourceDictionary>

From 7a0d675ea68390ffdbdb1cc80572f40144e67329 Mon Sep 17 00:00:00 2001
From: DB p <onesound@oooz.net>
Date: Sun, 7 Nov 2021 15:50:44 +0900
Subject: [PATCH 2/4] Change Switch Toggle Style

---
 Flow.Launcher/SettingWindow.xaml | 1900 ++++++++++++++++++++----------
 1 file changed, 1245 insertions(+), 655 deletions(-)

diff --git a/Flow.Launcher/SettingWindow.xaml b/Flow.Launcher/SettingWindow.xaml
index 88a9172b0..2ba58a720 100644
--- a/Flow.Launcher/SettingWindow.xaml
+++ b/Flow.Launcher/SettingWindow.xaml
@@ -1,28 +1,30 @@
-<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-        xmlns:flowlauncher="clr-namespace:Flow.Launcher"
-        xmlns:vm="clr-namespace:Flow.Launcher.ViewModel"
-        xmlns:converters="clr-namespace:Flow.Launcher.Converters"
-        xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
-        xmlns:userSettings="clr-namespace:Flow.Launcher.Infrastructure.UserSettings;assembly=Flow.Launcher.Infrastructure"
-        xmlns:sys="clr-namespace:System;assembly=mscorlib"
-        xmlns:ui="http://schemas.modernwpf.com/2019"
-        xmlns:svgc="http://sharpvectors.codeplex.com/svgc/"
-        x:Class="Flow.Launcher.SettingWindow"
-        mc:Ignorable="d"
-        Icon="Images\app.ico"
-        Title="{DynamicResource flowlauncher_settings}"
-        ResizeMode="CanResizeWithGrip"
-        WindowStartupLocation="CenterScreen"
-        Height="700" Width="1000"
-        MinWidth="900"
-        MinHeight="600"
-        MouseDown="window_MouseDown"
-        Loaded="OnLoaded"
-        Closed="OnClosed"
-        d:DataContext="{d:DesignInstance vm:SettingWindowViewModel}">
+<Window
+    x:Class="Flow.Launcher.SettingWindow"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:converters="clr-namespace:Flow.Launcher.Converters"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:flowlauncher="clr-namespace:Flow.Launcher"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:scm="clr-namespace:System.ComponentModel;assembly=WindowsBase"
+    xmlns:svgc="http://sharpvectors.codeplex.com/svgc/"
+    xmlns:sys="clr-namespace:System;assembly=mscorlib"
+    xmlns:ui="http://schemas.modernwpf.com/2019"
+    xmlns:userSettings="clr-namespace:Flow.Launcher.Infrastructure.UserSettings;assembly=Flow.Launcher.Infrastructure"
+    xmlns:vm="clr-namespace:Flow.Launcher.ViewModel"
+    Title="{DynamicResource flowlauncher_settings}"
+    Width="1000"
+    Height="700"
+    MinWidth="900"
+    MinHeight="600"
+    d:DataContext="{d:DesignInstance vm:SettingWindowViewModel}"
+    Closed="OnClosed"
+    Icon="Images\app.ico"
+    Loaded="OnLoaded"
+    MouseDown="window_MouseDown"
+    ResizeMode="CanResizeWithGrip"
+    WindowStartupLocation="CenterScreen"
+    mc:Ignorable="d">
     <Window.InputBindings>
         <KeyBinding Key="Escape" Command="Close" />
     </Window.InputBindings>
@@ -32,7 +34,7 @@
 
     <Window.Resources>
         <converters:BorderClipConverter x:Key="BorderClipConverter" />
-        <CollectionViewSource Source="{Binding Source={x:Static Fonts.SystemFontFamilies}}" x:Key="SortedFonts">
+        <CollectionViewSource x:Key="SortedFonts" Source="{Binding Source={x:Static Fonts.SystemFontFamilies}}">
             <CollectionViewSource.SortDescriptions>
                 <scm:SortDescription PropertyName="Source" />
             </CollectionViewSource.SortDescriptions>
@@ -46,9 +48,15 @@
                     <ItemsPanelTemplate>
                         <Grid>
                             <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="auto" MaxWidth="60" MinWidth="20" />
+                                <ColumnDefinition
+                                    Width="auto"
+                                    MinWidth="20"
+                                    MaxWidth="60" />
                                 <ColumnDefinition Width="8*" />
-                                <ColumnDefinition Width="Auto" MaxWidth="550" MinWidth="40" />
+                                <ColumnDefinition
+                                    Width="Auto"
+                                    MinWidth="40"
+                                    MaxWidth="550" />
                             </Grid.ColumnDefinitions>
                         </Grid>
                     </ItemsPanelTemplate>
@@ -60,25 +68,25 @@
             <Setter Property="BorderBrush" Value="#e5e5e5" />
             <Setter Property="BorderThickness" Value="1" />
             <Setter Property="CornerRadius" Value="5" />
-            <Setter Property="Margin" Value="0 5 0 0" />
-            <Setter Property="Padding" Value="0 15 0 15" />
+            <Setter Property="Margin" Value="0,5,0,0" />
+            <Setter Property="Padding" Value="0,15,0,15" />
             <Setter Property="SnapsToDevicePixels" Value="True" />
 
         </Style>
         <Style x:Key="SettingTitleLabel" TargetType="{x:Type TextBlock}">
-            <Setter Property="Margin" Value="0 0 0 0" />
+            <Setter Property="Margin" Value="0,0,0,0" />
         </Style>
 
         <Style x:Key="SettingSubTitleLabel" TargetType="{x:Type TextBlock}">
             <Setter Property="Foreground" Value="#5F5F5F" />
             <Setter Property="FontSize" Value="12" />
-            <Setter Property="Margin" Value="0 0 0 0" />
-            <Setter Property="Padding" Value="0 0 24 0" />
+            <Setter Property="Margin" Value="0,0,0,0" />
+            <Setter Property="Padding" Value="0,0,24,0" />
             <Setter Property="TextWrapping" Value="WrapWithOverflow" />
         </Style>
         <Style x:Key="TextPanel" TargetType="{x:Type StackPanel}">
             <Setter Property="Grid.Column" Value="1" />
-            <Setter Property="Margin" Value="0 0 0 0" />
+            <Setter Property="Margin" Value="0,0,0,0" />
             <Setter Property="Width" Value="Auto" />
             <Setter Property="VerticalAlignment" Value="Center" />
             <Setter Property="HorizontalAlignment" Value="Left" />
@@ -87,20 +95,16 @@
             <Setter Property="HorizontalAlignment" Value="Right" />
             <Setter Property="VerticalAlignment" Value="Center" />
             <Setter Property="Grid.Column" Value="2" />
-            <Setter Property="Margin" Value="0 4 18 4" />
+            <Setter Property="Margin" Value="0,4,18,4" />
             <Setter Property="LayoutTransform">
                 <Setter.Value>
                     <ScaleTransform ScaleX="1.5" ScaleY="1.5" />
                 </Setter.Value>
             </Setter>
         </Style>
-        <Style x:Key="SideControlToggle" TargetType="{x:Type ui:ToggleSwitch}">
-            <Setter Property="Padding" Value="2 0 0 0" />
-            <Setter Property="Grid.Column" Value="2" />
-        </Style>
 
-        <Style TargetType="{x:Type TabItem}" x:Key="logo">
-            <!--#region Logo Style -->
+        <Style x:Key="logo" TargetType="{x:Type TabItem}">
+            <!--#region Logo Style-->
             <Setter Property="Margin" Value="0" />
             <Setter Property="HorizontalAlignment" Value="center" />
             <Setter Property="Background" Value="Transparent" />
@@ -118,35 +122,32 @@
                                         x:Name="Spacer"
                                         Width="Auto"
                                         Height="Auto"
-                                        Padding="0 0 0 0"
-                                        Margin="0 10 5 0"
+                                        Margin="0,10,5,0"
+                                        Padding="0,0,0,0"
                                         BorderBrush="Transparent"
                                         BorderThickness="0">
-                                        <Border x:Name="border"
-                                                CornerRadius="5"
-                                                Background="WhiteSmoke">
-                                            <ContentPresenter x:Name="ContentSite"
-                                                              Margin="12 12 0 12"
-                                                              HorizontalAlignment="LEFT"
-                                                              VerticalAlignment="Center"
-                                                              ContentSource="Header" TextBlock.Foreground="#000" />
+                                        <Border
+                                            x:Name="border"
+                                            Background="WhiteSmoke"
+                                            CornerRadius="5">
+                                            <ContentPresenter
+                                                x:Name="ContentSite"
+                                                Margin="12,12,0,12"
+                                                HorizontalAlignment="LEFT"
+                                                VerticalAlignment="Center"
+                                                ContentSource="Header"
+                                                TextBlock.Foreground="#000" />
                                         </Border>
                                     </Border>
                                 </Grid>
                             </Grid>
                         </Border>
                         <ControlTemplate.Triggers>
-                            <Trigger Property="IsMouseOver"
-                                     Value="True">
-                                <Setter TargetName="border"
-                                        Property="Background"
-                                        Value="Transparent" />
+                            <Trigger Property="IsMouseOver" Value="True">
+                                <Setter TargetName="border" Property="Background" Value="Transparent" />
                             </Trigger>
-                            <Trigger Property="IsSelected"
-                                     Value="True">
-                                <Setter TargetName="border"
-                                        Property="Background"
-                                        Value="transparent" />
+                            <Trigger Property="IsSelected" Value="True">
+                                <Setter TargetName="border" Property="Background" Value="transparent" />
                             </Trigger>
                         </ControlTemplate.Triggers>
                     </ControlTemplate>
@@ -162,14 +163,24 @@
                             <Grid>
                                 <Grid>
                                     <Border
-                                        x:Name="Spacer" Width="Auto" Height="Auto" Padding="0 0 0 0" Margin="8 4 8 0"
-                                        BorderBrush="Transparent" BorderThickness="0">
-                                        <Border x:Name="border" CornerRadius="5" Background="#f3f3f3">
-                                            <ContentPresenter x:Name="ContentSite"
-                                                              Margin="12 12 0 12"
-                                                              HorizontalAlignment="LEFT"
-                                                              VerticalAlignment="Center"
-                                                              ContentSource="Header" TextBlock.Foreground="#000" />
+                                        x:Name="Spacer"
+                                        Width="Auto"
+                                        Height="Auto"
+                                        Margin="8,4,8,0"
+                                        Padding="0,0,0,0"
+                                        BorderBrush="Transparent"
+                                        BorderThickness="0">
+                                        <Border
+                                            x:Name="border"
+                                            Background="#f3f3f3"
+                                            CornerRadius="5">
+                                            <ContentPresenter
+                                                x:Name="ContentSite"
+                                                Margin="12,12,0,12"
+                                                HorizontalAlignment="LEFT"
+                                                VerticalAlignment="Center"
+                                                ContentSource="Header"
+                                                TextBlock.Foreground="#000" />
                                         </Border>
                                     </Border>
                                 </Grid>
@@ -188,37 +199,38 @@
             </Setter>
         </Style>
 
-        <!-- Plugin Store Item when Selected layout for nothing-->
+        <!--  Plugin Store Item when Selected layout for nothing  -->
         <Style x:Key="StoreItem" TargetType="{x:Type ToggleButton}">
             <Style.Triggers>
-                <Trigger Property="IsChecked" Value="True">
-                </Trigger>
+                <Trigger Property="IsChecked" Value="True" />
             </Style.Triggers>
         </Style>
 
         <Style x:Key="PluginList" TargetType="ListBoxItem">
             <Setter Property="Background" Value="#ffffff" />
-            <Setter Property="Padding" Value="0 12 0 12" />
-            <Setter Property="Margin" Value="0 0 18 5" />
+            <Setter Property="Padding" Value="0,12,0,12" />
+            <Setter Property="Margin" Value="0,0,18,5" />
             <Setter Property="HorizontalContentAlignment" Value="Stretch" />
             <Setter Property="BorderBrush" Value="#e5e5e5" />
             <!--#region Template for blue highlight win10-->
             <Setter Property="Template">
                 <Setter.Value>
                     <ControlTemplate TargetType="{x:Type ListBoxItem}">
-                        <Border x:Name="Bd"
-                                Background="{TemplateBinding Background}"
-                                BorderBrush="{TemplateBinding BorderBrush}"
-                                BorderThickness="{TemplateBinding BorderThickness}"
-                                Padding="{TemplateBinding Padding}" CornerRadius="5"
-                                SnapsToDevicePixels="True">
-                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
-                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
-                                              Content="{TemplateBinding Content}"
-
-                                              ContentStringFormat="{TemplateBinding ContentStringFormat}"
-                                              ContentTemplate="{TemplateBinding ContentTemplate}"
-                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
+                        <Border
+                            x:Name="Bd"
+                            Padding="{TemplateBinding Padding}"
+                            Background="{TemplateBinding Background}"
+                            BorderBrush="{TemplateBinding BorderBrush}"
+                            BorderThickness="{TemplateBinding BorderThickness}"
+                            CornerRadius="5"
+                            SnapsToDevicePixels="True">
+                            <ContentPresenter
+                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                Content="{TemplateBinding Content}"
+                                ContentStringFormat="{TemplateBinding ContentStringFormat}"
+                                ContentTemplate="{TemplateBinding ContentTemplate}"
+                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                         </Border>
                         <ControlTemplate.Triggers>
                             <MultiTrigger>
@@ -237,7 +249,7 @@
                                 </MultiTrigger.Conditions>
                                 <Setter TargetName="Bd" Property="Background" Value="#ffffff" />
                                 <Setter TargetName="Bd" Property="BorderBrush" Value="#e5e5e5" />
-                                <Setter TargetName="Bd" Property="Margin" Value="0 0 0 0" />
+                                <Setter TargetName="Bd" Property="Margin" Value="0,0,0,0" />
 
 
                             </MultiTrigger>
@@ -249,13 +261,12 @@
                                 <Setter TargetName="Bd" Property="Background" Value="#ffffff" />
                                 <Setter TargetName="Bd" Property="BorderBrush" Value="#e5e5e5" />
                                 <Setter TargetName="Bd" Property="CornerRadius" Value="5" />
-                                <Setter TargetName="Bd" Property="Margin" Value="0 0 0 0" />
+                                <Setter TargetName="Bd" Property="Margin" Value="0,0,0,0" />
 
 
                             </MultiTrigger>
                             <Trigger Property="IsEnabled" Value="False">
-                                <Setter TargetName="Bd" Property="TextElement.Foreground"
-                                        Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
+                                <Setter TargetName="Bd" Property="TextElement.Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                             </Trigger>
                         </ControlTemplate.Triggers>
                     </ControlTemplate>
@@ -268,28 +279,30 @@
         <!--#region PluginStore Style-->
         <Style x:Key="StoreList" TargetType="ListBoxItem">
             <Setter Property="Background" Value="#ffffff" />
-            <Setter Property="Padding" Value="0 0 0 0" />
-            <Setter Property="Margin" Value="0 0 8 5" />
+            <Setter Property="Padding" Value="0,0,0,0" />
+            <Setter Property="Margin" Value="0,0,8,5" />
             <Setter Property="BorderBrush" Value="#e5e5e5" />
-            <Setter Property="MinWidth" Value="330"/>
-            <Setter Property="Height" Value="98"/>
+            <Setter Property="MinWidth" Value="330" />
+            <Setter Property="Height" Value="98" />
             <!--#region Template for blue highlight win10-->
             <Setter Property="Template">
                 <Setter.Value>
                     <ControlTemplate TargetType="{x:Type ListBoxItem}">
-                        <Border x:Name="Bd"
-                                Background="{TemplateBinding Background}"
-                                BorderBrush="{TemplateBinding BorderBrush}"
-                                BorderThickness="{TemplateBinding BorderThickness}"
-                                Padding="{TemplateBinding Padding}" CornerRadius="5"
-                                SnapsToDevicePixels="True">
-                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
-                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
-                                              Content="{TemplateBinding Content}"
-
-                                              ContentStringFormat="{TemplateBinding ContentStringFormat}"
-                                              ContentTemplate="{TemplateBinding ContentTemplate}"
-                                              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
+                        <Border
+                            x:Name="Bd"
+                            Padding="{TemplateBinding Padding}"
+                            Background="{TemplateBinding Background}"
+                            BorderBrush="{TemplateBinding BorderBrush}"
+                            BorderThickness="{TemplateBinding BorderThickness}"
+                            CornerRadius="5"
+                            SnapsToDevicePixels="True">
+                            <ContentPresenter
+                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                Content="{TemplateBinding Content}"
+                                ContentStringFormat="{TemplateBinding ContentStringFormat}"
+                                ContentTemplate="{TemplateBinding ContentTemplate}"
+                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
                         </Border>
                         <ControlTemplate.Triggers>
                             <MultiTrigger>
@@ -308,7 +321,7 @@
                                 </MultiTrigger.Conditions>
                                 <Setter TargetName="Bd" Property="Background" Value="#ffffff" />
                                 <Setter TargetName="Bd" Property="BorderBrush" Value="#e5e5e5" />
-                                <Setter TargetName="Bd" Property="Margin" Value="0 0 0 0" />
+                                <Setter TargetName="Bd" Property="Margin" Value="0,0,0,0" />
 
 
                             </MultiTrigger>
@@ -320,13 +333,12 @@
                                 <Setter TargetName="Bd" Property="Background" Value="#ffffff" />
                                 <Setter TargetName="Bd" Property="BorderBrush" Value="#e5e5e5" />
                                 <Setter TargetName="Bd" Property="CornerRadius" Value="5" />
-                                <Setter TargetName="Bd" Property="Margin" Value="0 0 0 0" />
+                                <Setter TargetName="Bd" Property="Margin" Value="0,0,0,0" />
 
 
                             </MultiTrigger>
                             <Trigger Property="IsEnabled" Value="False">
-                                <Setter TargetName="Bd" Property="TextElement.Foreground"
-                                        Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
+                                <Setter TargetName="Bd" Property="TextElement.Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
                             </Trigger>
                         </ControlTemplate.Triggers>
                     </ControlTemplate>
@@ -335,30 +347,29 @@
             <!--#endregion-->
         </Style>
 
-        <!-- For Tab Header responsive Width -->
-        <Style  TargetType="{x:Type TabControl}">
+        <!--  For Tab Header responsive Width  -->
+        <Style TargetType="{x:Type TabControl}">
             <Setter Property="FontSize" Value="14" />
             <Setter Property="Template">
                 <Setter.Value>
                     <ControlTemplate TargetType="{x:Type TabControl}">
                         <Grid>
                             <Grid.ColumnDefinitions>
-                                <ColumnDefinition Width="2.2*"/>
-                                <ColumnDefinition Width="7.8*"/>
+                                <ColumnDefinition Width="2.2*" />
+                                <ColumnDefinition Width="7.8*" />
                             </Grid.ColumnDefinitions>
                             <TabPanel
-             Grid.Column="0"
-             Panel.ZIndex="1" 
-             Margin="0,0,0,0"
-                               
-             IsItemsHost="True"
-             Background="#f3f3f3" />
-                            <Border 
-             Grid.Column="1"
-             BorderBrush="Black" 
-             BorderThickness="0" 
-             CornerRadius="0">
-                                <ContentPresenter ContentSource="SelectedContent" Grid.Column="1"/>
+                                Grid.Column="0"
+                                Margin="0,0,0,0"
+                                Panel.ZIndex="1"
+                                Background="#f3f3f3"
+                                IsItemsHost="True" />
+                            <Border
+                                Grid.Column="1"
+                                BorderBrush="Black"
+                                BorderThickness="0"
+                                CornerRadius="0">
+                                <ContentPresenter Grid.Column="1" ContentSource="SelectedContent" />
                             </Border>
                         </Grid>
                     </ControlTemplate>
@@ -369,56 +380,86 @@
     </Window.Resources>
 
 
-    <TabControl Height="auto" SelectedIndex="1" TabStripPlacement="Left" Background="#f3f3f3">
+    <TabControl
+        Height="auto"
+        Background="#f3f3f3"
+        SelectedIndex="1"
+        TabStripPlacement="Left">
         <TabItem Style="{DynamicResource logo}">
             <TabItem.Header>
-                <Grid Margin="0 18 0 0">
+                <Grid Margin="0,18,0,0">
                     <Grid.RowDefinitions>
                         <RowDefinition Height="50" />
                         <RowDefinition Height="27" />
                         <RowDefinition Height="25" />
                     </Grid.RowDefinitions>
-                    <Image Source="images/app.png" Width="50" Height="50" Grid.Row="0" />
-                    <TextBlock Text="Flow Launcher" Grid.Row="1" TextAlignment="center" Margin="0 12 0 0" />
-                    <TextBlock Text="{Binding Version}" Grid.Row="2" TextAlignment="center" FontSize="12"
-                               Margin="0 5 0 0" />
+                    <Image
+                        Grid.Row="0"
+                        Width="50"
+                        Height="50"
+                        Source="images/app.png" />
+                    <TextBlock
+                        Grid.Row="1"
+                        Margin="0,12,0,0"
+                        Text="Flow Launcher"
+                        TextAlignment="center" />
+                    <TextBlock
+                        Grid.Row="2"
+                        Margin="0,5,0,0"
+                        FontSize="12"
+                        Text="{Binding Version}"
+                        TextAlignment="center" />
                 </Grid>
             </TabItem.Header>
         </TabItem>
         <TabItem>
-            <!-- LEFT TAB WIDTH -->
+            <!--  LEFT TAB WIDTH  -->
             <TabItem.Header>
                 <Grid>
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="Auto" />
                         <ColumnDefinition />
                     </Grid.ColumnDefinitions>
-                    <TextBlock Grid.Column="0" FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                               Margin="0 0 12 0">
+                    <TextBlock
+                        Grid.Column="0"
+                        Margin="0,0,12,0"
+                        FontFamily="/Resources/#Segoe Fluent Icons"
+                        FontSize="20">
                         &#xe713;
                     </TextBlock>
                     <TextBlock Grid.Column="1" Text="{DynamicResource general}" />
                 </Grid>
             </TabItem.Header>
 
-            <ScrollViewer ScrollViewer.CanContentScroll="False"
-                          Margin="0,0,0,0" Background="#f3f3f3">
-                <StackPanel Orientation="Vertical" Margin="5,18,25,30">
-                    <TextBlock Text="{DynamicResource general}" Grid.Row="2" TextAlignment="left" FontSize="30"
-                               Margin="0 5 0 5" />
+            <ScrollViewer
+                Margin="0,0,0,0"
+                Background="#f3f3f3"
+                ScrollViewer.CanContentScroll="False">
+                <StackPanel Margin="5,18,25,30" Orientation="Vertical">
+                    <TextBlock
+                        Grid.Row="2"
+                        Margin="0,5,0,5"
+                        FontSize="30"
+                        Text="{DynamicResource general}"
+                        TextAlignment="left" />
 
                     <Border Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource startFlowLauncherOnSystemStartup}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource startFlowLauncherOnSystemStartup}" />
                             </StackPanel>
-                            <CheckBox IsChecked="{Binding Settings.StartFlowLauncherOnSystemStartup}"
-                                      HorizontalAlignment="Right"
-                                      Checked="OnAutoStartupChecked" Unchecked="OnAutoStartupUncheck"
-                                      Style="{DynamicResource SideControlCheckBox}" />
-                            <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20" Grid.Column="0"
-                                       VerticalAlignment="Center" Margin="24 0 16 0">
+                            <CheckBox
+                                HorizontalAlignment="Right"
+                                Checked="OnAutoStartupChecked"
+                                IsChecked="{Binding Settings.StartFlowLauncherOnSystemStartup}"
+                                Style="{DynamicResource SideControlCheckBox}"
+                                Unchecked="OnAutoStartupUncheck" />
+                            <TextBlock
+                                Grid.Column="0"
+                                Margin="24,0,16,0"
+                                VerticalAlignment="Center"
+                                FontFamily="/Resources/#Segoe Fluent Icons"
+                                FontSize="20">
                                 &#xe8fc;
                             </TextBlock>
                         </ItemsControl>
@@ -427,26 +468,26 @@
                     <Border Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource hideOnStartup}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource hideOnStartup}" />
                             </StackPanel>
-                            <CheckBox IsChecked="{Binding Settings.HideOnStartup}"
-                                      Style="{DynamicResource SideControlCheckBox}" />
-                            <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20" Grid.Column="0"
-                                       VerticalAlignment="Center" Margin="24 0 16 0">
+                            <CheckBox IsChecked="{Binding Settings.HideOnStartup}" Style="{DynamicResource SideControlCheckBox}" />
+                            <TextBlock
+                                Grid.Column="0"
+                                Margin="24,0,16,0"
+                                VerticalAlignment="Center"
+                                FontFamily="/Resources/#Segoe Fluent Icons"
+                                FontSize="20">
                                 &#xed1a;
                             </TextBlock>
                         </ItemsControl>
                     </Border>
 
-                    <Border Style="{DynamicResource SettingGroupBox}" Margin="0 30 0 0">
+                    <Border Margin="0,30,0,0" Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource hideFlowLauncherWhenLoseFocus}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource hideFlowLauncherWhenLoseFocus}" />
                             </StackPanel>
-                            <CheckBox IsChecked="{Binding Settings.HideWhenDeactive}"
-                                      Style="{DynamicResource SideControlCheckBox}" />
+                            <CheckBox IsChecked="{Binding Settings.HideWhenDeactive}" Style="{DynamicResource SideControlCheckBox}" />
                         </ItemsControl>
                     </Border>
 
@@ -454,70 +495,76 @@
                     <Border Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource hideNotifyIcon}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource hideNotifyIcon}" />
                             </StackPanel>
-                            <CheckBox IsChecked="{Binding Settings.HideNotifyIcon}"
-                                      Style="{DynamicResource SideControlCheckBox}" />
+                            <CheckBox IsChecked="{Binding Settings.HideNotifyIcon}" Style="{DynamicResource SideControlCheckBox}" />
                         </ItemsControl>
                     </Border>
 
                     <Border Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource rememberLastLocation}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource rememberLastLocation}" />
                             </StackPanel>
-                            <CheckBox IsChecked="{Binding Settings.RememberLastLaunchLocation}"
-                                      Style="{DynamicResource SideControlCheckBox}" />
+                            <CheckBox IsChecked="{Binding Settings.RememberLastLaunchLocation}" Style="{DynamicResource SideControlCheckBox}" />
                         </ItemsControl>
                     </Border>
 
                     <Border Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource ignoreHotkeysOnFullscreen}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
-                                <TextBlock Text="{DynamicResource ignoreHotkeysOnFullscreenToolTip}"
-                                           Style="{DynamicResource SettingSubTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource ignoreHotkeysOnFullscreen}" />
+                                <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource ignoreHotkeysOnFullscreenToolTip}" />
                             </StackPanel>
-                            <CheckBox IsChecked="{Binding Settings.IgnoreHotkeysOnFullscreen}"
-                                      Style="{DynamicResource SideControlCheckBox}" />
-                            <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20" Grid.Column="0"
-                                       VerticalAlignment="Center" Margin="24 0 16 0">
+                            <CheckBox IsChecked="{Binding Settings.IgnoreHotkeysOnFullscreen}" Style="{DynamicResource SideControlCheckBox}" />
+                            <TextBlock
+                                Grid.Column="0"
+                                Margin="24,0,16,0"
+                                VerticalAlignment="Center"
+                                FontFamily="/Resources/#Segoe Fluent Icons"
+                                FontSize="20">
                                 &#xe7fc;
                             </TextBlock>
                         </ItemsControl>
                     </Border>
 
-                    <Border Style="{DynamicResource SettingGroupBox}" Margin="0 30 0 0">
+                    <Border Margin="0,30,0,0" Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource ShouldUsePinyin}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
-                                <TextBlock Text="{DynamicResource ShouldUsePinyinToolTip}"
-                                           Style="{DynamicResource SettingSubTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource ShouldUsePinyin}" />
+                                <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource ShouldUsePinyinToolTip}" />
                             </StackPanel>
-                            <CheckBox IsChecked="{Binding Settings.ShouldUsePinyin}"
-                                      ToolTip="{DynamicResource ShouldUsePinyinToolTip}"
-                                      Style="{DynamicResource SideControlCheckBox}" />
-                            <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20" Grid.Column="0"
-                                       VerticalAlignment="Center" Margin="24 0 16 0">
+                            <CheckBox
+                                IsChecked="{Binding Settings.ShouldUsePinyin}"
+                                Style="{DynamicResource SideControlCheckBox}"
+                                ToolTip="{DynamicResource ShouldUsePinyinToolTip}" />
+                            <TextBlock
+                                Grid.Column="0"
+                                Margin="24,0,16,0"
+                                VerticalAlignment="Center"
+                                FontFamily="/Resources/#Segoe Fluent Icons"
+                                FontSize="20">
                                 &#xe98a;
                             </TextBlock>
                         </ItemsControl>
                     </Border>
 
-                    <Border Style="{DynamicResource SettingGroupBox}" Margin="0 30 0 0">
+                    <Border Margin="0,30,0,0" Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource autoUpdates}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource autoUpdates}" />
                             </StackPanel>
-                            <ui:ToggleSwitch IsOn="{Binding AutoUpdates}" FocusVisualMargin="5"
-                                             Style="{DynamicResource SideControlToggle}" Width="100" />
-                            <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20" Grid.Column="0"
-                                       VerticalAlignment="Center" Margin="24 0 16 0">
+                            <ui:ToggleSwitch
+                                Grid.Column="2"
+                                Width="100"
+                                FocusVisualMargin="5"
+                                IsOn="{Binding AutoUpdates}" />
+                            <TextBlock
+                                Grid.Column="0"
+                                Margin="24,0,16,0"
+                                VerticalAlignment="Center"
+                                FontFamily="/Resources/#Segoe Fluent Icons"
+                                FontSize="20">
                                 &#xecc5;
                             </TextBlock>
                         </ItemsControl>
@@ -526,61 +573,103 @@
                     <Border Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource portableMode}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
-                                <TextBlock Text="{DynamicResource portableModeToolTIp}"
-                                           Style="{DynamicResource SettingSubTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource portableMode}" />
+                                <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource portableModeToolTIp}" />
                             </StackPanel>
-                            <ui:ToggleSwitch IsOn="{Binding PortableMode}" FocusVisualMargin="5"
-                                             Style="{DynamicResource SideControlToggle}" Width="100" />
-                            <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20" Grid.Column="0"
-                                       VerticalAlignment="Center" Margin="24 0 16 0">
+                            <ui:ToggleSwitch
+                                Grid.Column="2"
+                                Width="100"
+                                FocusVisualMargin="5"
+                                IsOn="{Binding PortableMode}" />
+                            <TextBlock
+                                Grid.Column="0"
+                                Margin="24,0,16,0"
+                                VerticalAlignment="Center"
+                                FontFamily="/Resources/#Segoe Fluent Icons"
+                                FontSize="20">
                                 &#xe88e;
                             </TextBlock>
                         </ItemsControl>
                     </Border>
 
-                    <Border Style="{DynamicResource SettingGroupBox}" Padding="0" CornerRadius="5" Margin="0 30 0 0">
+                    <Border
+                        Margin="0,30,0,0"
+                        Padding="0"
+                        CornerRadius="5"
+                        Style="{DynamicResource SettingGroupBox}">
                         <StackPanel Orientation="Vertical">
-                            <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                            <Border
+                                Margin="0"
+                                BorderThickness="0"
+                                Style="{DynamicResource SettingGroupBox}">
                                 <ItemsControl Style="{StaticResource SettingGrid}">
                                     <StackPanel Style="{StaticResource TextPanel}">
-                                        <TextBlock Grid.Column="1" Text="{DynamicResource querySearchPrecision}"
-                                               VerticalAlignment="Center" />
-                                        <TextBlock Text="{DynamicResource querySearchPrecisionToolTip}"
-                                           Style="{DynamicResource SettingSubTitleLabel}" />
+                                        <TextBlock
+                                            Grid.Column="1"
+                                            VerticalAlignment="Center"
+                                            Text="{DynamicResource querySearchPrecision}" />
+                                        <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource querySearchPrecisionToolTip}" />
                                     </StackPanel>
-                                    <ComboBox Margin="10 0 18 0" MaxWidth="200"
-                                              ItemsSource="{Binding QuerySearchPrecisionStrings}"
-                                              SelectedItem="{Binding Settings.QuerySearchPrecisionString}"
-                                              Grid.Column="2" />
+                                    <ComboBox
+                                        Grid.Column="2"
+                                        MaxWidth="200"
+                                        Margin="10,0,18,0"
+                                        ItemsSource="{Binding QuerySearchPrecisionStrings}"
+                                        SelectedItem="{Binding Settings.QuerySearchPrecisionString}" />
                                 </ItemsControl>
                             </Border>
-                            <Separator BorderBrush="#e5e5e5" BorderThickness="1" Width="Auto" />
-                            <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                            <Separator
+                                Width="Auto"
+                                BorderBrush="#e5e5e5"
+                                BorderThickness="1" />
+                            <Border
+                                Margin="0"
+                                BorderThickness="0"
+                                Style="{DynamicResource SettingGroupBox}">
                                 <ItemsControl Style="{StaticResource SettingGrid}">
                                     <StackPanel Style="{StaticResource TextPanel}">
-                                        <TextBlock Grid.Column="1" Text="{DynamicResource lastQueryMode}"
-                                               VerticalAlignment="Center" />
-                                        <TextBlock Text="{DynamicResource lastQueryModeToolTip}"
-                                           Style="{DynamicResource SettingSubTitleLabel}" />
+                                        <TextBlock
+                                            Grid.Column="1"
+                                            VerticalAlignment="Center"
+                                            Text="{DynamicResource lastQueryMode}" />
+                                        <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource lastQueryModeToolTip}" />
                                     </StackPanel>
-                                    <ComboBox Margin="10 0 18 0" MaxWidth="200"
-                                              ItemsSource="{Binding LastQueryModes}"
-                                              SelectedValue="{Binding Settings.LastQueryMode}"
-                                              DisplayMemberPath="Display" SelectedValuePath="Value" Grid.Column="2" />
+                                    <ComboBox
+                                        Grid.Column="2"
+                                        MaxWidth="200"
+                                        Margin="10,0,18,0"
+                                        DisplayMemberPath="Display"
+                                        ItemsSource="{Binding LastQueryModes}"
+                                        SelectedValue="{Binding Settings.LastQueryMode}"
+                                        SelectedValuePath="Value" />
                                 </ItemsControl>
                             </Border>
-                            <Separator BorderBrush="#e5e5e5" BorderThickness="1" Width="Auto" />
-                            <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                            <Separator
+                                Width="Auto"
+                                BorderBrush="#e5e5e5"
+                                BorderThickness="1" />
+                            <Border
+                                Margin="0"
+                                BorderThickness="0"
+                                Style="{DynamicResource SettingGroupBox}">
                                 <ItemsControl Style="{StaticResource SettingGrid}">
-                                    <TextBlock Grid.Column="1" Text="{DynamicResource maxShowResults}"
-                                               VerticalAlignment="Center" />
-                                    <ComboBox Margin="10 0 18 0" Width="100" ItemsSource="{Binding MaxResultsRange}"
-                                              HorizontalContentAlignment="Center"
-                                              SelectedItem="{Binding Settings.MaxResultsToShow}" Grid.Column="2" />
-                                    <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                                               Grid.Column="0" VerticalAlignment="Center" Margin="24 0 16 0">
+                                    <TextBlock
+                                        Grid.Column="1"
+                                        VerticalAlignment="Center"
+                                        Text="{DynamicResource maxShowResults}" />
+                                    <ComboBox
+                                        Grid.Column="2"
+                                        Width="100"
+                                        Margin="10,0,18,0"
+                                        HorizontalContentAlignment="Center"
+                                        ItemsSource="{Binding MaxResultsRange}"
+                                        SelectedItem="{Binding Settings.MaxResultsToShow}" />
+                                    <TextBlock
+                                        Grid.Column="0"
+                                        Margin="24,0,16,0"
+                                        VerticalAlignment="Center"
+                                        FontFamily="/Resources/#Segoe Fluent Icons"
+                                        FontSize="20">
                                         &#xe8fd;
                                     </TextBlock>
                                 </ItemsControl>
@@ -588,18 +677,20 @@
                         </StackPanel>
                     </Border>
 
-                    <Border Style="{DynamicResource SettingGroupBox}" Margin="0 30 0 0">
+                    <Border Margin="0,30,0,0" Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource pythonDirectory}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource pythonDirectory}" />
                             </StackPanel>
-                            <StackPanel Orientation="Horizontal" Grid.Column="2">
+                            <StackPanel Grid.Column="2" Orientation="Horizontal">
                                 <TextBox
-                                    Text="{Binding Settings.PluginSettings.PythonDirectory, TargetNullValue='No Setting'}"
-                                    Width="300" Height="26" />
-                                <Button Click="OnSelectPythonDirectoryClick"
-                                        Content="{DynamicResource selectPythonDirectory}" Margin="10 10 18 10" />
+                                    Width="300"
+                                    Height="26"
+                                    Text="{Binding Settings.PluginSettings.PythonDirectory, TargetNullValue='No Setting'}" />
+                                <Button
+                                    Margin="10,10,18,10"
+                                    Click="OnSelectPythonDirectoryClick"
+                                    Content="{DynamicResource selectPythonDirectory}" />
                             </StackPanel>
                         </ItemsControl>
                     </Border>
@@ -607,12 +698,16 @@
                     <Border Style="{DynamicResource SettingGroupBox}">
                         <ItemsControl Style="{StaticResource SettingGrid}">
                             <StackPanel Style="{StaticResource TextPanel}">
-                                <TextBlock Text="{DynamicResource language}"
-                                           Style="{DynamicResource SettingTitleLabel}" />
+                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource language}" />
                             </StackPanel>
-                            <ComboBox Margin="10 0 16 0" MaxWidth="200"
-                                      ItemsSource="{Binding Languages}" SelectedValue="{Binding Language}"
-                                      DisplayMemberPath="Display" SelectedValuePath="LanguageCode" Grid.Column="2" />
+                            <ComboBox
+                                Grid.Column="2"
+                                MaxWidth="200"
+                                Margin="10,0,16,0"
+                                DisplayMemberPath="Display"
+                                ItemsSource="{Binding Languages}"
+                                SelectedValue="{Binding Language}"
+                                SelectedValuePath="LanguageCode" />
                         </ItemsControl>
                     </Border>
                 </StackPanel>
@@ -625,8 +720,11 @@
                         <ColumnDefinition Width="Auto" />
                         <ColumnDefinition />
                     </Grid.ColumnDefinitions>
-                    <TextBlock Grid.Column="0" FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                               Margin="0 0 12 0">
+                    <TextBlock
+                        Grid.Column="0"
+                        Margin="0,0,12,0"
+                        FontFamily="/Resources/#Segoe Fluent Icons"
+                        FontSize="20">
                         &#xea86;
                     </TextBlock>
                     <TextBlock Grid.Column="1" Text="{DynamicResource plugin}" />
@@ -635,74 +733,117 @@
 
             <Grid>
                 <Grid.ColumnDefinitions>
-                    <ColumnDefinition></ColumnDefinition>
+                    <ColumnDefinition />
                 </Grid.ColumnDefinitions>
                 <Grid.RowDefinitions>
-                    <RowDefinition Height="73"></RowDefinition>
-                    <RowDefinition Height="*"></RowDefinition>
+                    <RowDefinition Height="73" />
+                    <RowDefinition Height="*" />
                 </Grid.RowDefinitions>
-                <Border Grid.Row="0" Background="#f3f3f3" Padding="5 18 0 0">
-                    <TextBlock Text="{DynamicResource plugin}" TextAlignment="left" FontSize="30" Margin="0 5 0 0"/>
+                <Border
+                    Grid.Row="0"
+                    Padding="5,18,0,0"
+                    Background="#f3f3f3">
+                    <TextBlock
+                        Margin="0,5,0,0"
+                        FontSize="30"
+                        Text="{DynamicResource plugin}"
+                        TextAlignment="left" />
                 </Border>
-                <Border Grid.Column="0" Grid.Row="1" Background="#f3f3f3" Padding="0 0 0 0">
-                    <ListBox SelectedItem="{Binding SelectedPlugin}"
-                             ScrollViewer.CanContentScroll="False"
-                             ItemsSource="{Binding PluginViewModels}"
-                             Margin="5, 0, 0, 0" ScrollViewer.HorizontalScrollBarVisibility="Disabled"
-                             ItemContainerStyle="{StaticResource PluginList}"
-                             Padding="0 0 7 0" Width="Auto" HorizontalAlignment="Stretch" SnapsToDevicePixels="True">
+                <Border
+                    Grid.Row="1"
+                    Grid.Column="0"
+                    Padding="0,0,0,0"
+                    Background="#f3f3f3">
+                    <ListBox
+                        Width="Auto"
+                        Margin="5,0,0,0"
+                        Padding="0,0,7,0"
+                        HorizontalAlignment="Stretch"
+                        ItemContainerStyle="{StaticResource PluginList}"
+                        ItemsSource="{Binding PluginViewModels}"
+                        ScrollViewer.CanContentScroll="False"
+                        ScrollViewer.HorizontalScrollBarVisibility="Disabled"
+                        SelectedItem="{Binding SelectedPlugin}"
+                        SnapsToDevicePixels="True">
                         <ListBox.ItemsPanel>
                             <ItemsPanelTemplate>
-                                <StackPanel Margin="0,0,0,18"/>
+                                <StackPanel Margin="0,0,0,18" />
                             </ItemsPanelTemplate>
                         </ListBox.ItemsPanel>
                         <ListBox.ItemTemplate>
                             <DataTemplate>
-                                <Expander Grid.Column="4" x:Name="expanderHeader"
-                                          IsExpanded="{Binding Mode=TwoWay, Path=IsSelected, RelativeSource={RelativeSource AncestorType=ListBoxItem, Mode=FindAncestor}}"
-                                          FlowDirection="RightToLeft" Background="Transparent" Padding="0"
-                                          Style="{StaticResource ExpanderStyle1}">
+                                <Expander
+                                    x:Name="expanderHeader"
+                                    Grid.Column="4"
+                                    Padding="0"
+                                    Background="Transparent"
+                                    FlowDirection="RightToLeft"
+                                    IsExpanded="{Binding Mode=TwoWay, Path=IsSelected, RelativeSource={RelativeSource AncestorType=ListBoxItem, Mode=FindAncestor}}"
+                                    Style="{StaticResource ExpanderStyle1}">
                                     <Expander.Header>
-                                        <Grid FlowDirection="LeftToRight" HorizontalAlignment="Left"
-                                              Width="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Expander}}, Path=ActualWidth}">
+                                        <Grid
+                                            Width="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Expander}}, Path=ActualWidth}"
+                                            HorizontalAlignment="Left"
+                                            FlowDirection="LeftToRight">
                                             <Grid.ColumnDefinitions>
                                                 <ColumnDefinition Width="100" MinWidth="100" />
-                                                <ColumnDefinition Width="*" MinWidth="350" MaxWidth="700" />
+                                                <ColumnDefinition
+                                                    Width="*"
+                                                    MinWidth="350"
+                                                    MaxWidth="700" />
                                                 <ColumnDefinition MaxWidth="1400" />
                                                 <ColumnDefinition Width="100" />
                                                 <ColumnDefinition Width="80" />
                                             </Grid.ColumnDefinitions>
-                                            <StackPanel FlowDirection="LeftToRight" Grid.Column="0" Margin="24 0 0 0"
-                                                        VerticalAlignment="Center">
-                                                <Image Source="{Binding Image, IsAsync=True}"
-                                                       Width="32" Height="32" Margin="32 0 0 0"
-                                                       FlowDirection="LeftToRight" />
+                                            <StackPanel
+                                                Grid.Column="0"
+                                                Margin="24,0,0,0"
+                                                VerticalAlignment="Center"
+                                                FlowDirection="LeftToRight">
+                                                <Image
+                                                    Width="32"
+                                                    Height="32"
+                                                    Margin="32,0,0,0"
+                                                    FlowDirection="LeftToRight"
+                                                    Source="{Binding Image, IsAsync=True}" />
                                             </StackPanel>
-                                            <StackPanel Grid.Column="1" Margin="12 0 14 0">
-                                                <TextBlock Text="{Binding PluginPair.Metadata.Name}"
-                                                           TextWrapping="Wrap"
-                                                           ToolTip="{Binding PluginPair.Metadata.Version}" />
-                                                <TextBlock TextWrapping="Wrap" Margin="0 2 0 0" Foreground="#5f5f5f">
-                                                    <Run Text="{Binding PluginPair.Metadata.Description}" FontSize="12" />
+                                            <StackPanel Grid.Column="1" Margin="12,0,14,0">
+                                                <TextBlock
+                                                    Text="{Binding PluginPair.Metadata.Name}"
+                                                    TextWrapping="Wrap"
+                                                    ToolTip="{Binding PluginPair.Metadata.Version}" />
+                                                <TextBlock
+                                                    Margin="0,2,0,0"
+                                                    Foreground="#5f5f5f"
+                                                    TextWrapping="Wrap">
+                                                    <Run FontSize="12" Text="{Binding PluginPair.Metadata.Description}" />
                                                 </TextBlock>
                                             </StackPanel>
                                             <StackPanel Grid.Column="3" Orientation="Horizontal">
-                                                <TextBlock Text="{DynamicResource priority}" Margin="0,0,8,0"
-                                                           MaxWidth="100" VerticalAlignment="Center" FontSize="12"/>
+                                                <TextBlock
+                                                    MaxWidth="100"
+                                                    Margin="0,0,8,0"
+                                                    VerticalAlignment="Center"
+                                                    FontSize="12"
+                                                    Text="{DynamicResource priority}" />
                                                 <Border CornerRadius="5">
-                                                    <Button x:Name="PriorityButton" Content="{Binding Priority, UpdateSourceTrigger=PropertyChanged}" VerticalAlignment="Center"
-                                                           ToolTip="Change Plugin Results Priority"
-                                                           Margin="5 0 0 0" Cursor="Hand"
-                                                           Click="OnPluginPriorityClick">
+                                                    <Button
+                                                        x:Name="PriorityButton"
+                                                        Margin="5,0,0,0"
+                                                        VerticalAlignment="Center"
+                                                        Click="OnPluginPriorityClick"
+                                                        Content="{Binding Priority, UpdateSourceTrigger=PropertyChanged}"
+                                                        Cursor="Hand"
+                                                        ToolTip="Change Plugin Results Priority">
                                                         <!--#region Priority Button Style-->
                                                         <Button.Resources>
                                                             <Style TargetType="Border">
-                                                                <Setter Property="CornerRadius" Value="2"/>
+                                                                <Setter Property="CornerRadius" Value="2" />
                                                             </Style>
                                                         </Button.Resources>
                                                         <Button.Style>
                                                             <Style TargetType="Button">
-                                                                <Setter Property="Padding" Value="12 8 12 8" />
+                                                                <Setter Property="Padding" Value="12,8,12,8" />
                                                                 <Setter Property="BorderThickness" Value="0" />
                                                                 <Setter Property="FontWeight" Value="DemiBold" />
                                                                 <Setter Property="Foreground" Value="Black" />
@@ -718,43 +859,68 @@
                                                     </Button>
                                                 </Border>
                                             </StackPanel>
-                                            <ui:ToggleSwitch Grid.Column="4" OffContent="{DynamicResource disable}"
-                                                             OnContent="{DynamicResource enable}"
-                                                             MaxWidth="110" HorizontalAlignment="Right"
-                                                             IsOn="{Binding PluginState}" />
+                                            <ui:ToggleSwitch
+                                                Grid.Column="4"
+                                                MaxWidth="110"
+                                                HorizontalAlignment="Right"
+                                                IsOn="{Binding PluginState}"
+                                                OffContent="{DynamicResource disable}"
+                                                OnContent="{DynamicResource enable}" />
                                         </Grid>
 
                                     </Expander.Header>
 
                                     <Grid FlowDirection="LeftToRight">
-                                        <StackPanel Orientation="Vertical" Margin="0 12 0 0">
+                                        <StackPanel Margin="0,12,0,0" Orientation="Vertical">
                                             <StackPanel>
-                                                <Border Style="{DynamicResource SettingGroupBox}"
-                                                        Visibility="{Binding ActionKeywordsVisibility}" Height="52" Padding="0"
-                                                        Width="auto" BorderThickness="0 1 0 0" CornerRadius="0">
-                                                    <ItemsControl VerticalAlignment="Center" Padding="22 0 18 0">
+                                                <Border
+                                                    Width="auto"
+                                                    Height="52"
+                                                    Padding="0"
+                                                    BorderThickness="0,1,0,0"
+                                                    CornerRadius="0"
+                                                    Style="{DynamicResource SettingGroupBox}"
+                                                    Visibility="{Binding ActionKeywordsVisibility}">
+                                                    <ItemsControl Padding="22,0,18,0" VerticalAlignment="Center">
                                                         <DockPanel>
-                                                            <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20" DockPanel.Dock="Left"
-                                       VerticalAlignment="Center" Margin="48 0 10 0">&#xe819;</TextBlock>
-                                                            <TextBlock Grid.Column="0" Text="{DynamicResource actionKeywords}"
-                                                                       Style="{DynamicResource SettingTitleLabel}"
-                                                                       Margin="0 0 0 0"  VerticalAlignment="Center" HorizontalAlignment="Left" DockPanel.Dock="Left"/>
+                                                            <TextBlock
+                                                                Margin="48,0,10,0"
+                                                                VerticalAlignment="Center"
+                                                                DockPanel.Dock="Left"
+                                                                FontFamily="/Resources/#Segoe Fluent Icons"
+                                                                FontSize="20">
+                                                                &#xe819;
+                                                            </TextBlock>
+                                                            <TextBlock
+                                                                Grid.Column="0"
+                                                                Margin="0,0,0,0"
+                                                                HorizontalAlignment="Left"
+                                                                VerticalAlignment="Center"
+                                                                DockPanel.Dock="Left"
+                                                                Style="{DynamicResource SettingTitleLabel}"
+                                                                Text="{DynamicResource actionKeywords}" />
 
 
-                                                            <Button Grid.Column="2" Content="{Binding ActionKeywordsText}"
-                                                                       DockPanel.Dock="Right"
-                                                                       Visibility="{Binding ActionKeywordsVisibility}"
-                                                                       ToolTip="Change Action Keywords"
-                                                                       Margin="5 0 0 0" Cursor="Hand" FontWeight="Bold"
-                                                                       Click="OnPluginActionKeywordsClick" HorizontalAlignment="Right"
-                                                                       Width="100" Height="40">
+                                                            <Button
+                                                                Grid.Column="2"
+                                                                Width="100"
+                                                                Height="40"
+                                                                Margin="5,0,0,0"
+                                                                HorizontalAlignment="Right"
+                                                                Click="OnPluginActionKeywordsClick"
+                                                                Content="{Binding ActionKeywordsText}"
+                                                                Cursor="Hand"
+                                                                DockPanel.Dock="Right"
+                                                                FontWeight="Bold"
+                                                                ToolTip="Change Action Keywords"
+                                                                Visibility="{Binding ActionKeywordsVisibility}">
 
                                                                 <Button.Resources>
                                                                     <Style TargetType="Border">
-                                                                        <Setter Property="CornerRadius" Value="2"/>
-                                                                        <Setter Property="BorderThickness" Value="1 1 1 2"/>
-                                                                        <Setter Property="BorderBrush" Value="#ececec"/>
-                                                                        <Setter Property="Background" Value="#ffffff"/>
+                                                                        <Setter Property="CornerRadius" Value="2" />
+                                                                        <Setter Property="BorderThickness" Value="1,1,1,2" />
+                                                                        <Setter Property="BorderBrush" Value="#ececec" />
+                                                                        <Setter Property="Background" Value="#ffffff" />
 
                                                                     </Style>
                                                                 </Button.Resources>
@@ -768,10 +934,14 @@
                                             <StackPanel>
 
 
-                                                <Border Background="White" Padding="0"
-                                                        BorderThickness="0 1 0 0" BorderBrush="#e6e6e6"
-                                                        VerticalAlignment="Center" HorizontalAlignment="Stretch">
-                                                    <!--#region SubInfo Styling -->
+                                                <Border
+                                                    Padding="0"
+                                                    HorizontalAlignment="Stretch"
+                                                    VerticalAlignment="Center"
+                                                    Background="White"
+                                                    BorderBrush="#e6e6e6"
+                                                    BorderThickness="0,1,0,0">
+                                                    <!--#region SubInfo Styling-->
                                                     <Border.Style>
                                                         <Style TargetType="{x:Type Border}">
                                                             <Setter Property="Visibility" Value="Visible" />
@@ -786,60 +956,124 @@
                                                     </Border.Style>
                                                 </Border>
                                                 <!--#endregion-->
-                                                <ContentControl x:Name="PluginSettingControl" 
-                                                        Content="{Binding SettingControl}"
-                                                        Padding="1" Margin="0" VerticalAlignment="Stretch"
-                                                        MaxWidth="750" MaxHeight="550">
-                                                </ContentControl>
+                                                <ContentControl
+                                                    x:Name="PluginSettingControl"
+                                                    MaxWidth="750"
+                                                    MaxHeight="550"
+                                                    Margin="0"
+                                                    Padding="1"
+                                                    VerticalAlignment="Stretch"
+                                                    Content="{Binding SettingControl}" />
 
                                             </StackPanel>
 
                                             <StackPanel>
-                                                <Border Style="{DynamicResource SettingGroupBox}" CornerRadius="0"
-                                                        Visibility="{Binding ActionKeywordsVisibility}"
-                                                        VerticalAlignment="Center" Margin="0" BorderThickness="0 1 0 0"
-                                                        Padding="0 12 0 0" >
+                                                <Border
+                                                    Margin="0"
+                                                    Padding="0,12,0,0"
+                                                    VerticalAlignment="Center"
+                                                    BorderThickness="0,1,0,0"
+                                                    CornerRadius="0"
+                                                    Style="{DynamicResource SettingGroupBox}"
+                                                    Visibility="{Binding ActionKeywordsVisibility}">
                                                     <ItemsControl Style="{DynamicResource SettingGrid}">
-                                                        <StackPanel Style="{StaticResource TextPanel}"
-                                                               Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Right" Margin="0 0 -14 0">
-                                                            <TextBlock Text="{DynamicResource author}" 
-                                                                       FontSize="11" Margin="10 0 0 0" MaxWidth="100" Foreground="#8F8F8F" />
-                                                            <TextBlock Text="{Binding PluginPair.Metadata.Author}" FontSize="11" Foreground="#8F8F8F"
-                                                                       Margin="5 0 0 0" MaxWidth="100" />
-                                                            <TextBlock Text="|"
-                                                                       FontSize="11" Margin="5 0 0 0" MaxWidth="100" Foreground="#8F8F8F"
-                                                                       VerticalAlignment="Center" />
-                                                            <TextBlock Text="{DynamicResource plugin_init_time}" 
-                                                                       FontSize="11" Margin="5 0 0 0" MaxWidth="100" Foreground="#8F8F8F" />
-                                                            <TextBlock Text="{Binding InitilizaTime}" FontSize="11" Foreground="#8F8F8F"
-                                                                       Margin="5 0 0 0" MaxWidth="100" />
-                                                            <TextBlock Text="|"
-                                                                       FontSize="11" Margin="5 0 0 0" MaxWidth="100" Foreground="#8F8F8F"
-                                                                       VerticalAlignment="Center" />
-                                                            <TextBlock Text="{DynamicResource plugin_query_time}"
-                                                                       FontSize="11" Margin="5 0 0 0" MaxWidth="100" Foreground="#8F8F8F" />
-                                                            <TextBlock Text="{Binding QueryTime}" FontSize="11" Foreground="#8F8F8F"
-                                                                       Margin="5 0 0 0" MaxWidth="100" />
-                                                            <TextBlock Text="| version"
-                                                                       FontSize="11" Margin="5 0 0 0" MaxWidth="100" Foreground="#8F8F8F"
-                                                                       VerticalAlignment="Center" />
-                                                            <TextBlock Text="{Binding PluginPair.Metadata.Version}" Foreground="#8F8F8F"
-                                                                       FontSize="11" Margin="5 0 0 0" MaxWidth="100"
-                                                                       VerticalAlignment="Center" />
+                                                        <StackPanel
+                                                            Margin="0,0,-14,0"
+                                                            HorizontalAlignment="Right"
+                                                            VerticalAlignment="Center"
+                                                            Orientation="Horizontal"
+                                                            Style="{StaticResource TextPanel}">
+                                                            <TextBlock
+                                                                MaxWidth="100"
+                                                                Margin="10,0,0,0"
+                                                                FontSize="11"
+                                                                Foreground="#8F8F8F"
+                                                                Text="{DynamicResource author}" />
+                                                            <TextBlock
+                                                                MaxWidth="100"
+                                                                Margin="5,0,0,0"
+                                                                FontSize="11"
+                                                                Foreground="#8F8F8F"
+                                                                Text="{Binding PluginPair.Metadata.Author}" />
+                                                            <TextBlock
+                                                                MaxWidth="100"
+                                                                Margin="5,0,0,0"
+                                                                VerticalAlignment="Center"
+                                                                FontSize="11"
+                                                                Foreground="#8F8F8F"
+                                                                Text="|" />
+                                                            <TextBlock
+                                                                MaxWidth="100"
+                                                                Margin="5,0,0,0"
+                                                                FontSize="11"
+                                                                Foreground="#8F8F8F"
+                                                                Text="{DynamicResource plugin_init_time}" />
+                                                            <TextBlock
+                                                                MaxWidth="100"
+                                                                Margin="5,0,0,0"
+                                                                FontSize="11"
+                                                                Foreground="#8F8F8F"
+                                                                Text="{Binding InitilizaTime}" />
+                                                            <TextBlock
+                                                                MaxWidth="100"
+                                                                Margin="5,0,0,0"
+                                                                VerticalAlignment="Center"
+                                                                FontSize="11"
+                                                                Foreground="#8F8F8F"
+                                                                Text="|" />
+                                                            <TextBlock
+                                                                MaxWidth="100"
+                                                                Margin="5,0,0,0"
+                                                                FontSize="11"
+                                                                Foreground="#8F8F8F"
+                                                                Text="{DynamicResource plugin_query_time}" />
+                                                            <TextBlock
+                                                                MaxWidth="100"
+                                                                Margin="5,0,0,0"
+                                                                FontSize="11"
+                                                                Foreground="#8F8F8F"
+                                                                Text="{Binding QueryTime}" />
+                                                            <TextBlock
+                                                                MaxWidth="100"
+                                                                Margin="5,0,0,0"
+                                                                VerticalAlignment="Center"
+                                                                FontSize="11"
+                                                                Foreground="#8F8F8F"
+                                                                Text="| version" />
+                                                            <TextBlock
+                                                                MaxWidth="100"
+                                                                Margin="5,0,0,0"
+                                                                VerticalAlignment="Center"
+                                                                FontSize="11"
+                                                                Foreground="#8F8F8F"
+                                                                Text="{Binding PluginPair.Metadata.Version}" />
 
                                                             <TextBlock
-                                                                   MaxWidth="120" Cursor="Hand" Margin="10,0,0,0"
-                                                                   HorizontalAlignment="Right" FontSize="12" VerticalAlignment="Center">
-                                                                  <Hyperlink NavigateUri="{Binding PluginPair.Metadata.Website}"
-                                                                        RequestNavigate="OnRequestNavigate" Foreground="#8F8F8F">
-                                                                       <Run Text="Website" />
+                                                                MaxWidth="120"
+                                                                Margin="10,0,0,0"
+                                                                HorizontalAlignment="Right"
+                                                                VerticalAlignment="Center"
+                                                                Cursor="Hand"
+                                                                FontSize="12">
+                                                                <Hyperlink
+                                                                    Foreground="#8F8F8F"
+                                                                    NavigateUri="{Binding PluginPair.Metadata.Website}"
+                                                                    RequestNavigate="OnRequestNavigate">
+                                                                    <Run Text="Website" />
                                                                 </Hyperlink>
                                                             </TextBlock>
 
-                                                            <TextBlock Text="{DynamicResource pluginDirectory}"
-                                                                   MaxWidth="120" Cursor="Hand" Margin="10,0,0,0"
-                                                                   MouseUp="OnPluginDirecotyClick" Foreground="#8f8f8f"
-                                                                   HorizontalAlignment="Right" FontSize="12" VerticalAlignment="Center" TextDecorations="Underline"/>
+                                                            <TextBlock
+                                                                MaxWidth="120"
+                                                                Margin="10,0,0,0"
+                                                                HorizontalAlignment="Right"
+                                                                VerticalAlignment="Center"
+                                                                Cursor="Hand"
+                                                                FontSize="12"
+                                                                Foreground="#8f8f8f"
+                                                                MouseUp="OnPluginDirecotyClick"
+                                                                Text="{DynamicResource pluginDirectory}"
+                                                                TextDecorations="Underline" />
                                                         </StackPanel>
 
                                                     </ItemsControl>
@@ -858,7 +1092,7 @@
             </Grid>
         </TabItem>
 
-        <!--#region Plugin Store -->
+        <!--#region Plugin Store-->
         <TabItem>
             <TabItem.Header>
                 <Grid>
@@ -866,8 +1100,11 @@
                         <ColumnDefinition Width="Auto" />
                         <ColumnDefinition />
                     </Grid.ColumnDefinitions>
-                    <TextBlock Grid.Column="0" FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                               Margin="0 0 12 0">
+                    <TextBlock
+                        Grid.Column="0"
+                        Margin="0,0,12,0"
+                        FontFamily="/Resources/#Segoe Fluent Icons"
+                        FontSize="20">
                         &#xe719;
                     </TextBlock>
                     <TextBlock Grid.Column="1" Text="{DynamicResource pluginStore}" />
@@ -876,60 +1113,106 @@
 
             <Grid>
                 <Grid.ColumnDefinitions>
-                    <ColumnDefinition></ColumnDefinition>
-                    <ColumnDefinition></ColumnDefinition>
+                    <ColumnDefinition />
+                    <ColumnDefinition />
                 </Grid.ColumnDefinitions>
                 <Grid.RowDefinitions>
-                    <RowDefinition Height="72"></RowDefinition>
-                    <RowDefinition Height="*"></RowDefinition>
+                    <RowDefinition Height="72" />
+                    <RowDefinition Height="*" />
                 </Grid.RowDefinitions>
-                <Border Grid.Row="0" Grid.Column="0" Background="#f3f3f3" Padding="5 18 0 0">
-                    <TextBlock Text="{DynamicResource pluginStore}" TextAlignment="left" FontSize="30" Margin="0 5 0 5"/>
+                <Border
+                    Grid.Row="0"
+                    Grid.Column="0"
+                    Padding="5,18,0,0"
+                    Background="#f3f3f3">
+                    <TextBlock
+                        Margin="0,5,0,5"
+                        FontSize="30"
+                        Text="{DynamicResource pluginStore}"
+                        TextAlignment="left" />
                 </Border>
-                <Border Grid.Row="0" Grid.Column="1" Background="#f3f3f3" Padding="5 18 32 0">
-                    <Button Content="{DynamicResource refresh}" 
-                            FontSize="13" 
-                            Margin="0 5 0 5" 
-                            HorizontalAlignment="Right" 
-                            Background="#ffffff" 
-                            Padding="12 4 12 4" 
-                            Height="34" 
-                            BorderBrush="#cecece" 
-                            Click="OnPluginStoreRefreshClick"
-                            BorderThickness="1 1 1 2"/>
+                <Border
+                    Grid.Row="0"
+                    Grid.Column="1"
+                    Padding="5,18,32,0"
+                    Background="#f3f3f3">
+                    <Button
+                        Height="34"
+                        Margin="0,5,0,5"
+                        Padding="12,4,12,4"
+                        HorizontalAlignment="Right"
+                        Background="#ffffff"
+                        BorderBrush="#cecece"
+                        BorderThickness="1,1,1,2"
+                        Click="OnPluginStoreRefreshClick"
+                        Content="{DynamicResource refresh}"
+                        FontSize="13" />
                 </Border>
-                <Border Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1" Background="#f3f3f3" Padding="0 0 0 0">
-                    <ListBox  x:Name="StoreListBox"
-                             ItemsSource="{Binding ExternalPlugins}"
-                             Margin="6, 0, 0, 0" ScrollViewer.HorizontalScrollBarVisibility="Disabled"
-                             ItemContainerStyle="{StaticResource StoreList}" SelectionMode="Single"
-                             Padding="0 0 0 0" Width="Auto" VerticalContentAlignment="Center" HorizontalAlignment="Stretch">
+                <Border
+                    Grid.Row="1"
+                    Grid.Column="0"
+                    Grid.ColumnSpan="2"
+                    Padding="0,0,0,0"
+                    Background="#f3f3f3">
+                    <ListBox
+                        x:Name="StoreListBox"
+                        Width="Auto"
+                        Margin="6,0,0,0"
+                        Padding="0,0,0,0"
+                        HorizontalAlignment="Stretch"
+                        VerticalContentAlignment="Center"
+                        ItemContainerStyle="{StaticResource StoreList}"
+                        ItemsSource="{Binding ExternalPlugins}"
+                        ScrollViewer.HorizontalScrollBarVisibility="Disabled"
+                        SelectionMode="Single">
                         <ListBox.ItemsPanel>
                             <ItemsPanelTemplate>
-                                <UniformGrid IsItemsHost="True" HorizontalAlignment="Left" Columns="2" Margin="0 0 6 18" VerticalAlignment="Top" SnapsToDevicePixels="True"/>
+                                <UniformGrid
+                                    Margin="0,0,6,18"
+                                    HorizontalAlignment="Left"
+                                    VerticalAlignment="Top"
+                                    Columns="2"
+                                    IsItemsHost="True"
+                                    SnapsToDevicePixels="True" />
                             </ItemsPanelTemplate>
                         </ListBox.ItemsPanel>
                         <ListBox.ItemTemplate>
                             <DataTemplate>
-                                <!-- Hover Layout Style-->
+                                <!--  Hover Layout Style  -->
 
-                                <ToggleButton IsChecked="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}},Path=IsSelected}" Background="Transparent" 
-                                                  Width="{Binding ActualWidth,RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}" 
-                                                  HorizontalAlignment="Left" HorizontalContentAlignment="left" Style="{StaticResource StoreItem}">
+                                <ToggleButton
+                                    Width="{Binding ActualWidth, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}"
+                                    HorizontalAlignment="Left"
+                                    HorizontalContentAlignment="left"
+                                    Background="Transparent"
+                                    IsChecked="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=IsSelected}"
+                                    Style="{StaticResource StoreItem}">
                                     <ToggleButton.Template>
                                         <ControlTemplate TargetType="{x:Type ButtonBase}">
-                                            <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
-                                            <ControlTemplate.Triggers/>
+                                            <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}" />
+                                            <ControlTemplate.Triggers />
                                         </ControlTemplate>
                                     </ToggleButton.Template>
-                                    
+
                                     <Grid HorizontalAlignment="Left" VerticalAlignment="Stretch">
                                         <Grid.ColumnDefinitions>
-                                            <ColumnDefinition Width="72"/>
+                                            <ColumnDefinition Width="72" />
                                             <ColumnDefinition Width="*" />
                                         </Grid.ColumnDefinitions>
-                                        <StackPanel Grid.Column="0" Margin="0 0 0 0"
-                                                        VerticalAlignment="Center" >
+                                        <StackPanel
+                                            Grid.Column="0"
+                                            Margin="0,0,0,0"
+                                            VerticalAlignment="Center">
                                             <StackPanel.Style>
                                                 <Style>
                                                     <Setter Property="StackPanel.Visibility" Value="Visible" />
@@ -940,11 +1223,18 @@
                                                     </Style.Triggers>
                                                 </Style>
                                             </StackPanel.Style>
-                                            <Image Source="{Binding IcoPath, IsAsync=True}"
-                                                   Width="32" Height="32" Margin="8 0 6 0"
-                                                   VerticalAlignment="Center"/>
+                                            <Image
+                                                Width="32"
+                                                Height="32"
+                                                Margin="8,0,6,0"
+                                                VerticalAlignment="Center"
+                                                Source="{Binding IcoPath, IsAsync=True}" />
                                         </StackPanel>
-                                        <StackPanel Grid.Column="1" Margin="0 0 8 0" VerticalAlignment="Center" Panel.ZIndex="0">
+                                        <StackPanel
+                                            Grid.Column="1"
+                                            Margin="0,0,8,0"
+                                            VerticalAlignment="Center"
+                                            Panel.ZIndex="0">
                                             <StackPanel.Style>
                                                 <Style>
                                                     <Setter Property="StackPanel.Visibility" Value="Visible" />
@@ -955,15 +1245,28 @@
                                                     </Style.Triggers>
                                                 </Style>
                                             </StackPanel.Style>
-                                            <TextBlock Text="{Binding Name}"
-                                                           TextWrapping="WrapWithOverflow" Padding="0 0 20 0"
-                                                           ToolTip="{Binding Version}" />
-                                            <TextBlock TextWrapping="WrapWithOverflow" Margin="0 2 0 0" Padding="0 0 20 0" Foreground="#5f5f5f">
-                                                    <Run Text="{Binding Description}" FontSize="12" Foreground="#5f5f5f"/>
+                                            <TextBlock
+                                                Padding="0,0,20,0"
+                                                Text="{Binding Name}"
+                                                TextWrapping="WrapWithOverflow"
+                                                ToolTip="{Binding Version}" />
+                                            <TextBlock
+                                                Margin="0,2,0,0"
+                                                Padding="0,0,20,0"
+                                                Foreground="#5f5f5f"
+                                                TextWrapping="WrapWithOverflow">
+                                                <Run
+                                                    FontSize="12"
+                                                    Foreground="#5f5f5f"
+                                                    Text="{Binding Description}" />
                                             </TextBlock>
 
-                                        </StackPanel >
-                                        <StackPanel Grid.Column="0" Grid.ColumnSpan="2" VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
+                                        </StackPanel>
+                                        <StackPanel
+                                            Grid.Column="0"
+                                            Grid.ColumnSpan="2"
+                                            HorizontalAlignment="Stretch"
+                                            VerticalAlignment="Stretch">
                                             <StackPanel.Style>
                                                 <Style>
                                                     <Setter Property="StackPanel.Visibility" Value="Collapsed" />
@@ -976,38 +1279,60 @@
                                             </StackPanel.Style>
 
 
-                                            <Grid Height="94" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Panel.ZIndex="1">
+                                            <Grid
+                                                Height="94"
+                                                HorizontalAlignment="Stretch"
+                                                VerticalAlignment="Stretch"
+                                                Panel.ZIndex="1">
                                                 <Grid.Background>
-                                                    <SolidColorBrush Color="#f6f6f6" Opacity=".95"/>
+                                                    <SolidColorBrush Opacity=".95" Color="#f6f6f6" />
                                                 </Grid.Background>
                                                 <Grid.ColumnDefinitions>
-                                                    <ColumnDefinition Width="{Binding ActualWidth,RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}" />
+                                                    <ColumnDefinition Width="{Binding ActualWidth, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ListBoxItem}}}" />
                                                 </Grid.ColumnDefinitions>
 
-                                                <StackPanel Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Stretch">
+                                                <StackPanel
+                                                    Grid.Column="0"
+                                                    HorizontalAlignment="Stretch"
+                                                    VerticalAlignment="Center">
                                                     <StackPanel Orientation="Horizontal">
-                                                        <TextBlock Text="{Binding Name}" FontWeight="Bold"
-                                                           TextWrapping="WrapWithOverflow" Padding="0 0 0 0" Margin="20 0 0 0"
-                                                           ToolTip="{Binding Name}" />
-                                                        <TextBlock Text="{Binding Version}"
-                                                           TextWrapping="WrapWithOverflow" Padding="0 0 20 0" Margin="10 0 0 0"
-                                                           ToolTip="{Binding Version}" />
+                                                        <TextBlock
+                                                            Margin="20,0,0,0"
+                                                            Padding="0,0,0,0"
+                                                            FontWeight="Bold"
+                                                            Text="{Binding Name}"
+                                                            TextWrapping="WrapWithOverflow"
+                                                            ToolTip="{Binding Name}" />
+                                                        <TextBlock
+                                                            Margin="10,0,0,0"
+                                                            Padding="0,0,20,0"
+                                                            Text="{Binding Version}"
+                                                            TextWrapping="WrapWithOverflow"
+                                                            ToolTip="{Binding Version}" />
                                                     </StackPanel>
-                                                    <StackPanel Orientation="Vertical" Margin="20 2 120 0">
-                                                        <TextBlock TextWrapping="Wrap"  Padding="0 0 0 0" >
-                                                            <Hyperlink NavigateUri="{Binding Website}"
-                                                                        RequestNavigate="OnRequestNavigate" Foreground="#5F5F5F">
-                                                                <Run Text="{Binding Author}" FontSize="12" />
+                                                    <StackPanel Margin="20,2,120,0" Orientation="Vertical">
+                                                        <TextBlock Padding="0,0,0,0" TextWrapping="Wrap">
+                                                            <Hyperlink
+                                                                Foreground="#5F5F5F"
+                                                                NavigateUri="{Binding Website}"
+                                                                RequestNavigate="OnRequestNavigate">
+                                                                <Run FontSize="12" Text="{Binding Author}" />
                                                             </Hyperlink>
                                                         </TextBlock>
                                                     </StackPanel>
                                                 </StackPanel>
-                                                <Border Padding="0 0 20 0">
-                                                    <Button Foreground="Black" Name="ShortCutButtonPrev" Content="{DynamicResource install}"
-                                                           Click="OnExternalPluginInstallClick"
-                                                            Width="90" MinHeight="40" HorizontalAlignment="Right"
-                                                            VerticalAlignment="Center" Grid.Column="1" Margin="0 0 0 0">
-                                                    </Button>
+                                                <Border Padding="0,0,20,0">
+                                                    <Button
+                                                        Name="ShortCutButtonPrev"
+                                                        Grid.Column="1"
+                                                        Width="90"
+                                                        MinHeight="40"
+                                                        Margin="0,0,0,0"
+                                                        HorizontalAlignment="Right"
+                                                        VerticalAlignment="Center"
+                                                        Click="OnExternalPluginInstallClick"
+                                                        Content="{DynamicResource install}"
+                                                        Foreground="Black" />
                                                 </Border>
                                             </Grid>
                                         </StackPanel>
@@ -1030,32 +1355,47 @@
                         <ColumnDefinition Width="Auto" />
                         <ColumnDefinition />
                     </Grid.ColumnDefinitions>
-                    <TextBlock Grid.Column="0" FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                               Margin="0 0 12 0">
+                    <TextBlock
+                        Grid.Column="0"
+                        Margin="0,0,12,0"
+                        FontFamily="/Resources/#Segoe Fluent Icons"
+                        FontSize="20">
                         &#xe790;
                     </TextBlock>
                     <TextBlock Grid.Column="1" Text="{DynamicResource theme}" />
                 </Grid>
             </TabItem.Header>
-            <Border Padding=" 0 0 0 0 ">
-                <ScrollViewer ScrollViewer.CanContentScroll="False"
-                              Margin="0,0,0,0" Background="#f3f3f3" Padding="6 0 24 0">
-                    <Grid Margin="0 0 0 0" Background="#f3f3f3">
+            <Border Padding="0,0,0,0">
+                <ScrollViewer
+                    Margin="0,0,0,0"
+                    Padding="6,0,24,0"
+                    Background="#f3f3f3"
+                    ScrollViewer.CanContentScroll="False">
+                    <Grid Margin="0,0,0,0" Background="#f3f3f3">
                         <Grid.RowDefinitions>
                             <RowDefinition Height="0" />
                             <RowDefinition Height="350" />
-                            <RowDefinition  />
+                            <RowDefinition />
                             <RowDefinition />
                             <RowDefinition Height="*" />
                         </Grid.RowDefinitions>
-                        <Border Padding="5 18 0 0" Grid.Row="0">
-                            <TextBlock Text="{DynamicResource theme}" TextAlignment="left" FontSize="30"
-                                       Margin="0 5 0 5" />
+                        <Border Grid.Row="0" Padding="5,18,0,0">
+                            <TextBlock
+                                Margin="0,5,0,5"
+                                FontSize="30"
+                                Text="{DynamicResource theme}"
+                                TextAlignment="left" />
                         </Border>
 
-                        <StackPanel Background="{Binding PreviewBackground}" Grid.Row="1" Margin="0">
-                            <StackPanel Orientation="Horizontal" Margin="0 30 0 0"
-                                        HorizontalAlignment="Center" VerticalAlignment="Center">
+                        <StackPanel
+                            Grid.Row="1"
+                            Margin="0"
+                            Background="{Binding PreviewBackground}">
+                            <StackPanel
+                                Margin="0,30,0,0"
+                                HorizontalAlignment="Center"
+                                VerticalAlignment="Center"
+                                Orientation="Horizontal">
                                 <Border Width="500" Style="{DynamicResource WindowBorderStyle}">
                                     <Border Style="{DynamicResource WindowRadius}">
                                         <Border.Clip>
@@ -1073,26 +1413,29 @@
                                             </Grid.RowDefinitions>
                                             <Border Grid.Row="0">
                                                 <TextBox
-                                                    Text="{DynamicResource hiThere}" IsReadOnly="True"
-                                                    Style="{DynamicResource QueryBoxStyle}" />
+                                                    IsReadOnly="True"
+                                                    Style="{DynamicResource QueryBoxStyle}"
+                                                    Text="{DynamicResource hiThere}" />
 
                                             </Border>
                                             <Canvas Style="{DynamicResource SearchIconPosition}">
-                                                <Path Data="{DynamicResource SearchIconImg}"
-                                                      Style="{DynamicResource SearchIconStyle}" Margin="0"
-                                                      Stretch="Fill" />
+                                                <Path
+                                                    Margin="0"
+                                                    Data="{DynamicResource SearchIconImg}"
+                                                    Stretch="Fill"
+                                                    Style="{DynamicResource SearchIconStyle}" />
                                             </Canvas>
 
-                                            <Border Margin="0 0 0 0" Grid.Row="1">
-                                                <Rectangle Width="Auto" HorizontalAlignment="Stretch"
-                                                           Style="{DynamicResource SeparatorStyle}"
-                                                           Visibility="Visible" />
+                                            <Border Grid.Row="1" Margin="0,0,0,0">
+                                                <Rectangle
+                                                    Width="Auto"
+                                                    HorizontalAlignment="Stretch"
+                                                    Style="{DynamicResource SeparatorStyle}"
+                                                    Visibility="Visible" />
                                             </Border>
 
                                             <ContentControl Grid.Row="2">
-                                                <flowlauncher:ResultListBox
-                                                    DataContext="{Binding PreviewResults, Mode=OneTime}"
-                                                    Visibility="Visible" />
+                                                <flowlauncher:ResultListBox DataContext="{Binding PreviewResults, Mode=OneTime}" Visibility="Visible" />
                                             </ContentControl>
 
                                         </Grid>
@@ -1102,18 +1445,24 @@
                         </StackPanel>
 
                         <StackPanel Grid.Row="2" VerticalAlignment="Top">
-                            <Border Style="{DynamicResource SettingGroupBox}" Margin="0 12 0 0">
+                            <Border Margin="0,12,0,0" Style="{DynamicResource SettingGroupBox}">
                                 <ItemsControl Style="{StaticResource SettingGrid}">
                                     <StackPanel Style="{StaticResource TextPanel}">
-                                        <TextBlock Text="{DynamicResource queryWindowShadowEffect}"
-                                                   Style="{DynamicResource SettingTitleLabel}" />
-                                        <TextBlock Text="{DynamicResource shadowEffectCPUUsage}"
-                                                   Style="{DynamicResource SettingSubTitleLabel}" />
+                                        <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource queryWindowShadowEffect}" />
+                                        <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource shadowEffectCPUUsage}" />
                                     </StackPanel>
-                                    <ui:ToggleSwitch IsOn="{Binding DropShadowEffect, Mode=TwoWay}" Width="80"
-                                                     Grid.Column="2" Grid.Row="0" Margin="0 0 18 0" />
-                                    <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                                               Grid.Column="0" VerticalAlignment="Center" Margin="24 0 16 0">
+                                    <ui:ToggleSwitch
+                                        Grid.Row="0"
+                                        Grid.Column="2"
+                                        Width="80"
+                                        Margin="0,0,18,0"
+                                        IsOn="{Binding DropShadowEffect, Mode=TwoWay}" />
+                                    <TextBlock
+                                        Grid.Column="0"
+                                        Margin="24,0,16,0"
+                                        VerticalAlignment="Center"
+                                        FontFamily="/Resources/#Segoe Fluent Icons"
+                                        FontSize="20">
                                         &#xeb91;
                                     </TextBlock>
                                 </ItemsControl>
@@ -1121,14 +1470,21 @@
                         </StackPanel>
 
                         <StackPanel Grid.Row="3">
-                            <Border Style="{DynamicResource SettingGroupBox}" Margin="0 8 0 0" Padding="0"
-                                    HorizontalAlignment="Stretch">
-                                <ListBox ItemsSource="{Binding Themes}" SelectedItem="{Binding SelectedTheme}"
-                                         ui:ScrollViewerHelper.AutoHideScrollBars="True"
-                                         ScrollViewer.HorizontalScrollBarVisibility="Disabled"
-                                         ScrollViewer.VerticalScrollBarVisibility="Disabled" Background="#ffffff"
-                                         Padding="18" HorizontalAlignment="Center"
-                                         HorizontalContentAlignment="Center">
+                            <Border
+                                Margin="0,8,0,0"
+                                Padding="0"
+                                HorizontalAlignment="Stretch"
+                                Style="{DynamicResource SettingGroupBox}">
+                                <ListBox
+                                    Padding="18"
+                                    HorizontalAlignment="Center"
+                                    HorizontalContentAlignment="Center"
+                                    ui:ScrollViewerHelper.AutoHideScrollBars="True"
+                                    Background="#ffffff"
+                                    ItemsSource="{Binding Themes}"
+                                    ScrollViewer.HorizontalScrollBarVisibility="Disabled"
+                                    ScrollViewer.VerticalScrollBarVisibility="Disabled"
+                                    SelectedItem="{Binding SelectedTheme}">
                                     <ListBox.ItemContainerStyle>
                                         <Style TargetType="ListBoxItem">
                                             <Style.Triggers>
@@ -1136,33 +1492,42 @@
                                                     <Setter Property="FontWeight" Value="Bold" />
                                                     <Setter Property="Background" Value="#cccccc" />
                                                     <Setter Property="Foreground" Value="Black" />
-                                                    <Setter Property="Margin" Value="12 8 12 8" />
+                                                    <Setter Property="Margin" Value="12,8,12,8" />
                                                     <Setter Property="BorderBrush" Value="#cccccc" />
                                                 </Trigger>
                                                 <Trigger Property="IsMouseOver" Value="True">
-                                                    <Setter Property="Margin" Value="12 8 12 8" />
+                                                    <Setter Property="Margin" Value="12,8,12,8" />
                                                     <Setter Property="Foreground" Value="#3E99D1" />
                                                 </Trigger>
                                                 <Trigger Property="IsMouseOver" Value="False">
                                                     <Setter Property="Background" Value="#f3f3f3" />
                                                     <Setter Property="Foreground" Value="Black" />
-                                                    <Setter Property="Margin" Value="12 8 12 8" />
+                                                    <Setter Property="Margin" Value="12,8,12,8" />
                                                 </Trigger>
                                             </Style.Triggers>
                                         </Style>
                                     </ListBox.ItemContainerStyle>
                                     <ListBox.Template>
-                                        <!-- For Scroll Wheel inside listbox area -->
+                                        <!--  For Scroll Wheel inside listbox area  -->
                                         <ControlTemplate>
                                             <ItemsPresenter />
                                         </ControlTemplate>
                                     </ListBox.Template>
                                     <ListBox.ItemTemplate>
                                         <DataTemplate>
-                                            <Grid Height="40" Width="Auto" Margin="0 0 0 0">
-                                                <TextBlock Text="{Binding}" Margin="0" HorizontalAlignment="Center"
-                                                           VerticalAlignment="Center" Focusable="True" FontSize="13"
-                                                           TextWrapping="Wrap" Padding="10" />
+                                            <Grid
+                                                Width="Auto"
+                                                Height="40"
+                                                Margin="0,0,0,0">
+                                                <TextBlock
+                                                    Margin="0"
+                                                    Padding="10"
+                                                    HorizontalAlignment="Center"
+                                                    VerticalAlignment="Center"
+                                                    Focusable="True"
+                                                    FontSize="13"
+                                                    Text="{Binding}"
+                                                    TextWrapping="Wrap" />
                                             </Grid>
                                         </DataTemplate>
                                     </ListBox.ItemTemplate>
@@ -1175,9 +1540,11 @@
 
                             </Border>
                             <Border>
-                                <TextBlock DockPanel.Dock="Top" Margin="10" HorizontalAlignment="Right">
-                                    <Hyperlink NavigateUri="{Binding Theme, Mode=OneWay}"
-                                               RequestNavigate="OnRequestNavigate">
+                                <TextBlock
+                                    Margin="10"
+                                    HorizontalAlignment="Right"
+                                    DockPanel.Dock="Top">
+                                    <Hyperlink NavigateUri="{Binding Theme, Mode=OneWay}" RequestNavigate="OnRequestNavigate">
                                         <Run Text="{DynamicResource howToCreateTheme}" />
                                     </Hyperlink>
                                 </TextBlock>
@@ -1185,41 +1552,73 @@
                         </StackPanel>
 
 
-                        <StackPanel Grid.Row="4" Margin="0 0 0 10" Orientation="Vertical">
+                        <StackPanel
+                            Grid.Row="4"
+                            Margin="0,0,0,10"
+                            Orientation="Vertical">
 
-                            <Border Style="{DynamicResource SettingGroupBox}" Padding="0" CornerRadius="5"
-                                    Margin="0 30 0 0">
+                            <Border
+                                Margin="0,30,0,0"
+                                Padding="0"
+                                CornerRadius="5"
+                                Style="{DynamicResource SettingGroupBox}">
                                 <StackPanel Orientation="Vertical">
-                                    <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                                    <Border
+                                        Margin="0"
+                                        BorderThickness="0"
+                                        Style="{DynamicResource SettingGroupBox}">
                                         <ItemsControl Style="{StaticResource SettingGrid}">
                                             <StackPanel Style="{StaticResource TextPanel}">
-                                                <TextBlock Text="{DynamicResource useGlyphUI}"
-                                                           Style="{DynamicResource SettingTitleLabel}" />
-                                                <TextBlock Text="{DynamicResource useGlyphUIEffect}"
-                                                           Style="{DynamicResource SettingSubTitleLabel}" />
+                                                <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource useGlyphUI}" />
+                                                <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource useGlyphUIEffect}" />
                                             </StackPanel>
-                                            <ui:ToggleSwitch IsOn="{Binding UseGlyphIcons, Mode=TwoWay}" Width="80"
-                                                             Grid.Column="2" Grid.Row="0" Margin="0 0 18 0" />
-                                            <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                                                       Grid.Column="0" VerticalAlignment="Center" Margin="24 0 16 0">
+                                            <ui:ToggleSwitch
+                                                Grid.Row="0"
+                                                Grid.Column="2"
+                                                Width="80"
+                                                Margin="0,0,18,0"
+                                                IsOn="{Binding UseGlyphIcons, Mode=TwoWay}" />
+                                            <TextBlock
+                                                Grid.Column="0"
+                                                Margin="24,0,16,0"
+                                                VerticalAlignment="Center"
+                                                FontFamily="/Resources/#Segoe Fluent Icons"
+                                                FontSize="20">
                                                 &#xf6b8;
                                             </TextBlock>
                                         </ItemsControl>
                                     </Border>
-                                    <Separator BorderBrush="#e5e5e5" BorderThickness="1" Width="Auto" />
-                                    <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                                    <Separator
+                                        Width="Auto"
+                                        BorderBrush="#e5e5e5"
+                                        BorderThickness="1" />
+                                    <Border
+                                        Margin="0"
+                                        BorderThickness="0"
+                                        Style="{DynamicResource SettingGroupBox}">
                                         <ItemsControl Style="{StaticResource SettingGrid}">
-                                            <TextBlock Grid.Column="1" Text="{DynamicResource queryBoxFont}"
-                                                       VerticalAlignment="Center" />
-                                            <StackPanel Orientation="Horizontal" Grid.Column="2" Margin="0 0 20 0">
-                                                <ComboBox ItemsSource="{Binding Source={StaticResource SortedFonts}}"
-                                                          SelectedItem="{Binding SelectedQueryBoxFont}"
-                                                          HorizontalAlignment="Left" VerticalAlignment="Top"
-                                                          Width="180" Margin="20 0 0 0" />
-                                                <ComboBox ItemsSource="{Binding SelectedQueryBoxFont.FamilyTypefaces}"
-                                                          SelectedItem="{Binding SelectedQueryBoxFontFaces}"
-                                                          HorizontalAlignment="Left" VerticalAlignment="Top"
-                                                          Width="130" Margin="10 0 0 0">
+                                            <TextBlock
+                                                Grid.Column="1"
+                                                VerticalAlignment="Center"
+                                                Text="{DynamicResource queryBoxFont}" />
+                                            <StackPanel
+                                                Grid.Column="2"
+                                                Margin="0,0,20,0"
+                                                Orientation="Horizontal">
+                                                <ComboBox
+                                                    Width="180"
+                                                    Margin="20,0,0,0"
+                                                    HorizontalAlignment="Left"
+                                                    VerticalAlignment="Top"
+                                                    ItemsSource="{Binding Source={StaticResource SortedFonts}}"
+                                                    SelectedItem="{Binding SelectedQueryBoxFont}" />
+                                                <ComboBox
+                                                    Width="130"
+                                                    Margin="10,0,0,0"
+                                                    HorizontalAlignment="Left"
+                                                    VerticalAlignment="Top"
+                                                    ItemsSource="{Binding SelectedQueryBoxFont.FamilyTypefaces}"
+                                                    SelectedItem="{Binding SelectedQueryBoxFontFaces}">
                                                     <ComboBox.ItemTemplate>
                                                         <DataTemplate>
                                                             <ItemsControl ItemsSource="{Binding AdjustedFaceNames}">
@@ -1233,26 +1632,47 @@
                                                     </ComboBox.ItemTemplate>
                                                 </ComboBox>
                                             </StackPanel>
-                                            <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                                                       Grid.Column="0" VerticalAlignment="Center" Margin="24 0 16 0">
+                                            <TextBlock
+                                                Grid.Column="0"
+                                                Margin="24,0,16,0"
+                                                VerticalAlignment="Center"
+                                                FontFamily="/Resources/#Segoe Fluent Icons"
+                                                FontSize="20">
                                                 &#xe990;
                                             </TextBlock>
                                         </ItemsControl>
                                     </Border>
-                                    <Separator BorderBrush="#e5e5e5" BorderThickness="1" Width="Auto" />
-                                    <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                                    <Separator
+                                        Width="Auto"
+                                        BorderBrush="#e5e5e5"
+                                        BorderThickness="1" />
+                                    <Border
+                                        Margin="0"
+                                        BorderThickness="0"
+                                        Style="{DynamicResource SettingGroupBox}">
                                         <ItemsControl Style="{StaticResource SettingGrid}">
-                                            <TextBlock Grid.Column="1" Text="{DynamicResource resultItemFont}"
-                                                       VerticalAlignment="Center" />
-                                            <StackPanel Orientation="Horizontal" Grid.Column="2" Margin="0 0 20 0">
-                                                <ComboBox ItemsSource="{Binding Source={StaticResource SortedFonts}}"
-                                                          SelectedItem="{Binding SelectedResultFont}"
-                                                          HorizontalAlignment="Left" VerticalAlignment="Top"
-                                                          Width="180" Margin="20 -2 0 0" />
-                                                <ComboBox ItemsSource="{Binding SelectedResultFont.FamilyTypefaces}"
-                                                          SelectedItem="{Binding SelectedResultFontFaces}"
-                                                          HorizontalAlignment="Left" VerticalAlignment="Top"
-                                                          Width="130" Margin="10 -2 0 0">
+                                            <TextBlock
+                                                Grid.Column="1"
+                                                VerticalAlignment="Center"
+                                                Text="{DynamicResource resultItemFont}" />
+                                            <StackPanel
+                                                Grid.Column="2"
+                                                Margin="0,0,20,0"
+                                                Orientation="Horizontal">
+                                                <ComboBox
+                                                    Width="180"
+                                                    Margin="20,-2,0,0"
+                                                    HorizontalAlignment="Left"
+                                                    VerticalAlignment="Top"
+                                                    ItemsSource="{Binding Source={StaticResource SortedFonts}}"
+                                                    SelectedItem="{Binding SelectedResultFont}" />
+                                                <ComboBox
+                                                    Width="130"
+                                                    Margin="10,-2,0,0"
+                                                    HorizontalAlignment="Left"
+                                                    VerticalAlignment="Top"
+                                                    ItemsSource="{Binding SelectedResultFont.FamilyTypefaces}"
+                                                    SelectedItem="{Binding SelectedResultFontFaces}">
                                                     <ComboBox.ItemTemplate>
                                                         <DataTemplate>
                                                             <ItemsControl ItemsSource="{Binding AdjustedFaceNames}">
@@ -1266,8 +1686,12 @@
                                                     </ComboBox.ItemTemplate>
                                                 </ComboBox>
                                             </StackPanel>
-                                            <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                                                       Grid.Column="0" VerticalAlignment="Center" Margin="24 0 16 0">
+                                            <TextBlock
+                                                Grid.Column="0"
+                                                Margin="24,0,16,0"
+                                                VerticalAlignment="Center"
+                                                FontFamily="/Resources/#Segoe Fluent Icons"
+                                                FontSize="20">
                                                 &#xe8fd;
                                             </TextBlock>
                                         </ItemsControl>
@@ -1276,17 +1700,25 @@
                             </Border>
 
                             <StackPanel>
-                                <Border Style="{DynamicResource SettingGroupBox}" Margin="0 12 0 18">
+                                <Border Margin="0,12,0,18" Style="{DynamicResource SettingGroupBox}">
                                     <ItemsControl Style="{StaticResource SettingGrid}">
                                         <StackPanel Style="{StaticResource TextPanel}">
-                                            <TextBlock Text="{DynamicResource ThemeFolder}" Style="{DynamicResource SettingTitleLabel}" />
+                                            <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource ThemeFolder}" />
                                         </StackPanel>
-                                        <Button DockPanel.Dock="Top" Margin="0,0,18,0" Width="180"
-                                                HorizontalAlignment="Center"
-                                                Click="OpenPluginFolder" Grid.Column="2" Content="{DynamicResource OpenThemeFolder}">
-                                        </Button>
-                                        <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                                                   Grid.Column="0" VerticalAlignment="Center" Margin="24 0 16 0">
+                                        <Button
+                                            Grid.Column="2"
+                                            Width="180"
+                                            Margin="0,0,18,0"
+                                            HorizontalAlignment="Center"
+                                            Click="OpenPluginFolder"
+                                            Content="{DynamicResource OpenThemeFolder}"
+                                            DockPanel.Dock="Top" />
+                                        <TextBlock
+                                            Grid.Column="0"
+                                            Margin="24,0,16,0"
+                                            VerticalAlignment="Center"
+                                            FontFamily="/Resources/#Segoe Fluent Icons"
+                                            FontSize="20">
                                             &#xe838;
                                         </TextBlock>
                                     </ItemsControl>
@@ -1306,17 +1738,23 @@
                         <ColumnDefinition Width="Auto" />
                         <ColumnDefinition />
                     </Grid.ColumnDefinitions>
-                    <TextBlock Grid.Column="0" FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                               Margin="0 0 12 0">
+                    <TextBlock
+                        Grid.Column="0"
+                        Margin="0,0,12,0"
+                        FontFamily="/Resources/#Segoe Fluent Icons"
+                        FontSize="20">
                         &#xe92e;
                     </TextBlock>
                     <TextBlock Grid.Column="1" Text="{DynamicResource hotkey}" />
                 </Grid>
             </TabItem.Header>
-            <ScrollViewer ScrollViewer.CanContentScroll="False"
-                          Margin="0,0,0,0" Background="#f3f3f3" Padding="0 0 6 0">
+            <ScrollViewer
+                Margin="0,0,0,0"
+                Padding="0,0,6,0"
+                Background="#f3f3f3"
+                ScrollViewer.CanContentScroll="False">
                 <Border Background="#f3f3f3">
-                    <Grid Margin="5 18 18 10">
+                    <Grid Margin="5,18,18,10">
                         <Grid.RowDefinitions>
                             <RowDefinition Height="43" />
                             <RowDefinition Height="80" />
@@ -1325,83 +1763,118 @@
                             <RowDefinition Height="250" />
                             <RowDefinition Height="70" />
                         </Grid.RowDefinitions>
-                        <TextBlock Text="{DynamicResource hotkey}" Grid.Row="0" TextAlignment="left" FontSize="30"
-                                   Margin="0 5 0 2" />
+                        <TextBlock
+                            Grid.Row="0"
+                            Margin="0,5,0,2"
+                            FontSize="30"
+                            Text="{DynamicResource hotkey}"
+                            TextAlignment="left" />
 
                         <StackPanel Grid.Row="1">
-                            <Border Style="{DynamicResource SettingGroupBox}" Margin="0 12 0 0">
+                            <Border Margin="0,12,0,0" Style="{DynamicResource SettingGroupBox}">
                                 <ItemsControl Style="{StaticResource SettingGrid}">
                                     <StackPanel Style="{StaticResource TextPanel}">
-                                        <TextBlock Text="{DynamicResource flowlauncherHotkey}"
-                                                   Style="{DynamicResource SettingTitleLabel}" />
-                                        <TextBlock Text="{DynamicResource flowlauncherHotkeyToolTip}"
-                                                   Style="{DynamicResource SettingSubTitleLabel}" />
+                                        <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource flowlauncherHotkey}" />
+                                        <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource flowlauncherHotkeyToolTip}" />
                                     </StackPanel>
-                                    <flowlauncher:HotkeyControl x:Name="HotkeyControl" HotkeyChanged="OnHotkeyChanged"
-                                                                Loaded="OnHotkeyControlLoaded" Height="35"
-                                                                Grid.Column="2" Grid.Row="0" Width="300"
-                                                                Margin="0 0 0 0" HorizontalAlignment="Right"
-                                                                HorizontalContentAlignment="Right" />
+                                    <flowlauncher:HotkeyControl
+                                        x:Name="HotkeyControl"
+                                        Grid.Row="0"
+                                        Grid.Column="2"
+                                        Width="300"
+                                        Height="35"
+                                        Margin="0,0,0,0"
+                                        HorizontalAlignment="Right"
+                                        HorizontalContentAlignment="Right"
+                                        HotkeyChanged="OnHotkeyChanged"
+                                        Loaded="OnHotkeyControlLoaded" />
 
-                                    <TextBlock FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                                               Grid.Column="0" VerticalAlignment="Center" Margin="24 0 16 0">
+                                    <TextBlock
+                                        Grid.Column="0"
+                                        Margin="24,0,16,0"
+                                        VerticalAlignment="Center"
+                                        FontFamily="/Resources/#Segoe Fluent Icons"
+                                        FontSize="20">
                                         &#xeda7;
                                     </TextBlock>
                                 </ItemsControl>
                             </Border>
                         </StackPanel>
 
-                        <Border Style="{DynamicResource SettingGroupBox}" Padding="0" CornerRadius="5"
-                                Margin="0 12 0 0" Grid.Row="2">
+                        <Border
+                            Grid.Row="2"
+                            Margin="0,12,0,0"
+                            Padding="0"
+                            CornerRadius="5"
+                            Style="{DynamicResource SettingGroupBox}">
                             <StackPanel Orientation="Vertical">
-                                <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                                <Border
+                                    Margin="0"
+                                    BorderThickness="0"
+                                    Style="{DynamicResource SettingGroupBox}">
                                     <ItemsControl Style="{StaticResource SettingGrid}">
                                         <StackPanel Style="{StaticResource TextPanel}">
-                                        <TextBlock Grid.Column="1" Text="{DynamicResource openResultModifiers}"
-                                                   VerticalAlignment="Center" />
-                                            <TextBlock Text="{DynamicResource openResultModifiersToolTip}"
-                                                   Style="{DynamicResource SettingSubTitleLabel}" />
+                                            <TextBlock
+                                                Grid.Column="1"
+                                                VerticalAlignment="Center"
+                                                Text="{DynamicResource openResultModifiers}" />
+                                            <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource openResultModifiersToolTip}" />
                                         </StackPanel>
-                            <ComboBox Margin="0 0 18 0" Width="120"
-                                                  ItemsSource="{Binding OpenResultModifiersList}"
-                                                  SelectedItem="{Binding Settings.OpenResultModifiers}" FontSize="14"
-                                                  Grid.Column="2" />
+                                        <ComboBox
+                                            Grid.Column="2"
+                                            Width="120"
+                                            Margin="0,0,18,0"
+                                            FontSize="14"
+                                            ItemsSource="{Binding OpenResultModifiersList}"
+                                            SelectedItem="{Binding Settings.OpenResultModifiers}" />
                                     </ItemsControl>
                                 </Border>
 
-                                <Separator BorderBrush="#e5e5e5" BorderThickness="1" Width="Auto" />
-                                <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                                <Separator
+                                    Width="Auto"
+                                    BorderBrush="#e5e5e5"
+                                    BorderThickness="1" />
+                                <Border
+                                    Margin="0"
+                                    BorderThickness="0"
+                                    Style="{DynamicResource SettingGroupBox}">
                                     <ItemsControl Style="{StaticResource SettingGrid}">
-                                        <StackPanel Style="{StaticResource TextPanel}" Grid.Column="1">
-                                            <TextBlock Text="{DynamicResource showOpenResultHotkey}"
-                                                       VerticalAlignment="Center" />
-                                            <TextBlock Text="{DynamicResource showOpenResultHotkeyToolTip}"
-                                                       Style="{DynamicResource SettingSubTitleLabel}" />
+                                        <StackPanel Grid.Column="1" Style="{StaticResource TextPanel}">
+                                            <TextBlock VerticalAlignment="Center" Text="{DynamicResource showOpenResultHotkey}" />
+                                            <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource showOpenResultHotkeyToolTip}" />
                                         </StackPanel>
-                                        <CheckBox IsChecked="{Binding Settings.ShowOpenResultHotkey}"
-                                                  Style="{DynamicResource SideControlCheckBox}" />
+                                        <CheckBox IsChecked="{Binding Settings.ShowOpenResultHotkey}" Style="{DynamicResource SideControlCheckBox}" />
                                     </ItemsControl>
                                 </Border>
                             </StackPanel>
                         </Border>
 
-                        <TextBlock Grid.Row="3" VerticalAlignment="Center" Margin="0 0 12 2"
-                                   Text="{DynamicResource customQueryHotkey}" FontSize="14" Padding="0 12 0 0 " />
-                        <ListView Grid.Row="4" ItemsSource="{Binding Settings.CustomPluginHotkeys}"
-                                  SelectedItem="{Binding SelectedCustomPluginHotkey}"
-                                  Style="{StaticResource {x:Static GridView.GridViewStyleKey}}"
-                                  BorderBrush="DarkGray" BorderThickness="1" Background="#ffffff"
-                                  Margin="0 0 0 0">
+                        <TextBlock
+                            Grid.Row="3"
+                            Margin="0,0,12,2"
+                            Padding="0,12,0,0"
+                            VerticalAlignment="Center"
+                            FontSize="14"
+                            Text="{DynamicResource customQueryHotkey}" />
+                        <ListView
+                            Grid.Row="4"
+                            Margin="0,0,0,0"
+                            Background="#ffffff"
+                            BorderBrush="DarkGray"
+                            BorderThickness="1"
+                            ItemsSource="{Binding Settings.CustomPluginHotkeys}"
+                            SelectedItem="{Binding SelectedCustomPluginHotkey}"
+                            Style="{StaticResource {x:Static GridView.GridViewStyleKey}}">
                             <ListView.View>
                                 <GridView>
-                                    <GridViewColumn Header="{DynamicResource hotkey}" Width="180">
+                                    <GridViewColumn Width="180" Header="{DynamicResource hotkey}">
                                         <GridViewColumn.CellTemplate>
                                             <DataTemplate DataType="userSettings:CustomPluginHotkey">
                                                 <TextBlock Text="{Binding Hotkey}" />
                                             </DataTemplate>
                                         </GridViewColumn.CellTemplate>
                                     </GridViewColumn>
-                                    <GridViewColumn Header="{DynamicResource customQuery}" Width="540">
+                                    <GridViewColumn Width="540" Header="{DynamicResource customQuery}">
                                         <GridViewColumn.CellTemplate>
                                             <DataTemplate DataType="userSettings:CustomPluginHotkey">
                                                 <TextBlock Text="{Binding ActionKeyword}" />
@@ -1411,14 +1884,28 @@
                                 </GridView>
                             </ListView.View>
                         </ListView>
-                        <StackPanel Grid.Row="5" HorizontalAlignment="Right" VerticalAlignment="Top"
-                                    Orientation="Horizontal" Width="350" Margin="0">
-                            <Button Click="OnDeleteCustomHotkeyClick" Width="100"
-                                    Margin="10" Content="{DynamicResource delete}" />
-                            <Button Click="OnnEditCustomHotkeyClick" Width="100" Margin="10"
-                                    Content="{DynamicResource edit}" />
-                            <Button Click="OnAddCustomeHotkeyClick" Width="100" Margin="10 10 0 10"
-                                    Content="{DynamicResource add}" />
+                        <StackPanel
+                            Grid.Row="5"
+                            Width="350"
+                            Margin="0"
+                            HorizontalAlignment="Right"
+                            VerticalAlignment="Top"
+                            Orientation="Horizontal">
+                            <Button
+                                Width="100"
+                                Margin="10"
+                                Click="OnDeleteCustomHotkeyClick"
+                                Content="{DynamicResource delete}" />
+                            <Button
+                                Width="100"
+                                Margin="10"
+                                Click="OnnEditCustomHotkeyClick"
+                                Content="{DynamicResource edit}" />
+                            <Button
+                                Width="100"
+                                Margin="10,10,0,10"
+                                Click="OnAddCustomeHotkeyClick"
+                                Content="{DynamicResource add}" />
                         </StackPanel>
                     </Grid>
                 </Border>
@@ -1433,85 +1920,162 @@
                         <ColumnDefinition Width="Auto" />
                         <ColumnDefinition />
                     </Grid.ColumnDefinitions>
-                    <TextBlock Grid.Column="0" FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                               Margin="0 0 12 0">
+                    <TextBlock
+                        Grid.Column="0"
+                        Margin="0,0,12,0"
+                        FontFamily="/Resources/#Segoe Fluent Icons"
+                        FontSize="20">
                         &#xec27;
                     </TextBlock>
                     <TextBlock Grid.Column="1" Text="{DynamicResource proxy}" />
                 </Grid>
             </TabItem.Header>
-            <ScrollViewer ScrollViewer.CanContentScroll="False"
-                          Margin="0,0,0,0" Background="#f3f3f3" Padding="5 0 24 0">
+            <ScrollViewer
+                Margin="0,0,0,0"
+                Padding="5,0,24,0"
+                Background="#f3f3f3"
+                ScrollViewer.CanContentScroll="False">
                 <Border Background="#f3f3f3">
 
                     <StackPanel>
-                        <Border Margin="0 18 0 0">
-                            <TextBlock Text="{DynamicResource proxy}" Grid.Row="0" TextAlignment="left" FontSize="30"
-                                       Margin="0 5 0 0" />
+                        <Border Margin="0,18,0,0">
+                            <TextBlock
+                                Grid.Row="0"
+                                Margin="0,5,0,0"
+                                FontSize="30"
+                                Text="{DynamicResource proxy}"
+                                TextAlignment="left" />
                         </Border>
 
 
-                        <Border Style="{DynamicResource SettingGroupBox}" Padding="0" CornerRadius="5"
-                                Margin="0 10 0 0">
+                        <Border
+                            Margin="0,10,0,0"
+                            Padding="0"
+                            CornerRadius="5"
+                            Style="{DynamicResource SettingGroupBox}">
                             <StackPanel Orientation="Vertical">
-                                <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                                <Border
+                                    Margin="0"
+                                    BorderThickness="0"
+                                    Style="{DynamicResource SettingGroupBox}">
                                     <ItemsControl Style="{StaticResource SettingGrid}">
-                                        <TextBlock Grid.Column="1" Text="{DynamicResource enableProxy}"
-                                                   VerticalAlignment="Center" />
-                                        <CheckBox IsChecked="{Binding Settings.Proxy.Enabled}"
-                                                  Style="{DynamicResource SideControlCheckBox}" />
+                                        <TextBlock
+                                            Grid.Column="1"
+                                            VerticalAlignment="Center"
+                                            Text="{DynamicResource enableProxy}" />
+                                        <CheckBox IsChecked="{Binding Settings.Proxy.Enabled}" Style="{DynamicResource SideControlCheckBox}" />
                                     </ItemsControl>
                                 </Border>
-                                <Separator BorderBrush="#e5e5e5" BorderThickness="1" Width="Auto" />
-                                <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                                <Separator
+                                    Width="Auto"
+                                    BorderBrush="#e5e5e5"
+                                    BorderThickness="1" />
+                                <Border
+                                    Margin="0"
+                                    BorderThickness="0"
+                                    Style="{DynamicResource SettingGroupBox}">
                                     <ItemsControl Style="{StaticResource SettingGrid}">
-                                        <TextBlock Grid.Column="1" Text="{DynamicResource server}"
-                                                   VerticalAlignment="Center" Margin="22 0 0 0" />
-                                        <TextBox Text="{Binding Settings.Proxy.Server}" Grid.Column="2" Padding="5"
-                                                 Margin="0 0 16 0" IsEnabled="{Binding Settings.Proxy.Enabled}"
-                                                 Width="300" />
-                                    </ItemsControl>
-                                </Border>
-                                <Separator BorderBrush="#e5e5e5" BorderThickness="1" Width="Auto" />
-                                <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
-                                    <ItemsControl Style="{StaticResource SettingGrid}">
-                                        <TextBlock Grid.Column="1" Text="{DynamicResource port}"
-                                                   VerticalAlignment="Center" Margin="22 0 0 0" />
+                                        <TextBlock
+                                            Grid.Column="1"
+                                            Margin="22,0,0,0"
+                                            VerticalAlignment="Center"
+                                            Text="{DynamicResource server}" />
                                         <TextBox
-                                            Text="{Binding Settings.Proxy.Port, TargetNullValue={x:Static sys:String.Empty} }"
-                                            Grid.Column="2" IsEnabled="{Binding Settings.Proxy.Enabled}" Width="100"
-                                            Margin="0 0 16 0" />
+                                            Grid.Column="2"
+                                            Width="300"
+                                            Margin="0,0,16,0"
+                                            Padding="5"
+                                            IsEnabled="{Binding Settings.Proxy.Enabled}"
+                                            Text="{Binding Settings.Proxy.Server}" />
                                     </ItemsControl>
                                 </Border>
-                                <Separator BorderBrush="#e5e5e5" BorderThickness="1" Width="Auto" />
-                                <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                                <Separator
+                                    Width="Auto"
+                                    BorderBrush="#e5e5e5"
+                                    BorderThickness="1" />
+                                <Border
+                                    Margin="0"
+                                    BorderThickness="0"
+                                    Style="{DynamicResource SettingGroupBox}">
                                     <ItemsControl Style="{StaticResource SettingGrid}">
-                                        <TextBlock Grid.Column="1" Text="{DynamicResource userName}"
-                                                   VerticalAlignment="Center" Margin="22 0 0 0" />
-                                        <TextBox Text="{Binding Settings.Proxy.UserName}" Grid.Column="2" Padding="5"
-                                                 IsEnabled="{Binding Settings.Proxy.Enabled}" Width="200"
-                                                 Margin="0 0 16 0" />
+                                        <TextBlock
+                                            Grid.Column="1"
+                                            Margin="22,0,0,0"
+                                            VerticalAlignment="Center"
+                                            Text="{DynamicResource port}" />
+                                        <TextBox
+                                            Grid.Column="2"
+                                            Width="100"
+                                            Margin="0,0,16,0"
+                                            IsEnabled="{Binding Settings.Proxy.Enabled}"
+                                            Text="{Binding Settings.Proxy.Port, TargetNullValue={x:Static sys:String.Empty}}" />
                                     </ItemsControl>
                                 </Border>
-                                <Separator BorderBrush="#e5e5e5" BorderThickness="1" Width="Auto" />
-                                <Border Style="{DynamicResource SettingGroupBox}" Margin="0" BorderThickness="0">
+                                <Separator
+                                    Width="Auto"
+                                    BorderBrush="#e5e5e5"
+                                    BorderThickness="1" />
+                                <Border
+                                    Margin="0"
+                                    BorderThickness="0"
+                                    Style="{DynamicResource SettingGroupBox}">
                                     <ItemsControl Style="{StaticResource SettingGrid}">
-                                        <TextBlock Grid.Column="1" Text="{DynamicResource password}"
-                                                   VerticalAlignment="Center" Margin="22 0 0 0" />
-                                        <TextBox Text="{Binding Settings.Proxy.Password}" Grid.Column="2" Padding="5"
-                                                 IsEnabled="{Binding Settings.Proxy.Enabled}" Width="200"
-                                                 Margin="0 0 16 0" />
+                                        <TextBlock
+                                            Grid.Column="1"
+                                            Margin="22,0,0,0"
+                                            VerticalAlignment="Center"
+                                            Text="{DynamicResource userName}" />
+                                        <TextBox
+                                            Grid.Column="2"
+                                            Width="200"
+                                            Margin="0,0,16,0"
+                                            Padding="5"
+                                            IsEnabled="{Binding Settings.Proxy.Enabled}"
+                                            Text="{Binding Settings.Proxy.UserName}" />
+                                    </ItemsControl>
+                                </Border>
+                                <Separator
+                                    Width="Auto"
+                                    BorderBrush="#e5e5e5"
+                                    BorderThickness="1" />
+                                <Border
+                                    Margin="0"
+                                    BorderThickness="0"
+                                    Style="{DynamicResource SettingGroupBox}">
+                                    <ItemsControl Style="{StaticResource SettingGrid}">
+                                        <TextBlock
+                                            Grid.Column="1"
+                                            Margin="22,0,0,0"
+                                            VerticalAlignment="Center"
+                                            Text="{DynamicResource password}" />
+                                        <TextBox
+                                            Grid.Column="2"
+                                            Width="200"
+                                            Margin="0,0,16,0"
+                                            Padding="5"
+                                            IsEnabled="{Binding Settings.Proxy.Enabled}"
+                                            Text="{Binding Settings.Proxy.Password}" />
                                     </ItemsControl>
                                 </Border>
                             </StackPanel>
                         </Border>
-                        <Border Style="{DynamicResource SettingGroupBox}" Margin="0 12 0 0" BorderThickness="0">
+                        <Border
+                            Margin="0,12,0,0"
+                            BorderThickness="0"
+                            Style="{DynamicResource SettingGroupBox}">
                             <ItemsControl Style="{StaticResource SettingGrid}">
-                                <TextBlock Grid.Column="1" Text="{DynamicResource testProxy}"
-                                           VerticalAlignment="Center" />
-                                <Button Content="{DynamicResource testProxy}"
-                                        IsEnabled="{Binding Settings.Proxy.Enabled}" HorizontalAlignment="Right"
-                                        Margin="0 0 16 0" Width="150" Click="OnTestProxyClick" Grid.Column="2" />
+                                <TextBlock
+                                    Grid.Column="1"
+                                    VerticalAlignment="Center"
+                                    Text="{DynamicResource testProxy}" />
+                                <Button
+                                    Grid.Column="2"
+                                    Width="150"
+                                    Margin="0,0,16,0"
+                                    HorizontalAlignment="Right"
+                                    Click="OnTestProxyClick"
+                                    Content="{DynamicResource testProxy}"
+                                    IsEnabled="{Binding Settings.Proxy.Enabled}" />
                             </ItemsControl>
                         </Border>
                     </StackPanel>
@@ -1525,8 +2089,11 @@
                         <ColumnDefinition Width="Auto" />
                         <ColumnDefinition />
                     </Grid.ColumnDefinitions>
-                    <TextBlock Grid.Column="0" FontFamily="/Resources/#Segoe Fluent Icons" FontSize="20"
-                               Margin="0 0 12 0">
+                    <TextBlock
+                        Grid.Column="0"
+                        Margin="0,0,12,0"
+                        FontFamily="/Resources/#Segoe Fluent Icons"
+                        FontSize="20">
                         &#xe946;
                     </TextBlock>
                     <TextBlock Grid.Column="1" Text="{DynamicResource about}" />
@@ -1537,7 +2104,7 @@
                     <!--<TextBlock Text="{DynamicResource about}" Grid.Row="0" TextAlignment="left" FontSize="30" Margin="0 5 0 5"/>  -->
                     <Grid.Resources>
                         <Style TargetType="{x:Type TextBlock}">
-                            <Setter Property="Margin" Value="10, 25, 0, 0" />
+                            <Setter Property="Margin" Value="10,25,0,0" />
                             <Setter Property="FontSize" Value="14" />
                         </Style>
                     </Grid.Resources>
@@ -1553,33 +2120,56 @@
                         <RowDefinition Height="Auto" />
                         <RowDefinition Height="Auto" />
                     </Grid.RowDefinitions>
-                    <TextBlock Grid.Row="0" Grid.ColumnSpan="2" Text="{Binding ActivatedTimes, Mode=OneWay}"
-                               FontSize="12" />
-                    <TextBlock Grid.Row="1" Grid.Column="0" Text="{DynamicResource website}" />
-                    <TextBlock Grid.Row="1" Grid.Column="1" HorizontalAlignment="Left">
+                    <TextBlock
+                        Grid.Row="0"
+                        Grid.ColumnSpan="2"
+                        FontSize="12"
+                        Text="{Binding ActivatedTimes, Mode=OneWay}" />
+                    <TextBlock
+                        Grid.Row="1"
+                        Grid.Column="0"
+                        Text="{DynamicResource website}" />
+                    <TextBlock
+                        Grid.Row="1"
+                        Grid.Column="1"
+                        HorizontalAlignment="Left">
                         <Hyperlink NavigateUri="{Binding Website, Mode=OneWay}" RequestNavigate="OnRequestNavigate">
                             <Run Text="{Binding Website, Mode=OneWay}" />
                         </Hyperlink>
                     </TextBlock>
-                    <TextBlock Grid.Row="2" Grid.Column="0" Text="Version" />
-                    <TextBlock Grid.Row="2" Grid.Column="1" Text="{Binding Version}" />
-                    <TextBlock Grid.Row="3" Grid.Column="0" Text="{DynamicResource releaseNotes}" />
+                    <TextBlock
+                        Grid.Row="2"
+                        Grid.Column="0"
+                        Text="Version" />
+                    <TextBlock
+                        Grid.Row="2"
+                        Grid.Column="1"
+                        Text="{Binding Version}" />
+                    <TextBlock
+                        Grid.Row="3"
+                        Grid.Column="0"
+                        Text="{DynamicResource releaseNotes}" />
                     <TextBlock Grid.Row="3" Grid.Column="1">
-                        <Hyperlink NavigateUri="{Binding ReleaseNotes, Mode=OneWay}"
-                                   RequestNavigate="OnRequestNavigate">
+                        <Hyperlink NavigateUri="{Binding ReleaseNotes, Mode=OneWay}" RequestNavigate="OnRequestNavigate">
                             <Run Text="{Binding ReleaseNotes, Mode=OneWay}" />
                         </Hyperlink>
                     </TextBlock>
-                    <TextBlock Grid.Row="4" Grid.Column="0" Text="{DynamicResource documentation}" />
+                    <TextBlock
+                        Grid.Row="4"
+                        Grid.Column="0"
+                        Text="{DynamicResource documentation}" />
                     <TextBlock Grid.Row="4" Grid.Column="1">
-                        <Hyperlink NavigateUri="{Binding Documentation, Mode=OneWay}"
-                                   RequestNavigate="OnRequestNavigate">
+                        <Hyperlink NavigateUri="{Binding Documentation, Mode=OneWay}" RequestNavigate="OnRequestNavigate">
                             <Run Text="{Binding Documentation, Mode=OneWay}" />
                         </Hyperlink>
                     </TextBlock>
-                    <Button Grid.Row="5" Grid.Column="0"
-                            Content="{DynamicResource checkUpdates}" Click="OnCheckUpdates"
-                            HorizontalAlignment="Left" Margin="10 30 10 10" />
+                    <Button
+                        Grid.Row="5"
+                        Grid.Column="0"
+                        Margin="10,30,10,10"
+                        HorizontalAlignment="Left"
+                        Click="OnCheckUpdates"
+                        Content="{DynamicResource checkUpdates}" />
                 </Grid>
             </Border>
         </TabItem>

From b61f8e8a55dd2a19109ee9ffac97da78495fdfdb Mon Sep 17 00:00:00 2001
From: DB p <onesound@oooz.net>
Date: Sun, 7 Nov 2021 18:17:30 +0900
Subject: [PATCH 3/4] - Add Custom TextBox

---
 .../Resources/CustomControlTemplate.xaml      | 894 ++++++++++++++++++
 Flow.Launcher/SettingWindow.xaml              |   3 +-
 2 files changed, 896 insertions(+), 1 deletion(-)

diff --git a/Flow.Launcher/Resources/CustomControlTemplate.xaml b/Flow.Launcher/Resources/CustomControlTemplate.xaml
index e4df44cdb..41cb7d6ce 100644
--- a/Flow.Launcher/Resources/CustomControlTemplate.xaml
+++ b/Flow.Launcher/Resources/CustomControlTemplate.xaml
@@ -4,6 +4,900 @@
     xmlns:system="clr-namespace:System;assembly=mscorlib"
     xmlns:ui="http://schemas.modernwpf.com/2019">
 
+    <!--  Combo Box  -->
+    <Thickness x:Key="ComboBoxTopHeaderMargin">0,0,0,4</Thickness>
+    <Thickness x:Key="ComboBoxPadding">12,6,0,6</Thickness>
+    <Thickness x:Key="ComboBoxEditableTextPadding">11,5,32,6</Thickness>
+    <system:Double x:Key="ComboBoxMinHeight">32</system:Double>
+
+    <Style x:Key="DefaultComboBoxItemStyle" TargetType="ComboBoxItem">
+        <Setter Property="OverridesDefaultStyle" Value="True" />
+        <Setter Property="SnapsToDevicePixels" Value="True" />
+        <Setter Property="Foreground" Value="{DynamicResource ComboBoxItemForeground}" />
+        <Setter Property="Background" Value="{DynamicResource ComboBoxItemBackground}" />
+        <Setter Property="KeyboardNavigation.TabNavigation" Value="Local" />
+        <Setter Property="Padding" Value="{DynamicResource ComboBoxItemThemePadding}" />
+        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="FocusVisualStyle" Value="{DynamicResource {x:Static SystemParameters.FocusVisualStyleKey}}" />
+        <Setter Property="ui:FocusVisualHelper.UseSystemFocusVisuals" Value="True" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ComboBoxItem">
+                    <Border
+                        x:Name="LayoutRoot"
+                        Background="{TemplateBinding Background}"
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        SnapsToDevicePixels="True">
+                        <ContentPresenter
+                            x:Name="ContentPresenter"
+                            Margin="{TemplateBinding Padding}"
+                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                            TextElement.Foreground="{TemplateBinding Foreground}" />
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsSelected" Value="False" />
+                                <Condition Property="IsMouseOver" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="LayoutRoot" Property="Background" Value="{DynamicResource ComboBoxItemBackgroundPointerOver}" />
+                            <Setter TargetName="LayoutRoot" Property="BorderBrush" Value="{DynamicResource ComboBoxItemBorderBrushPointerOver}" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxItemForegroundPointerOver}" />
+                        </MultiTrigger>
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsSelected" Value="False" />
+                                <Condition Property="IsEnabled" Value="False" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="LayoutRoot" Property="Background" Value="{DynamicResource ComboBoxItemBackgroundDisabled}" />
+                            <Setter TargetName="LayoutRoot" Property="BorderBrush" Value="{DynamicResource ComboBoxItemBorderBrushDisabled}" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxItemForegroundDisabled}" />
+                        </MultiTrigger>
+                        <!--  Selected  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsSelected" Value="True" />
+                                <Condition Property="IsFocused" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="LayoutRoot" Property="Background" Value="{DynamicResource ComboBoxItemBackgroundSelected}" />
+                            <Setter TargetName="LayoutRoot" Property="BorderBrush" Value="{DynamicResource ComboBoxItemBorderBrushSelected}" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxItemForegroundSelected}" />
+                        </MultiTrigger>
+                        <!--  SelectedUnfocused  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsSelected" Value="True" />
+                                <Condition Property="IsFocused" Value="False" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="LayoutRoot" Property="Background" Value="{DynamicResource ComboBoxItemBackgroundSelectedUnfocused}" />
+                            <Setter TargetName="LayoutRoot" Property="BorderBrush" Value="{DynamicResource ComboBoxItemBorderBrushSelectedUnfocused}" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxItemForegroundSelectedUnfocused}" />
+                        </MultiTrigger>
+                        <!--  SelectedDisabled  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsSelected" Value="True" />
+                                <Condition Property="IsEnabled" Value="False" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="LayoutRoot" Property="Background" Value="{DynamicResource ComboBoxItemBackgroundSelectedDisabled}" />
+                            <Setter TargetName="LayoutRoot" Property="BorderBrush" Value="{DynamicResource ComboBoxItemBorderBrushSelectedDisabled}" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxItemForegroundSelectedDisabled}" />
+                        </MultiTrigger>
+                        <!--  SelectedPointerOver  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsSelected" Value="True" />
+                                <Condition Property="IsMouseOver" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="LayoutRoot" Property="Background" Value="{DynamicResource ComboBoxItemBackgroundSelectedPointerOver}" />
+                            <Setter TargetName="LayoutRoot" Property="BorderBrush" Value="{DynamicResource ComboBoxItemBorderBrushSelectedPointerOver}" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxItemForegroundSelectedPointerOver}" />
+                        </MultiTrigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style BasedOn="{StaticResource DefaultComboBoxItemStyle}" TargetType="ComboBoxItem" />
+
+    <Style x:Key="ComboBoxToggleButton" TargetType="ToggleButton">
+        <Setter Property="OverridesDefaultStyle" Value="true" />
+        <Setter Property="IsTabStop" Value="false" />
+        <Setter Property="Focusable" Value="false" />
+        <Setter Property="ClickMode" Value="Release" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ToggleButton">
+                    <Grid Background="{TemplateBinding Background}" SnapsToDevicePixels="True" />
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style
+        x:Key="ComboBoxTextBoxStyle"
+        BasedOn="{StaticResource DefaultTextBoxStyle}"
+        TargetType="TextBox">
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="TextBox">
+                    <Grid SnapsToDevicePixels="True">
+                        <Border
+                            x:Name="BorderElement"
+                            Background="{TemplateBinding Background}"
+                            BorderBrush="{TemplateBinding BorderBrush}"
+                            BorderThickness="{TemplateBinding BorderThickness}"
+                            CornerRadius="{TemplateBinding ui:ControlHelper.CornerRadius}" />
+                        <ScrollViewer
+                            x:Name="PART_ContentHost"
+                            Margin="{TemplateBinding BorderThickness}"
+                            Padding="{TemplateBinding Padding}"
+                            HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
+                            IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
+                            IsTabStop="False"
+                            Style="{DynamicResource TextControlContentHostStyle}"
+                            VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}" />
+                        <TextBlock
+                            x:Name="PlaceholderTextContentPresenter"
+                            Margin="{TemplateBinding BorderThickness}"
+                            Padding="{TemplateBinding Padding}"
+                            Foreground="{DynamicResource TextControlPlaceholderForeground}"
+                            IsHitTestVisible="False"
+                            Text="{TemplateBinding ui:ControlHelper.PlaceholderText}"
+                            TextAlignment="{TemplateBinding TextAlignment}"
+                            TextWrapping="{TemplateBinding TextWrapping}"
+                            Visibility="Collapsed" />
+                    </Grid>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsEnabled" Value="False">
+                            <Setter TargetName="BorderElement" Property="Background" Value="{DynamicResource TextControlBackgroundDisabled}" />
+                            <Setter TargetName="BorderElement" Property="BorderBrush" Value="{DynamicResource TextControlBorderBrushDisabled}" />
+                            <Setter TargetName="PART_ContentHost" Property="Foreground" Value="{DynamicResource TextControlForegroundDisabled}" />
+                            <Setter TargetName="PlaceholderTextContentPresenter" Property="Foreground" Value="{DynamicResource TextControlPlaceholderForegroundDisabled}" />
+                        </Trigger>
+                        <Trigger Property="IsMouseOver" Value="True">
+                            <Setter TargetName="BorderElement" Property="Background" Value="{DynamicResource TextControlBackgroundPointerOver}" />
+                            <Setter TargetName="BorderElement" Property="BorderBrush" Value="{DynamicResource TextControlBorderBrushPointerOver}" />
+                            <Setter TargetName="PART_ContentHost" Property="Foreground" Value="{DynamicResource TextControlForegroundPointerOver}" />
+                            <Setter TargetName="PlaceholderTextContentPresenter" Property="Foreground" Value="{DynamicResource TextControlPlaceholderForegroundPointerOver}" />
+                        </Trigger>
+                        <Trigger Property="IsSelectionActive" Value="True">
+                            <Setter TargetName="BorderElement" Property="Background" Value="{DynamicResource TextControlBackgroundFocused}" />
+                            <Setter TargetName="BorderElement" Property="BorderBrush" Value="{DynamicResource TextControlBorderBrushFocused}" />
+                            <Setter TargetName="BorderElement" Property="BorderThickness" Value="{DynamicResource TextControlBorderThemeThicknessFocused}" />
+                            <Setter Property="Foreground" Value="{DynamicResource TextControlForegroundFocused}" />
+                            <Setter Property="CaretBrush" Value="{DynamicResource TextControlForegroundFocused}" />
+                            <Setter TargetName="PlaceholderTextContentPresenter" Property="Foreground" Value="{DynamicResource TextControlPlaceholderForegroundFocused}" />
+                        </Trigger>
+                        <Trigger Property="Text" Value="">
+                            <Setter TargetName="PlaceholderTextContentPresenter" Property="Visibility" Value="Visible" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style x:Key="DefaultComboBoxStyle" TargetType="ComboBox">
+        <Setter Property="OverridesDefaultStyle" Value="True" />
+        <Setter Property="Padding" Value="{DynamicResource ComboBoxPadding}" />
+        <Setter Property="MaxDropDownHeight" Value="504" />
+        <Setter Property="Foreground" Value="{DynamicResource ComboBoxForeground}" />
+        <Setter Property="Background" Value="{DynamicResource ComboBoxBackground}" />
+        <Setter Property="BorderBrush" Value="{DynamicResource ComboBoxBorderBrush}" />
+        <Setter Property="BorderThickness" Value="{DynamicResource ComboBoxBorderThemeThickness}" />
+        <Setter Property="KeyboardNavigation.TabNavigation" Value="Once" />
+        <Setter Property="ui:ComboBoxHelper.TextBoxStyle" Value="{StaticResource ComboBoxTextBoxStyle}" />
+        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled" />
+        <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto" />
+        <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False" />
+        <Setter Property="ScrollViewer.CanContentScroll" Value="true" />
+        <Setter Property="ScrollViewer.PanningMode" Value="Both" />
+        <Setter Property="Stylus.IsFlicksEnabled" Value="False" />
+        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="HorizontalAlignment" Value="Left" />
+        <Setter Property="VerticalAlignment" Value="Top" />
+        <Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" />
+        <Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" />
+        <Setter Property="ui:ControlHelper.PlaceholderForeground" Value="{DynamicResource ComboBoxPlaceHolderForeground}" />
+        <Setter Property="ui:FocusVisualHelper.UseSystemFocusVisuals" Value="{DynamicResource IsApplicationFocusVisualKindReveal}" />
+        <Setter Property="FocusVisualStyle" Value="{DynamicResource {x:Static SystemParameters.FocusVisualStyleKey}}" />
+        <Setter Property="ui:ComboBoxHelper.KeepInteriorCornersSquare" Value="True" />
+        <Setter Property="ui:ControlHelper.CornerRadius" Value="{DynamicResource ControlCornerRadius}" />
+        <Setter Property="Validation.ErrorTemplate" Value="{DynamicResource TextControlValidationErrorTemplate}" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ComboBox">
+                    <ControlTemplate.Resources>
+                        <StreamGeometry x:Key="ChevronDown">M 18.935547 4.560547 L 19.814453 5.439453 L 10 15.253906 L 0.185547 5.439453 L 1.064453 4.560547 L 10 13.496094 Z</StreamGeometry>
+                    </ControlTemplate.Resources>
+
+                    <Grid x:Name="LayoutRoot" SnapsToDevicePixels="True">
+                        <Grid.Resources>
+                            <Storyboard x:Key="OverlayOpeningAnimation">
+                                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Shdw" Storyboard.TargetProperty="Opacity">
+                                    <DiscreteDoubleKeyFrame KeyTime="0:0:0" Value="0.0" />
+                                    <SplineDoubleKeyFrame
+                                        KeySpline="0.1,0.9 0.2,1.0"
+                                        KeyTime="0:0:0.383"
+                                        Value="1.0" />
+                                </DoubleAnimationUsingKeyFrames>
+                            </Storyboard>
+                        </Grid.Resources>
+
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto" />
+                            <RowDefinition Height="*" />
+                            <RowDefinition Height="Auto" />
+                        </Grid.RowDefinitions>
+
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="32" />
+                        </Grid.ColumnDefinitions>
+
+                        <ui:ContentPresenterEx
+                            x:Name="HeaderContentPresenter"
+                            Grid.Row="0"
+                            Grid.Column="0"
+                            Grid.ColumnSpan="2"
+                            Margin="{DynamicResource ComboBoxTopHeaderMargin}"
+                            VerticalAlignment="Top"
+                            Content="{TemplateBinding ui:ControlHelper.Header}"
+                            ContentTemplate="{TemplateBinding ui:ControlHelper.HeaderTemplate}"
+                            FlowDirection="{TemplateBinding FlowDirection}"
+                            FontWeight="{DynamicResource ComboBoxHeaderThemeFontWeight}"
+                            Foreground="{DynamicResource ComboBoxHeaderForeground}"
+                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                            TextWrapping="Wrap"
+                            Visibility="{TemplateBinding ui:ControlHelper.HeaderVisibility}" />
+                        <Border
+                            x:Name="Background"
+                            Grid.Row="1"
+                            Grid.Column="0"
+                            Grid.ColumnSpan="2"
+                            MinWidth="{DynamicResource ComboBoxThemeMinWidth}"
+                            ui:ValidationHelper.IsTemplateValidationAdornerSite="True"
+                            Background="{TemplateBinding Background}"
+                            BorderBrush="{TemplateBinding BorderBrush}"
+                            BorderThickness="{TemplateBinding BorderThickness}"
+                            CornerRadius="{TemplateBinding ui:ControlHelper.CornerRadius}" />
+                        <Border
+                            x:Name="HighlightBackground"
+                            Grid.Row="1"
+                            Grid.Column="0"
+                            Grid.ColumnSpan="2"
+                            Background="{DynamicResource ComboBoxBackgroundUnfocused}"
+                            BorderBrush="{DynamicResource ComboBoxBackgroundBorderBrushUnfocused}"
+                            BorderThickness="{TemplateBinding BorderThickness}"
+                            CornerRadius="{TemplateBinding ui:ControlHelper.CornerRadius}"
+                            Opacity="0" />
+                        <ContentPresenter
+                            x:Name="ContentPresenter"
+                            Grid.Row="1"
+                            Grid.Column="0"
+                            Margin="{TemplateBinding Padding}"
+                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                            Content="{TemplateBinding SelectionBoxItem}"
+                            ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}"
+                            ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
+                            ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"
+                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
+                        <TextBlock
+                            x:Name="PlaceholderTextBlock"
+                            Grid.Row="1"
+                            Grid.Column="0"
+                            Margin="{TemplateBinding Padding}"
+                            Padding="0,0,32,0"
+                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                            Foreground="{TemplateBinding ui:ControlHelper.PlaceholderForeground}"
+                            IsHitTestVisible="False"
+                            Text="{TemplateBinding ui:ControlHelper.PlaceholderText}"
+                            Visibility="Collapsed" />
+                        <ToggleButton
+                            x:Name="ToggleButton"
+                            Grid.Row="1"
+                            Grid.Column="0"
+                            Grid.ColumnSpan="2"
+                            Background="Transparent"
+                            IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
+                            Style="{StaticResource ComboBoxToggleButton}" />
+                        <TextBox
+                            x:Name="PART_EditableTextBox"
+                            Grid.Row="1"
+                            Grid.Column="0"
+                            Grid.ColumnSpan="2"
+                            Margin="0,0,0,0"
+                            Padding="{DynamicResource ComboBoxEditableTextPadding}"
+                            HorizontalAlignment="Stretch"
+                            VerticalAlignment="Stretch"
+                            HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                            VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                            ui:ControlHelper.CornerRadius="{TemplateBinding ui:ControlHelper.CornerRadius}"
+                            ui:ControlHelper.PlaceholderForeground="{TemplateBinding ui:ControlHelper.PlaceholderForeground}"
+                            ui:ControlHelper.PlaceholderText="{TemplateBinding ui:ControlHelper.PlaceholderText}"
+                            AutomationProperties.Name="{TemplateBinding AutomationProperties.Name}"
+                            BorderBrush="Transparent"
+                            IsReadOnly="{TemplateBinding IsReadOnly}"
+                            Style="{TemplateBinding ui:ComboBoxHelper.TextBoxStyle}"
+                            Visibility="Collapsed" />
+                        <ToggleButton
+                            x:Name="DropDownOverlay"
+                            Grid.Row="1"
+                            Grid.Column="1"
+                            Width="30"
+                            Margin="0,1,1,1"
+                            HorizontalAlignment="Right"
+                            Background="Transparent"
+                            IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"
+                            Style="{StaticResource ComboBoxToggleButton}"
+                            Visibility="Collapsed" />
+                        <ui:FontIconFallback
+                            x:Name="DropDownGlyph"
+                            Grid.Row="1"
+                            Grid.Column="1"
+                            MinHeight="{DynamicResource ComboBoxMinHeight}"
+                            Margin="0,0,10,0"
+                            HorizontalAlignment="Right"
+                            VerticalAlignment="Center"
+                            Data="{StaticResource ChevronDown}"
+                            FontFamily="{DynamicResource SymbolThemeFontFamily}"
+                            FontSize="12"
+                            Foreground="{DynamicResource ComboBoxDropDownGlyphForeground}"
+                            IsHitTestVisible="False" />
+                        <ContentPresenter
+                            x:Name="DescriptionPresenter"
+                            Grid.Row="2"
+                            Grid.Column="0"
+                            Grid.ColumnSpan="2"
+                            Content="{TemplateBinding ui:ControlHelper.Description}"
+                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                            TextElement.Foreground="{DynamicResource SystemControlDescriptionTextForegroundBrush}"
+                            Visibility="{TemplateBinding ui:ControlHelper.DescriptionVisibility}" />
+                        <Popup
+                            x:Name="PART_Popup"
+                            AllowsTransparency="True"
+                            IsOpen="{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}}"
+                            Placement="Bottom"
+                            PlacementTarget="{Binding ElementName=Background}"
+                            PopupAnimation="None">
+                            <Popup.PlacementRectangle>
+                                <MultiBinding>
+                                    <MultiBinding.Converter>
+                                        <ui:PlacementRectangleConverter Margin="0,1,0,1" />
+                                    </MultiBinding.Converter>
+                                    <Binding ElementName="Background" Path="ActualWidth" />
+                                    <Binding ElementName="Background" Path="ActualHeight" />
+                                </MultiBinding>
+                            </Popup.PlacementRectangle>
+                            <ui:ThemeShadowChrome
+                                x:Name="Shdw"
+                                MinWidth="{Binding ActualWidth, ElementName=LayoutRoot}"
+                                MaxHeight="{TemplateBinding MaxDropDownHeight}"
+                                ui:OpeningAnimationHelper.Storyboard="{StaticResource OverlayOpeningAnimation}"
+                                CornerRadius="{Binding ElementName=PopupBorder, Path=CornerRadius}"
+                                IsShadowEnabled="{DynamicResource {x:Static SystemParameters.DropShadowKey}}">
+                                <Border
+                                    x:Name="PopupBorder"
+                                    HorizontalAlignment="Stretch"
+                                    Background="{DynamicResource ComboBoxDropDownBackground}"
+                                    CornerRadius="{DynamicResource OverlayCornerRadius}">
+                                    <Border
+                                        Padding="{DynamicResource ComboBoxDropdownBorderPadding}"
+                                        BorderBrush="{DynamicResource ComboBoxDropDownBorderBrush}"
+                                        BorderThickness="{DynamicResource ComboBoxDropdownBorderThickness}"
+                                        CornerRadius="{Binding ElementName=PopupBorder, Path=CornerRadius}">
+                                        <ScrollViewer
+                                            x:Name="ScrollViewer"
+                                            Foreground="{DynamicResource ComboBoxDropDownForeground}"
+                                            HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
+                                            IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
+                                            VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}">
+                                            <ItemsPresenter
+                                                Margin="{DynamicResource ComboBoxDropdownContentMargin}"
+                                                KeyboardNavigation.DirectionalNavigation="Contained"
+                                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
+                                        </ScrollViewer>
+                                    </Border>
+                                </Border>
+                            </ui:ThemeShadowChrome>
+                        </Popup>
+                    </Grid>
+
+                    <ControlTemplate.Triggers>
+                        <!--  PointerOver  -->
+                        <Trigger Property="IsMouseOver" Value="True">
+                            <Setter TargetName="Background" Property="Background" Value="{DynamicResource ComboBoxBackgroundPointerOver}" />
+                            <Setter TargetName="Background" Property="BorderBrush" Value="{DynamicResource ComboBoxBorderBrushPointerOver}" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxForegroundPointerOver}" />
+                            <Setter TargetName="PlaceholderTextBlock" Property="Foreground" Value="{DynamicResource ComboBoxPlaceHolderForegroundPointerOver}" />
+                        </Trigger>
+                        <!--  Pressed  -->
+                        <Trigger SourceName="ToggleButton" Property="IsPressed" Value="True">
+                            <Setter TargetName="Background" Property="Background" Value="{DynamicResource ComboBoxBackgroundPressed}" />
+                            <Setter TargetName="Background" Property="BorderBrush" Value="{DynamicResource ComboBoxBorderBrushPressed}" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxForegroundPressed}" />
+                            <Setter TargetName="PlaceholderTextBlock" Property="Foreground" Value="{DynamicResource ComboBoxPlaceHolderForegroundPressed}" />
+                        </Trigger>
+                        <!--  Disabled  -->
+                        <Trigger Property="IsEnabled" Value="False">
+                            <Setter TargetName="Background" Property="Background" Value="{DynamicResource ComboBoxBackgroundDisabled}" />
+                            <Setter TargetName="Background" Property="BorderBrush" Value="{DynamicResource ComboBoxBorderBrushDisabled}" />
+                            <Setter TargetName="HeaderContentPresenter" Property="Foreground" Value="{DynamicResource ComboBoxHeaderForegroundDisabled}" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxForegroundDisabled}" />
+                            <Setter TargetName="PlaceholderTextBlock" Property="Foreground" Value="{DynamicResource ComboBoxPlaceHolderForegroundDisabled}" />
+                            <Setter TargetName="DropDownGlyph" Property="Foreground" Value="{DynamicResource ComboBoxDropDownGlyphForegroundDisabled}" />
+                        </Trigger>
+
+                        <!--  Focused  -->
+                        <Trigger Property="ui:FocusVisualHelper.ShowFocusVisual" Value="True">
+                            <Setter TargetName="HighlightBackground" Property="Opacity" Value="1" />
+                            <Setter TargetName="HighlightBackground" Property="Background" Value="{DynamicResource ComboBoxBackgroundFocused}" />
+                            <Setter TargetName="HighlightBackground" Property="BorderBrush" Value="{DynamicResource ComboBoxBackgroundBorderBrushFocused}" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxForegroundFocused}" />
+                            <Setter TargetName="PlaceholderTextBlock" Property="Foreground" Value="{DynamicResource ComboBoxPlaceHolderForegroundFocused}" />
+                            <Setter TargetName="DropDownGlyph" Property="Foreground" Value="{DynamicResource ComboBoxDropDownGlyphForegroundFocused}" />
+                        </Trigger>
+                        <!--  FocusedPressed  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="ui:FocusVisualHelper.ShowFocusVisual" Value="True" />
+                                <Condition SourceName="ToggleButton" Property="IsPressed" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="HighlightBackground" Property="Opacity" Value="1" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxForegroundFocusedPressed}" />
+                            <Setter TargetName="PlaceholderTextBlock" Property="Foreground" Value="{DynamicResource ComboBoxPlaceHolderForegroundFocusedPressed}" />
+                            <Setter TargetName="DropDownGlyph" Property="Foreground" Value="{DynamicResource ComboBoxDropDownGlyphForegroundFocusedPressed}" />
+                        </MultiTrigger>
+                        <!--  FocusedDropDown  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="ui:FocusVisualHelper.ShowFocusVisual" Value="True" />
+                                <Condition Property="IsDropDownOpen" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="PopupBorder" Property="Visibility" Value="Visible" />
+                        </MultiTrigger>
+
+                        <Trigger Property="IsEditable" Value="true">
+                            <Setter TargetName="ContentPresenter" Property="Visibility" Value="Collapsed" />
+                            <Setter TargetName="ToggleButton" Property="Visibility" Value="Collapsed" />
+                            <Setter TargetName="PART_EditableTextBox" Property="Visibility" Value="Visible" />
+                            <Setter TargetName="DropDownOverlay" Property="Visibility" Value="Visible" />
+                        </Trigger>
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsEditable" Value="False" />
+                                <Condition Property="SelectedIndex" Value="-1" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="PlaceholderTextBlock" Property="Visibility" Value="Visible" />
+                        </MultiTrigger>
+
+                        <!--  TextBoxFocused  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition SourceName="PART_EditableTextBox" Property="IsSelectionActive" Value="True" />
+                                <Condition SourceName="DropDownOverlay" Property="IsMouseOver" Value="False" />
+                                <Condition SourceName="DropDownOverlay" Property="IsPressed" Value="False" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="DropDownGlyph" Property="Foreground" Value="{DynamicResource ComboBoxEditableDropDownGlyphForeground}" />
+                            <Setter TargetName="DropDownOverlay" Property="Margin" Value="0,2,2,2" />
+                        </MultiTrigger>
+                        <!--  TextBoxFocusedOverlayPointerOver  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition SourceName="PART_EditableTextBox" Property="IsSelectionActive" Value="True" />
+                                <Condition SourceName="DropDownOverlay" Property="IsMouseOver" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="DropDownGlyph" Property="Foreground" Value="{DynamicResource ComboBoxEditableDropDownGlyphForeground}" />
+                            <Setter TargetName="DropDownOverlay" Property="Background" Value="{DynamicResource ComboBoxFocusedDropDownBackgroundPointerOver}" />
+                            <Setter TargetName="DropDownOverlay" Property="Margin" Value="0,2,2,2" />
+                        </MultiTrigger>
+                        <!--  TextBoxFocusedOverlayPressed  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition SourceName="PART_EditableTextBox" Property="IsSelectionActive" Value="True" />
+                                <Condition SourceName="DropDownOverlay" Property="IsPressed" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="DropDownGlyph" Property="Foreground" Value="{DynamicResource ComboBoxEditableDropDownGlyphForeground}" />
+                            <Setter TargetName="DropDownOverlay" Property="Background" Value="{DynamicResource ComboBoxFocusedDropDownBackgroundPointerPressed}" />
+                            <Setter TargetName="DropDownOverlay" Property="Margin" Value="0,2,2,2" />
+                        </MultiTrigger>
+                        <!--  TextBoxOverlayPointerOver  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition SourceName="PART_EditableTextBox" Property="IsSelectionActive" Value="False" />
+                                <Condition SourceName="DropDownOverlay" Property="IsMouseOver" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="DropDownOverlay" Property="Background" Value="{DynamicResource ComboBoxDropDownBackgroundPointerOver}" />
+                        </MultiTrigger>
+                        <!--  TextBoxOverlayPressed  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition SourceName="PART_EditableTextBox" Property="IsSelectionActive" Value="False" />
+                                <Condition SourceName="DropDownOverlay" Property="IsPressed" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="DropDownOverlay" Property="Background" Value="{DynamicResource ComboBoxDropDownBackgroundPointerPressed}" />
+                        </MultiTrigger>
+
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsGrouping" Value="true" />
+                                <Condition Property="VirtualizingPanel.IsVirtualizingWhenGrouping" Value="false" />
+                            </MultiTrigger.Conditions>
+                            <Setter Property="ScrollViewer.CanContentScroll" Value="false" />
+                        </MultiTrigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style BasedOn="{StaticResource DefaultComboBoxStyle}" TargetType="ComboBox" />
+
+    <Style
+        x:Key="DataGridComboBoxStyle"
+        BasedOn="{StaticResource DefaultComboBoxStyle}"
+        TargetType="ComboBox">
+        <Setter Property="Padding" Value="12,0,0,0" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="HorizontalAlignment" Value="Stretch" />
+        <Setter Property="VerticalAlignment" Value="Stretch" />
+        <Setter Property="ui:ControlHelper.CornerRadius" Value="0" />
+        <Setter Property="Validation.ErrorTemplate" Value="{DynamicResource DataGridTextControlValidationErrorTemplate}" />
+    </Style>
+
+    <Style
+        x:Key="DataGridTextBlockComboBoxStyle"
+        BasedOn="{StaticResource DefaultComboBoxStyle}"
+        TargetType="ComboBox">
+        <Setter Property="Padding" Value="12,0,0,0" />
+        <Setter Property="VerticalAlignment" Value="Stretch" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ComboBox">
+                    <ContentPresenter
+                        Margin="{TemplateBinding Padding}"
+                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                        Content="{TemplateBinding SelectionBoxItem}"
+                        ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}"
+                        ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
+                        ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"
+                        IsHitTestVisible="false"
+                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <!--  Text Box  -->
+    <Thickness x:Key="TextBoxTopHeaderMargin">0,0,0,4</Thickness>
+    <ui:CornerRadiusFilterConverter x:Key="RightCornerRadiusFilterConverter" Filter="Right" />
+    <Style x:Key="DefaultTextBoxStyle" TargetType="TextBox">
+        <Setter Property="OverridesDefaultStyle" Value="True" />
+        <Setter Property="Foreground" Value="{DynamicResource TextControlForeground}" />
+        <Setter Property="Background" Value="{DynamicResource TextControlBackground}" />
+        <Setter Property="BorderBrush" Value="{DynamicResource TextControlBorderBrush}" />
+        <Setter Property="SelectionBrush" Value="{DynamicResource TextControlSelectionHighlightColor}" />
+        <Setter Property="BorderThickness" Value="{DynamicResource TextControlBorderThemeThickness}" />
+        <Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" />
+        <Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" />
+        <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />
+        <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" />
+        <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False" />
+        <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst" />
+        <Setter Property="VerticalContentAlignment" Value="Top" />
+        <Setter Property="HorizontalContentAlignment" Value="Left" />
+        <Setter Property="MinHeight" Value="{DynamicResource TextControlThemeMinHeight}" />
+        <Setter Property="MinWidth" Value="{DynamicResource TextControlThemeMinWidth}" />
+        <Setter Property="Padding" Value="{DynamicResource TextControlThemePadding}" />
+        <Setter Property="ui:ControlHelper.CornerRadius" Value="{DynamicResource ControlCornerRadius}" />
+        <Setter Property="KeyboardNavigation.TabNavigation" Value="None" />
+        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
+        <Setter Property="AllowDrop" Value="true" />
+        <Setter Property="Stylus.IsFlicksEnabled" Value="False" />
+        <Setter Property="ContextMenu" Value="{DynamicResource TextControlContextMenu}" />
+        <Setter Property="ui:TextContextMenu.UsingTextContextMenu" Value="True" />
+        <Setter Property="ui:TextBoxHelper.IsEnabled" Value="True" />
+        <Setter Property="Validation.ErrorTemplate" Value="{DynamicResource TextControlValidationErrorTemplate}" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="TextBox">
+                    <ControlTemplate.Resources>
+                        <Style x:Key="DeleteButtonStyle" TargetType="Button">
+                            <Setter Property="Template">
+                                <Setter.Value>
+                                    <ControlTemplate TargetType="Button">
+                                        <ControlTemplate.Resources>
+                                            <StreamGeometry x:Key="Cancel">M 10.888672 10 L 17.626953 16.748047 L 16.748047 17.626953 L 10 10.888672 L 3.251953 17.626953 L 2.373047 16.748047 L 9.111328 10 L 2.373047 3.251953 L 3.251953 2.373047 L 10 9.111328 L 16.748047 2.373047 L 17.626953 3.251953 Z</StreamGeometry>
+                                        </ControlTemplate.Resources>
+                                        <Border
+                                            x:Name="ButtonLayoutGrid"
+                                            Background="{DynamicResource TextControlButtonBackground}"
+                                            BorderBrush="{DynamicResource TextControlButtonBorderBrush}"
+                                            BorderThickness="{TemplateBinding BorderThickness}"
+                                            CornerRadius="{TemplateBinding ui:ControlHelper.CornerRadius}">
+                                            <ui:FontIconFallback
+                                                x:Name="GlyphElement"
+                                                HorizontalAlignment="Center"
+                                                VerticalAlignment="Center"
+                                                Data="{StaticResource Cancel}"
+                                                FontFamily="{DynamicResource SymbolThemeFontFamily}"
+                                                FontSize="12"
+                                                FontStyle="Normal"
+                                                Foreground="{DynamicResource TextControlButtonForeground}" />
+                                        </Border>
+                                        <ControlTemplate.Triggers>
+                                            <Trigger Property="IsMouseOver" Value="true">
+                                                <Setter TargetName="ButtonLayoutGrid" Property="Background" Value="{DynamicResource TextControlButtonBackgroundPointerOver}" />
+                                                <Setter TargetName="ButtonLayoutGrid" Property="BorderBrush" Value="{DynamicResource TextControlButtonBorderBrushPointerOver}" />
+                                                <Setter TargetName="GlyphElement" Property="Foreground" Value="{DynamicResource TextControlButtonForegroundPointerOver}" />
+                                            </Trigger>
+                                            <Trigger Property="IsPressed" Value="true">
+                                                <Setter TargetName="ButtonLayoutGrid" Property="Background" Value="{DynamicResource TextControlButtonBackgroundPressed}" />
+                                                <Setter TargetName="ButtonLayoutGrid" Property="BorderBrush" Value="{DynamicResource TextControlButtonBorderBrushPressed}" />
+                                                <Setter TargetName="GlyphElement" Property="Foreground" Value="{DynamicResource TextControlButtonForegroundPressed}" />
+                                            </Trigger>
+                                            <Trigger Property="IsEnabled" Value="false">
+                                                <Setter TargetName="ButtonLayoutGrid" Property="Opacity" Value="0" />
+                                            </Trigger>
+                                        </ControlTemplate.Triggers>
+                                    </ControlTemplate>
+                                </Setter.Value>
+                            </Setter>
+                        </Style>
+                    </ControlTemplate.Resources>
+                    <Grid SnapsToDevicePixels="True">
+                        <Grid.RowDefinitions>
+                            <RowDefinition Height="Auto" />
+                            <RowDefinition Height="*" />
+                            <RowDefinition Height="Auto" />
+                        </Grid.RowDefinitions>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="Auto" />
+                        </Grid.ColumnDefinitions>
+                        <ui:ContentPresenterEx
+                            x:Name="HeaderContentPresenter"
+                            Grid.Row="0"
+                            Grid.Column="0"
+                            Grid.ColumnSpan="2"
+                            Margin="{DynamicResource TextBoxTopHeaderMargin}"
+                            VerticalAlignment="Top"
+                            Content="{TemplateBinding ui:ControlHelper.Header}"
+                            ContentTemplate="{TemplateBinding ui:ControlHelper.HeaderTemplate}"
+                            FontWeight="Normal"
+                            Foreground="{DynamicResource TextControlHeaderForeground}"
+                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                            TextWrapping="Wrap"
+                            Visibility="{TemplateBinding ui:ControlHelper.HeaderVisibility}" />
+                        <Border
+                            Grid.Row="1"
+                            Grid.RowSpan="1"
+                            Grid.Column="0"
+                            Grid.ColumnSpan="2"
+                            Background="#fbfbfb"
+                            BorderBrush="#e5e5e5"
+                            BorderThickness="1,1,1,1"
+                            CornerRadius="4">
+                            <Border
+                                x:Name="BorderElement"
+                                MinWidth="{TemplateBinding MinWidth}"
+                                MinHeight="{TemplateBinding MinHeight}"
+                                ui:ValidationHelper.IsTemplateValidationAdornerSite="True"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="#868686"
+                                BorderThickness="0,0,0,1"
+                                CornerRadius="{TemplateBinding ui:ControlHelper.CornerRadius}" />
+                        </Border>
+                        <ScrollViewer
+                            x:Name="PART_ContentHost"
+                            Grid.Row="1"
+                            Grid.Column="0"
+                            Margin="{TemplateBinding BorderThickness}"
+                            Padding="{TemplateBinding Padding}"
+                            HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                            VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                            Focusable="False"
+                            HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
+                            IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
+                            IsTabStop="False"
+                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                            Style="{DynamicResource TextControlContentHostStyle}"
+                            VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}" />
+                        <TextBlock
+                            x:Name="PlaceholderTextContentPresenter"
+                            Grid.Row="1"
+                            Grid.Column="0"
+                            Grid.ColumnSpan="2"
+                            Margin="{TemplateBinding BorderThickness}"
+                            Padding="{TemplateBinding Padding}"
+                            Foreground="{TemplateBinding ui:ControlHelper.PlaceholderForeground}"
+                            IsHitTestVisible="False"
+                            Text="{TemplateBinding ui:ControlHelper.PlaceholderText}"
+                            TextAlignment="{TemplateBinding TextAlignment}"
+                            TextWrapping="{TemplateBinding TextWrapping}" />
+                        <Button
+                            x:Name="DeleteButton"
+                            Grid.Row="1"
+                            Grid.Column="1"
+                            MinWidth="34"
+                            Padding="{DynamicResource HelperButtonThemePadding}"
+                            VerticalAlignment="Stretch"
+                            ui:ControlHelper.CornerRadius="{TemplateBinding ui:ControlHelper.CornerRadius,
+                                                                            Converter={StaticResource RightCornerRadiusFilterConverter}}"
+                            ui:TextBoxHelper.IsDeleteButton="True"
+                            BorderThickness="{TemplateBinding BorderThickness}"
+                            Focusable="False"
+                            FontSize="{TemplateBinding FontSize}"
+                            IsTabStop="False"
+                            Style="{StaticResource DeleteButtonStyle}"
+                            Visibility="Collapsed" />
+                        <ContentPresenter
+                            x:Name="DescriptionPresenter"
+                            Grid.Row="2"
+                            Grid.Column="0"
+                            Grid.ColumnSpan="2"
+                            Content="{TemplateBinding ui:ControlHelper.Description}"
+                            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                            TextElement.Foreground="{DynamicResource SystemControlDescriptionTextForegroundBrush}"
+                            Visibility="{TemplateBinding ui:ControlHelper.DescriptionVisibility}" />
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="ButtonStates">
+                                <VisualState x:Name="ButtonVisible">
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DeleteButton" Storyboard.TargetProperty="Visibility">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{x:Static Visibility.Visible}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                                <VisualState x:Name="ButtonCollapsed" />
+                            </VisualStateGroup>
+                        </VisualStateManager.VisualStateGroups>
+                    </Grid>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="ui:ControlHelper.PlaceholderForeground" Value="{x:Null}">
+                            <Setter TargetName="PlaceholderTextContentPresenter" Property="Foreground" Value="{DynamicResource TextControlPlaceholderForeground}" />
+                        </Trigger>
+                        <Trigger Property="ui:TextBoxHelper.HasText" Value="True">
+                            <Setter TargetName="PlaceholderTextContentPresenter" Property="Visibility" Value="Collapsed" />
+                        </Trigger>
+                        <Trigger Property="IsEnabled" Value="false">
+                            <Setter TargetName="HeaderContentPresenter" Property="Foreground" Value="{DynamicResource TextControlHeaderForegroundDisabled}" />
+                            <Setter Property="Background" Value="{DynamicResource TextControlBackgroundDisabled}" />
+                            <Setter TargetName="BorderElement" Property="BorderBrush" Value="{DynamicResource TextControlBorderBrushDisabled}" />
+                            <Setter Property="Foreground" Value="{DynamicResource TextControlForegroundDisabled}" />
+                            <Setter TargetName="PlaceholderTextContentPresenter" Property="Foreground" Value="{DynamicResource TextControlPlaceholderForegroundDisabled}" />
+                        </Trigger>
+                        <Trigger Property="IsMouseOver" Value="true">
+                            <Setter TargetName="BorderElement" Property="BorderBrush" Value="{DynamicResource TextControlBorderBrushPointerOver}" />
+                            <Setter Property="Background" Value="#f6f6f6" />
+                            <Setter TargetName="PlaceholderTextContentPresenter" Property="Foreground" Value="{DynamicResource TextControlPlaceholderForegroundPointerOver}" />
+                            <Setter Property="Foreground" Value="{DynamicResource TextControlForegroundPointerOver}" />
+                        </Trigger>
+                        <Trigger Property="IsSelectionActive" Value="true">
+                            <Setter TargetName="PlaceholderTextContentPresenter" Property="Foreground" Value="{DynamicResource TextControlPlaceholderForegroundFocused}" />
+                            <Setter Property="Background" Value="{DynamicResource TextControlBackgroundFocused}" />
+                            <Setter TargetName="BorderElement" Property="BorderBrush" Value="{DynamicResource TextControlBorderBrushFocused}" />
+                            <Setter TargetName="BorderElement" Property="BorderThickness" Value="0,0,0,2" />
+                            <Setter Property="Foreground" Value="{DynamicResource TextControlForegroundFocused}" />
+                        </Trigger>
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsKeyboardFocused" Value="True" />
+                                <Condition Property="ui:TextBoxHelper.HasText" Value="True" />
+                                <Condition Property="IsReadOnly" Value="False" />
+                                <Condition Property="AcceptsReturn" Value="False" />
+                                <Condition Property="TextWrapping" Value="NoWrap" />
+                            </MultiTrigger.Conditions>
+                            <Setter Property="ui:TextBoxHelper.IsDeleteButtonVisible" Value="True" />
+                        </MultiTrigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style BasedOn="{StaticResource DefaultTextBoxStyle}" TargetType="TextBox" />
+
+    <Style
+        x:Key="DataGridTextBoxStyle"
+        BasedOn="{StaticResource DefaultTextBoxStyle}"
+        TargetType="TextBox">
+        <Setter Property="MinWidth" Value="0" />
+        <Setter Property="Padding" Value="11,0,6,0" />
+        <Setter Property="VerticalAlignment" Value="Stretch" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="ui:ControlHelper.CornerRadius" Value="0" />
+        <Setter Property="Validation.ErrorTemplate" Value="{DynamicResource DataGridTextControlValidationErrorTemplate}" />
+    </Style>
+
+    <!--  Button  -->
+    <Thickness x:Key="ButtonPadding">8,5,8,6</Thickness>
+    <Style x:Key="DefaultButtonStyle" TargetType="Button">
+        <Setter Property="OverridesDefaultStyle" Value="True" />
+        <Setter Property="Background" Value="{DynamicResource ButtonBackground}" />
+        <Setter Property="Foreground" Value="{DynamicResource ButtonForeground}" />
+        <Setter Property="BorderBrush" Value="{DynamicResource ButtonBorderBrush}" />
+        <Setter Property="BorderThickness" Value="{DynamicResource ButtonBorderThemeThickness}" />
+        <Setter Property="Padding" Value="{StaticResource ButtonPadding}" />
+        <Setter Property="HorizontalAlignment" Value="Left" />
+        <Setter Property="VerticalAlignment" Value="Center" />
+        <Setter Property="HorizontalContentAlignment" Value="Center" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" />
+        <Setter Property="FontWeight" Value="Normal" />
+        <Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" />
+        <Setter Property="FocusVisualStyle" Value="{DynamicResource {x:Static SystemParameters.FocusVisualStyleKey}}" />
+        <Setter Property="ui:FocusVisualHelper.UseSystemFocusVisuals" Value="{DynamicResource UseSystemFocusVisuals}" />
+        <Setter Property="ui:FocusVisualHelper.FocusVisualMargin" Value="-3" />
+        <Setter Property="ui:ControlHelper.CornerRadius" Value="{DynamicResource ControlCornerRadius}" />
+        <Setter Property="Stylus.IsPressAndHoldEnabled" Value="False" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="Button">
+                    <Border
+                        x:Name="Background"
+                        Background="#fefefe"
+                        BorderBrush="#e5e5e5"
+                        BorderThickness="1,1,1,0"
+                        CornerRadius="4"
+                        SnapsToDevicePixels="True">
+                        <Border
+                            x:Name="Border"
+                            Padding="{TemplateBinding Padding}"
+                            BorderBrush="#d3d3d3"
+                            BorderThickness="0,0,0,2"
+                            CornerRadius="4">
+                            <ContentPresenter
+                                x:Name="ContentPresenter"
+                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                Focusable="False"
+                                RecognizesAccessKey="True"
+                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
+                        </Border>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <Trigger Property="IsMouseOver" Value="True">
+                            <Setter TargetName="Background" Property="Background" Value="#f6f6f6" />
+                            <Setter TargetName="Background" Property="BorderThickness" Value="1,1,1,0" />
+                            <Setter TargetName="Background" Property="BorderBrush" Value="#e5e5e5" />
+                            <Setter TargetName="Border" Property="BorderBrush" Value="#d3d3d3" />
+                            <Setter TargetName="Border" Property="BorderThickness" Value="0,0,0,2" />
+                        </Trigger>
+                        <Trigger Property="IsPressed" Value="True">
+                            <Setter TargetName="Background" Property="Background" Value="#f6f6f6" />
+                            <Setter TargetName="Background" Property="BorderThickness" Value="1,1,1,1" />
+                            <Setter TargetName="Background" Property="BorderBrush" Value="#e5e5e5" />
+                            <Setter TargetName="Border" Property="BorderBrush" Value="#f6f6f6" />
+                            <Setter TargetName="Border" Property="BorderThickness" Value="0,0,0,1" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="#5d5d5d" />
+                        </Trigger>
+                        <Trigger Property="IsEnabled" Value="False">
+                            <Setter TargetName="Background" Property="Background" Value="#f6f6f6" />
+                            <Setter TargetName="Background" Property="BorderThickness" Value="1,1,1,1" />
+                            <Setter TargetName="Background" Property="BorderBrush" Value="#e5e5e5" />
+                            <Setter TargetName="Border" Property="BorderBrush" Value="#f6f6f6" />
+                            <Setter TargetName="Border" Property="BorderThickness" Value="0,0,0,1" />
+                            <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="#9d9d9d" />
+                        </Trigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style BasedOn="{StaticResource DefaultButtonStyle}" TargetType="Button" />
+
     <!--  - Custom Toggle Switch from modern wpf for left label  -->
     <system:TimeSpan x:Key="RepositionDelay">0:0:0.033</system:TimeSpan>
     <KeyTime x:Key="RepositionDuration">0:0:0.367</KeyTime>
diff --git a/Flow.Launcher/SettingWindow.xaml b/Flow.Launcher/SettingWindow.xaml
index 2ba58a720..01dcf8e8f 100644
--- a/Flow.Launcher/SettingWindow.xaml
+++ b/Flow.Launcher/SettingWindow.xaml
@@ -685,9 +685,10 @@
                             <StackPanel Grid.Column="2" Orientation="Horizontal">
                                 <TextBox
                                     Width="300"
-                                    Height="26"
+                                    Height="34"
                                     Text="{Binding Settings.PluginSettings.PythonDirectory, TargetNullValue='No Setting'}" />
                                 <Button
+                                    Height="34"
                                     Margin="10,10,18,10"
                                     Click="OnSelectPythonDirectoryClick"
                                     Content="{DynamicResource selectPythonDirectory}" />

From 309f7ee1fe4aa08ba9a7aa8b0624b9e041e3f36b Mon Sep 17 00:00:00 2001
From: DB p <onesound@oooz.net>
Date: Sun, 7 Nov 2021 21:17:55 +0900
Subject: [PATCH 4/4] - Add Combobox/Checkbox custom control template - Adjust
 some setting window items position/width

---
 .../Resources/CustomControlTemplate.xaml      | 322 ++++++++++++++++--
 Flow.Launcher/SettingWindow.xaml              |  72 ++--
 2 files changed, 341 insertions(+), 53 deletions(-)

diff --git a/Flow.Launcher/Resources/CustomControlTemplate.xaml b/Flow.Launcher/Resources/CustomControlTemplate.xaml
index 41cb7d6ce..cc27d5eb5 100644
--- a/Flow.Launcher/Resources/CustomControlTemplate.xaml
+++ b/Flow.Launcher/Resources/CustomControlTemplate.xaml
@@ -4,6 +4,284 @@
     xmlns:system="clr-namespace:System;assembly=mscorlib"
     xmlns:ui="http://schemas.modernwpf.com/2019">
 
+    <!--  CheckBox  -->
+    <ui:CornerRadiusFilterConverter x:Key="TopLeftCornerRadiusDoubleValueConverter" Filter="TopLeftValue" />
+    <ui:CornerRadiusFilterConverter x:Key="BottomRightCornerRadiusDoubleValueConverter" Filter="BottomRightValue" />
+
+    <Style x:Key="DefaultCheckBoxStyle" TargetType="CheckBox">
+        <Setter Property="OverridesDefaultStyle" Value="True" />
+        <Setter Property="Background" Value="{DynamicResource CheckBoxBackgroundUnchecked}" />
+        <Setter Property="Foreground" Value="{DynamicResource CheckBoxForegroundUnchecked}" />
+        <Setter Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushUnchecked}" />
+        <Setter Property="Padding" Value="8,0,0,0" />
+        <Setter Property="HorizontalAlignment" Value="Left" />
+        <Setter Property="VerticalAlignment" Value="Center" />
+        <Setter Property="HorizontalContentAlignment" Value="Left" />
+        <Setter Property="VerticalContentAlignment" Value="Top" />
+        <Setter Property="FontFamily" Value="{DynamicResource ContentControlThemeFontFamily}" />
+        <Setter Property="FontSize" Value="{DynamicResource ControlContentThemeFontSize}" />
+        <Setter Property="MinWidth" Value="32" />
+        <Setter Property="MinHeight" Value="32" />
+        <Setter Property="FocusVisualStyle" Value="{DynamicResource {x:Static SystemParameters.FocusVisualStyleKey}}" />
+        <Setter Property="ui:FocusVisualHelper.UseSystemFocusVisuals" Value="{DynamicResource UseSystemFocusVisuals}" />
+        <Setter Property="ui:FocusVisualHelper.FocusVisualMargin" Value="-7,-3,-7,-3" />
+        <Setter Property="ui:ControlHelper.CornerRadius" Value="{DynamicResource ControlCornerRadius}" />
+        <Setter Property="Stylus.IsPressAndHoldEnabled" Value="False" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="CheckBox">
+                    <ControlTemplate.Resources>
+                        <StreamGeometry x:Key="CheckMark">M 17.939453 5.439453 L 7.5 15.888672 L 2.060547 10.439453 L 2.939453 9.560547 L 7.5 14.111328 L 17.060547 4.560547 Z</StreamGeometry>
+                        <StreamGeometry x:Key="CheckboxIndeterminate">M 15 5 L 15 15 L 5 15 L 5 5 Z</StreamGeometry>
+                    </ControlTemplate.Resources>
+                    <Border
+                        x:Name="RootGrid"
+                        Background="{TemplateBinding Background}"
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        CornerRadius="{TemplateBinding ui:ControlHelper.CornerRadius}"
+                        SnapsToDevicePixels="True">
+                        <Grid VerticalAlignment="Center">
+                            <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="20" />
+                                <ColumnDefinition Width="*" />
+                            </Grid.ColumnDefinitions>
+                            <Grid VerticalAlignment="Top">
+                                <Rectangle
+                                    x:Name="NormalRectangle"
+                                    Width="20"
+                                    Height="20"
+                                    Fill="{DynamicResource CheckBoxCheckBackgroundFillUnchecked}"
+                                    RadiusX="{TemplateBinding ui:ControlHelper.CornerRadius,
+                                                              Converter={StaticResource TopLeftCornerRadiusDoubleValueConverter}}"
+                                    RadiusY="{TemplateBinding ui:ControlHelper.CornerRadius,
+                                                              Converter={StaticResource BottomRightCornerRadiusDoubleValueConverter}}"
+                                    Stroke="{DynamicResource CheckBoxCheckBackgroundStrokeUnchecked}"
+                                    StrokeThickness="{DynamicResource CheckBoxBorderThemeThickness}"
+                                    UseLayoutRounding="False" />
+                                <ui:FontIconFallback
+                                    x:Name="CheckGlyph"
+                                    Data="{StaticResource CheckMark}"
+                                    FontFamily="{DynamicResource SymbolThemeFontFamily}"
+                                    FontSize="16"
+                                    Foreground="{DynamicResource CheckBoxCheckGlyphForegroundUnchecked}"
+                                    Opacity="0" />
+                            </Grid>
+                            <ui:ContentPresenterEx
+                                x:Name="ContentPresenter"
+                                Grid.Column="1"
+                                Margin="{TemplateBinding Padding}"
+                                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                Focusable="False"
+                                RecognizesAccessKey="True"
+                                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
+                                TextWrapping="Wrap" />
+                        </Grid>
+                    </Border>
+                    <ControlTemplate.Triggers>
+                        <!--  UncheckedNormal  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="False" />
+                                <Condition Property="IsMouseOver" Value="False" />
+                                <Condition Property="IsPressed" Value="False" />
+                                <Condition Property="IsEnabled" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundUnchecked}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundUnchecked}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushUnchecked}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="#868686" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillUnchecked}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundUnchecked}" />
+                        </MultiTrigger>
+                        <!--  UncheckedPointerOver  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="False" />
+                                <Condition Property="IsMouseOver" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundUncheckedPointerOver}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundUncheckedPointerOver}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="#868686" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="#868686" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="#e5e5e5" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundUncheckedPointerOver}" />
+                        </MultiTrigger>
+                        <!--  UncheckedPressed  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="False" />
+                                <Condition Property="IsPressed" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundUncheckedPressed}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundUncheckedPressed}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushUncheckedPressed}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="{DynamicResource CheckBoxCheckBackgroundStrokeUncheckedPressed}" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillUncheckedPressed}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundUncheckedPressed}" />
+                        </MultiTrigger>
+                        <!--  UncheckedDisabled  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="False" />
+                                <Condition Property="IsEnabled" Value="False" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundUncheckedDisabled}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundUncheckedDisabled}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushUncheckedDisabled}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="{DynamicResource CheckBoxCheckBackgroundStrokeUncheckedDisabled}" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillUncheckedDisabled}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundUncheckedDisabled}" />
+                        </MultiTrigger>
+                        <!--  CheckedNormal  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="True" />
+                                <Condition Property="IsMouseOver" Value="False" />
+                                <Condition Property="IsPressed" Value="False" />
+                                <Condition Property="IsEnabled" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundChecked}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundChecked}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushChecked}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="{DynamicResource CheckBoxCheckBackgroundStrokeChecked}" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillChecked}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundChecked}" />
+                            <Setter TargetName="NormalRectangle" Property="StrokeThickness" Value="{DynamicResource CheckBoxCheckedStrokeThickness}" />
+                            <Setter TargetName="CheckGlyph" Property="Opacity" Value="1" />
+                        </MultiTrigger>
+                        <!--  CheckedPointerOver  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="True" />
+                                <Condition Property="IsMouseOver" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundCheckedPointerOver}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundCheckedPointerOver}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushCheckedPointerOver}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="{DynamicResource CheckBoxCheckBackgroundStrokeCheckedPointerOver}" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillCheckedPointerOver}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundCheckedPointerOver}" />
+                            <Setter TargetName="CheckGlyph" Property="Opacity" Value="1" />
+                        </MultiTrigger>
+                        <!--  CheckedPressed  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="True" />
+                                <Condition Property="IsPressed" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundCheckedPressed}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundCheckedPressed}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushCheckedPressed}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="{DynamicResource CheckBoxCheckBackgroundStrokeCheckedPressed}" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillCheckedPressed}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundCheckedPressed}" />
+                            <Setter TargetName="CheckGlyph" Property="Opacity" Value="1" />
+                        </MultiTrigger>
+                        <!--  CheckedDisabled  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="True" />
+                                <Condition Property="IsEnabled" Value="False" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundCheckedDisabled}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundCheckedDisabled}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushCheckedDisabled}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="{DynamicResource CheckBoxCheckBackgroundStrokeCheckedDisabled}" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillCheckedDisabled}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundCheckedDisabled}" />
+                            <Setter TargetName="CheckGlyph" Property="Opacity" Value="1" />
+                        </MultiTrigger>
+                        <!--  IndeterminateNormal  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="{x:Null}" />
+                                <Condition Property="IsMouseOver" Value="False" />
+                                <Condition Property="IsPressed" Value="False" />
+                                <Condition Property="IsEnabled" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundIndeterminate}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundIndeterminate}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushIndeterminate}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="{DynamicResource CheckBoxCheckBackgroundStrokeIndeterminate}" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillIndeterminate}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundIndeterminate}" />
+                            <Setter TargetName="CheckGlyph" Property="Data" Value="{StaticResource CheckboxIndeterminate}" />
+                            <Setter TargetName="CheckGlyph" Property="Opacity" Value="1" />
+                        </MultiTrigger>
+                        <!--  IndeterminatePointerOver  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="{x:Null}" />
+                                <Condition Property="IsMouseOver" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundIndeterminatePointerOver}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundIndeterminatePointerOver}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushIndeterminatePointerOver}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="{DynamicResource CheckBoxCheckBackgroundStrokeIndeterminatePointerOver}" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillIndeterminatePointerOver}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundIndeterminatePointerOver}" />
+                            <Setter TargetName="CheckGlyph" Property="Data" Value="{StaticResource CheckboxIndeterminate}" />
+                            <Setter TargetName="CheckGlyph" Property="Opacity" Value="1" />
+                        </MultiTrigger>
+                        <!--  IndeterminatePressed  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="{x:Null}" />
+                                <Condition Property="IsPressed" Value="True" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundIndeterminatePressed}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundIndeterminatePressed}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushIndeterminatePressed}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="{DynamicResource CheckBoxCheckBackgroundStrokeIndeterminatePressed}" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillIndeterminatePressed}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundIndeterminatePressed}" />
+                            <Setter TargetName="CheckGlyph" Property="Data" Value="{StaticResource CheckboxIndeterminate}" />
+                            <Setter TargetName="CheckGlyph" Property="Opacity" Value="1" />
+                        </MultiTrigger>
+                        <!--  IndeterminateDisabled  -->
+                        <MultiTrigger>
+                            <MultiTrigger.Conditions>
+                                <Condition Property="IsChecked" Value="{x:Null}" />
+                                <Condition Property="IsEnabled" Value="False" />
+                            </MultiTrigger.Conditions>
+                            <Setter TargetName="ContentPresenter" Property="Foreground" Value="{DynamicResource CheckBoxForegroundIndeterminateDisabled}" />
+                            <Setter TargetName="RootGrid" Property="Background" Value="{DynamicResource CheckBoxBackgroundIndeterminateDisabled}" />
+                            <Setter TargetName="RootGrid" Property="BorderBrush" Value="{DynamicResource CheckBoxBorderBrushIndeterminateDisabled}" />
+                            <Setter TargetName="NormalRectangle" Property="Stroke" Value="{DynamicResource CheckBoxCheckBackgroundStrokeIndeterminateDisabled}" />
+                            <Setter TargetName="NormalRectangle" Property="Fill" Value="{DynamicResource CheckBoxCheckBackgroundFillIndeterminateDisabled}" />
+                            <Setter TargetName="CheckGlyph" Property="Foreground" Value="{DynamicResource CheckBoxCheckGlyphForegroundIndeterminateDisabled}" />
+                            <Setter TargetName="CheckGlyph" Property="Data" Value="{StaticResource CheckboxIndeterminate}" />
+                            <Setter TargetName="CheckGlyph" Property="Opacity" Value="1" />
+                        </MultiTrigger>
+                    </ControlTemplate.Triggers>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style BasedOn="{StaticResource DefaultCheckBoxStyle}" TargetType="CheckBox" />
+
+    <Style
+        x:Key="DataGridCheckBoxStyle"
+        BasedOn="{StaticResource DefaultCheckBoxStyle}"
+        TargetType="CheckBox">
+        <Setter Property="MinWidth" Value="0" />
+        <Setter Property="MinHeight" Value="0" />
+        <Setter Property="Margin" Value="12,0" />
+        <Setter Property="FocusVisualStyle" Value="{x:Null}" />
+    </Style>
+
+    <Style
+        x:Key="DataGridReadOnlyCheckBoxStyle"
+        BasedOn="{StaticResource DataGridCheckBoxStyle}"
+        TargetType="CheckBox">
+        <Setter Property="IsHitTestVisible" Value="False" />
+        <Setter Property="Focusable" Value="False" />
+    </Style>
+
+
     <!--  Combo Box  -->
     <Thickness x:Key="ComboBoxTopHeaderMargin">0,0,0,4</Thickness>
     <Thickness x:Key="ComboBoxPadding">12,6,0,6</Thickness>
@@ -258,16 +536,21 @@
                             TextWrapping="Wrap"
                             Visibility="{TemplateBinding ui:ControlHelper.HeaderVisibility}" />
                         <Border
-                            x:Name="Background"
                             Grid.Row="1"
                             Grid.Column="0"
                             Grid.ColumnSpan="2"
-                            MinWidth="{DynamicResource ComboBoxThemeMinWidth}"
-                            ui:ValidationHelper.IsTemplateValidationAdornerSite="True"
-                            Background="{TemplateBinding Background}"
-                            BorderBrush="{TemplateBinding BorderBrush}"
-                            BorderThickness="{TemplateBinding BorderThickness}"
-                            CornerRadius="{TemplateBinding ui:ControlHelper.CornerRadius}" />
+                            BorderBrush="#e5e5e5"
+                            BorderThickness="1,1,1,0"
+                            CornerRadius="4">
+                            <Border
+                                x:Name="Background"
+                                MinWidth="{DynamicResource ComboBoxThemeMinWidth}"
+                                ui:ValidationHelper.IsTemplateValidationAdornerSite="True"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="#cccccc"
+                                BorderThickness="0,0,0,2"
+                                CornerRadius="4" />
+                        </Border>
                         <Border
                             x:Name="HighlightBackground"
                             Grid.Row="1"
@@ -350,7 +633,7 @@
                             VerticalAlignment="Center"
                             Data="{StaticResource ChevronDown}"
                             FontFamily="{DynamicResource SymbolThemeFontFamily}"
-                            FontSize="12"
+                            FontSize="9"
                             Foreground="{DynamicResource ComboBoxDropDownGlyphForeground}"
                             IsHitTestVisible="False" />
                         <ContentPresenter
@@ -372,7 +655,7 @@
                             <Popup.PlacementRectangle>
                                 <MultiBinding>
                                     <MultiBinding.Converter>
-                                        <ui:PlacementRectangleConverter Margin="0,1,0,1" />
+                                        <ui:PlacementRectangleConverter Margin="-1,1,0,1" />
                                     </MultiBinding.Converter>
                                     <Binding ElementName="Background" Path="ActualWidth" />
                                     <Binding ElementName="Background" Path="ActualHeight" />
@@ -388,7 +671,7 @@
                                 <Border
                                     x:Name="PopupBorder"
                                     HorizontalAlignment="Stretch"
-                                    Background="{DynamicResource ComboBoxDropDownBackground}"
+                                    Background="#f6f6f6"
                                     CornerRadius="{DynamicResource OverlayCornerRadius}">
                                     <Border
                                         Padding="{DynamicResource ComboBoxDropdownBorderPadding}"
@@ -415,8 +698,7 @@
                     <ControlTemplate.Triggers>
                         <!--  PointerOver  -->
                         <Trigger Property="IsMouseOver" Value="True">
-                            <Setter TargetName="Background" Property="Background" Value="{DynamicResource ComboBoxBackgroundPointerOver}" />
-                            <Setter TargetName="Background" Property="BorderBrush" Value="{DynamicResource ComboBoxBorderBrushPointerOver}" />
+                            <Setter TargetName="Background" Property="Background" Value="#f6f6f6" />
                             <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxForegroundPointerOver}" />
                             <Setter TargetName="PlaceholderTextBlock" Property="Foreground" Value="{DynamicResource ComboBoxPlaceHolderForegroundPointerOver}" />
                         </Trigger>
@@ -440,7 +722,7 @@
                         <!--  Focused  -->
                         <Trigger Property="ui:FocusVisualHelper.ShowFocusVisual" Value="True">
                             <Setter TargetName="HighlightBackground" Property="Opacity" Value="1" />
-                            <Setter TargetName="HighlightBackground" Property="Background" Value="{DynamicResource ComboBoxBackgroundFocused}" />
+                            <Setter TargetName="HighlightBackground" Property="Background" Value="#f0f0f0" />
                             <Setter TargetName="HighlightBackground" Property="BorderBrush" Value="{DynamicResource ComboBoxBackgroundBorderBrushFocused}" />
                             <Setter TargetName="ContentPresenter" Property="TextElement.Foreground" Value="{DynamicResource ComboBoxForegroundFocused}" />
                             <Setter TargetName="PlaceholderTextBlock" Property="Foreground" Value="{DynamicResource ComboBoxPlaceHolderForegroundFocused}" />
@@ -902,7 +1184,7 @@
     <system:TimeSpan x:Key="RepositionDelay">0:0:0.033</system:TimeSpan>
     <KeyTime x:Key="RepositionDuration">0:0:0.367</KeyTime>
     <KeySpline x:Key="RepositionKeySpline">0.1,0.9 0.2,1.0</KeySpline>
-    <Style TargetType="ui:ToggleSwitch">
+    <Style x:Key="DefaultToggleSwitch" TargetType="ui:ToggleSwitch">
         <Setter Property="Foreground" Value="{DynamicResource ToggleSwitchContentForeground}" />
         <Setter Property="HorizontalAlignment" Value="Right" />
         <Setter Property="VerticalAlignment" Value="Center" />
@@ -947,6 +1229,7 @@
                                 Grid.Row="0"
                                 Width="100"
                                 MinWidth="{DynamicResource ToggleSwitchThemeMinWidth}"
+                                Margin="10,0,0,0"
                                 HorizontalAlignment="Left"
                                 VerticalAlignment="Top">
 
@@ -1001,7 +1284,7 @@
                                     Fill="{DynamicResource ToggleSwitchFillOff}"
                                     RadiusX="10"
                                     RadiusY="10"
-                                    Stroke="{DynamicResource ToggleSwitchStrokeOff}"
+                                    Stroke="#5a5a5a"
                                     StrokeThickness="{DynamicResource ToggleSwitchOuterBorderStrokeThickness}" />
                                 <Rectangle
                                     x:Name="SwitchKnobBounds"
@@ -1032,7 +1315,7 @@
                                         x:Name="SwitchKnobOff"
                                         Width="10"
                                         Height="10"
-                                        Fill="{DynamicResource ToggleSwitchKnobFillOff}" />
+                                        Fill="#5a5a5a" />
                                     <Grid.RenderTransform>
                                         <TranslateTransform x:Name="KnobTranslateTransform" />
                                     </Grid.RenderTransform>
@@ -1238,9 +1521,9 @@
                                 <Condition Property="IsMouseOver" Value="true" />
                                 <Condition SourceName="SwitchThumb" Property="IsDragging" Value="false" />
                             </MultiTrigger.Conditions>
-                            <Setter TargetName="OuterBorder" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOffPointerOver}" />
-                            <Setter TargetName="OuterBorder" Property="Fill" Value="{DynamicResource ToggleSwitchFillOffPointerOver}" />
-                            <Setter TargetName="SwitchKnobOff" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOffPointerOver}" />
+                            <Setter TargetName="OuterBorder" Property="Stroke" Value="#5a5a5a" />
+                            <Setter TargetName="OuterBorder" Property="Fill" Value="#E5E5E5" />
+                            <Setter TargetName="SwitchKnobOff" Property="Fill" Value="#5a5a5a" />
                             <Setter TargetName="SwitchKnobOn" Property="Fill" Value="{DynamicResource ToggleSwitchKnobFillOnPointerOver}" />
                             <Setter TargetName="SwitchKnobBounds" Property="Fill" Value="{DynamicResource ToggleSwitchFillOnPointerOver}" />
                             <Setter TargetName="SwitchKnobBounds" Property="Stroke" Value="{DynamicResource ToggleSwitchStrokeOnPointerOver}" />
@@ -1275,6 +1558,7 @@
         </Setter>
     </Style>
 
+    <Style BasedOn="{StaticResource DefaultToggleSwitch}" TargetType="{x:Type ui:ToggleSwitch}" />
 
     <!--#region Expander for Setting Window-->
     <Style x:Key="ExpanderRightHeaderStyle" TargetType="{x:Type ToggleButton}">
diff --git a/Flow.Launcher/SettingWindow.xaml b/Flow.Launcher/SettingWindow.xaml
index 01dcf8e8f..b65b0abe4 100644
--- a/Flow.Launcher/SettingWindow.xaml
+++ b/Flow.Launcher/SettingWindow.xaml
@@ -91,18 +91,28 @@
             <Setter Property="VerticalAlignment" Value="Center" />
             <Setter Property="HorizontalAlignment" Value="Left" />
         </Style>
-        <Style x:Key="SideControlCheckBox" TargetType="{x:Type CheckBox}">
-            <Setter Property="HorizontalAlignment" Value="Right" />
-            <Setter Property="VerticalAlignment" Value="Center" />
+        <Style
+            x:Key="SideControlCheckBox"
+            BasedOn="{StaticResource DefaultCheckBoxStyle}"
+            TargetType="{x:Type CheckBox}">
+            <Setter Property="Width" Value="24" />
             <Setter Property="Grid.Column" Value="2" />
-            <Setter Property="Margin" Value="0,4,18,4" />
+            <Setter Property="Margin" Value="0,4,0,4" />
             <Setter Property="LayoutTransform">
                 <Setter.Value>
-                    <ScaleTransform ScaleX="1.5" ScaleY="1.5" />
+                    <ScaleTransform ScaleX="1" ScaleY="1" />
                 </Setter.Value>
             </Setter>
         </Style>
 
+        <Style
+            x:Key="SideToggleSwitch"
+            BasedOn="{StaticResource DefaultToggleSwitch}"
+            TargetType="{x:Type ui:ToggleSwitch}">
+            <Setter Property="Grid.Column" Value="2" />
+            <Setter Property="Margin" Value="0,4,0,4" />
+        </Style>
+
         <Style x:Key="logo" TargetType="{x:Type TabItem}">
             <!--#region Logo Style-->
             <Setter Property="Margin" Value="0" />
@@ -449,7 +459,6 @@
                                 <TextBlock Style="{DynamicResource SettingTitleLabel}" Text="{DynamicResource startFlowLauncherOnSystemStartup}" />
                             </StackPanel>
                             <CheckBox
-                                HorizontalAlignment="Right"
                                 Checked="OnAutoStartupChecked"
                                 IsChecked="{Binding Settings.StartFlowLauncherOnSystemStartup}"
                                 Style="{DynamicResource SideControlCheckBox}"
@@ -558,7 +567,8 @@
                                 Grid.Column="2"
                                 Width="100"
                                 FocusVisualMargin="5"
-                                IsOn="{Binding AutoUpdates}" />
+                                IsOn="{Binding AutoUpdates}"
+                                Style="{DynamicResource SideToggleSwitch}" />
                             <TextBlock
                                 Grid.Column="0"
                                 Margin="24,0,16,0"
@@ -580,7 +590,8 @@
                                 Grid.Column="2"
                                 Width="100"
                                 FocusVisualMargin="5"
-                                IsOn="{Binding PortableMode}" />
+                                IsOn="{Binding PortableMode}"
+                                Style="{DynamicResource SideToggleSwitch}" />
                             <TextBlock
                                 Grid.Column="0"
                                 Margin="24,0,16,0"
@@ -794,7 +805,7 @@
                                                     MaxWidth="700" />
                                                 <ColumnDefinition MaxWidth="1400" />
                                                 <ColumnDefinition Width="100" />
-                                                <ColumnDefinition Width="80" />
+                                                <ColumnDefinition Width="90" />
                                             </Grid.ColumnDefinitions>
                                             <StackPanel
                                                 Grid.Column="0"
@@ -905,7 +916,7 @@
                                                             <Button
                                                                 Grid.Column="2"
                                                                 Width="100"
-                                                                Height="40"
+                                                                Height="34"
                                                                 Margin="5,0,0,0"
                                                                 HorizontalAlignment="Right"
                                                                 Click="OnPluginActionKeywordsClick"
@@ -914,18 +925,7 @@
                                                                 DockPanel.Dock="Right"
                                                                 FontWeight="Bold"
                                                                 ToolTip="Change Action Keywords"
-                                                                Visibility="{Binding ActionKeywordsVisibility}">
-
-                                                                <Button.Resources>
-                                                                    <Style TargetType="Border">
-                                                                        <Setter Property="CornerRadius" Value="2" />
-                                                                        <Setter Property="BorderThickness" Value="1,1,1,2" />
-                                                                        <Setter Property="BorderBrush" Value="#ececec" />
-                                                                        <Setter Property="Background" Value="#ffffff" />
-
-                                                                    </Style>
-                                                                </Button.Resources>
-                                                            </Button>
+                                                                Visibility="{Binding ActionKeywordsVisibility}" />
                                                         </DockPanel>
 
                                                     </ItemsControl>
@@ -1455,8 +1455,8 @@
                                     <ui:ToggleSwitch
                                         Grid.Row="0"
                                         Grid.Column="2"
-                                        Width="80"
-                                        Margin="0,0,18,0"
+                                        Width="100"
+                                        Margin="0,0,2,0"
                                         IsOn="{Binding DropShadowEffect, Mode=TwoWay}" />
                                     <TextBlock
                                         Grid.Column="0"
@@ -1576,8 +1576,8 @@
                                             <ui:ToggleSwitch
                                                 Grid.Row="0"
                                                 Grid.Column="2"
-                                                Width="80"
-                                                Margin="0,0,18,0"
+                                                Width="100"
+                                                Margin="0,0,2,0"
                                                 IsOn="{Binding UseGlyphIcons, Mode=TwoWay}" />
                                             <TextBlock
                                                 Grid.Column="0"
@@ -1759,7 +1759,7 @@
                         <Grid.RowDefinitions>
                             <RowDefinition Height="43" />
                             <RowDefinition Height="80" />
-                            <RowDefinition Height="150" />
+                            <RowDefinition Height="160" />
                             <RowDefinition Height="50" />
                             <RowDefinition Height="250" />
                             <RowDefinition Height="70" />
@@ -1840,11 +1840,18 @@
                                     BorderThickness="0"
                                     Style="{DynamicResource SettingGroupBox}">
                                     <ItemsControl Style="{StaticResource SettingGrid}">
-                                        <StackPanel Grid.Column="1" Style="{StaticResource TextPanel}">
-                                            <TextBlock VerticalAlignment="Center" Text="{DynamicResource showOpenResultHotkey}" />
+                                        <StackPanel Style="{StaticResource TextPanel}">
+                                            <TextBlock
+                                                Grid.Column="1"
+                                                VerticalAlignment="Center"
+                                                Text="{DynamicResource showOpenResultHotkey}" />
                                             <TextBlock Style="{DynamicResource SettingSubTitleLabel}" Text="{DynamicResource showOpenResultHotkeyToolTip}" />
                                         </StackPanel>
-                                        <CheckBox IsChecked="{Binding Settings.ShowOpenResultHotkey}" Style="{DynamicResource SideControlCheckBox}" />
+                                        <CheckBox
+                                            Grid.Column="2"
+                                            FontSize="14"
+                                            IsChecked="{Binding Settings.ShowOpenResultHotkey}"
+                                            Style="{DynamicResource SideControlCheckBox}" />
                                     </ItemsControl>
                                 </Border>
                             </StackPanel>
@@ -2060,10 +2067,7 @@
                                 </Border>
                             </StackPanel>
                         </Border>
-                        <Border
-                            Margin="0,12,0,0"
-                            BorderThickness="0"
-                            Style="{DynamicResource SettingGroupBox}">
+                        <Border Margin="0,12,0,0" Style="{DynamicResource SettingGroupBox}">
                             <ItemsControl Style="{StaticResource SettingGrid}">
                                 <TextBlock
                                     Grid.Column="1"