From af577b988de58029b7f75c7683d3e550da7229ba Mon Sep 17 00:00:00 2001
From: United600 <United600@users.noreply.github.com>
Date: Mon, 22 Jul 2024 22:40:16 +0100
Subject: [PATCH] improve and rename dismiss button style

add ToggleReplaceModeButton animation
---
 src/Notepads/App.xaml                         |   2 +-
 .../DiffViewer/SideBySideDiffViewer.xaml      |   6 +-
 .../FindAndReplace/FindAndReplaceControl.xaml |  69 ++++++----
 .../FindAndReplaceControl.xaml.cs             |   5 +-
 src/Notepads/Controls/GoTo/GoToControl.xaml   |   6 +-
 src/Notepads/Notepads.csproj                  |   2 +-
 src/Notepads/Resource/DismissButtonStyle.xaml |  89 -------------
 .../Resource/TransparentButtonStyle.xaml      | 125 ++++++++++++++++++
 8 files changed, 182 insertions(+), 122 deletions(-)
 delete mode 100644 src/Notepads/Resource/DismissButtonStyle.xaml
 create mode 100644 src/Notepads/Resource/TransparentButtonStyle.xaml

diff --git a/src/Notepads/App.xaml b/src/Notepads/App.xaml
index af23eda27..05d2df668 100644
--- a/src/Notepads/App.xaml
+++ b/src/Notepads/App.xaml
@@ -22,7 +22,7 @@
                 <ResourceDictionary Source="Notepads.Controls/Themes/Generic.xaml" />
                 <ResourceDictionary Source="Controls/TextEditor/TextEditorCore.xaml" />
                 <ResourceDictionary Source="Controls/FindAndReplace/FindAndReplacePlaceholder.xaml"></ResourceDictionary>
-                <ResourceDictionary Source="Resource/DismissButtonStyle.xaml"></ResourceDictionary>
+                <ResourceDictionary Source="Resource/TransparentButtonStyle.xaml" />
                 <ResourceDictionary Source="Resource/TransparentTextBoxStyle.xaml"></ResourceDictionary>
                 <ResourceDictionary Source="Resource/CustomSplitViewStyle.xaml"></ResourceDictionary>
                 <ResourceDictionary Source="Resource/InAppNotificationNoDismissButton.xaml"></ResourceDictionary>
diff --git a/src/Notepads/Controls/DiffViewer/SideBySideDiffViewer.xaml b/src/Notepads/Controls/DiffViewer/SideBySideDiffViewer.xaml
index 407935940..9b8606637 100644
--- a/src/Notepads/Controls/DiffViewer/SideBySideDiffViewer.xaml
+++ b/src/Notepads/Controls/DiffViewer/SideBySideDiffViewer.xaml
@@ -39,13 +39,13 @@
             <Grid Grid.Row="0" Background="{ThemeResource HeaderBackgroundThemeBrush}">
                 <Button x:Name="DismissButton"
                         x:Uid="FindAndReplace_DismissButton"
-                        Style="{StaticResource DismissButtonStyle}"
+                        Style="{StaticResource TransparentButtonStyle}"
                         Width="42"
+                        Padding="0"
                         HorizontalAlignment="Left"
                         VerticalAlignment="Stretch"
-                        Content="&#xE894;"
-                        FontSize="12"
                         IsTabStop="False">
+                    <FontIcon FontSize="12" Glyph="&#xE894;" />
                     <Button.KeyboardAccelerators>
                         <KeyboardAccelerator Key="Escape" />
                     </Button.KeyboardAccelerators>
diff --git a/src/Notepads/Controls/FindAndReplace/FindAndReplaceControl.xaml b/src/Notepads/Controls/FindAndReplace/FindAndReplaceControl.xaml
index 903c5b29e..405de8016 100644
--- a/src/Notepads/Controls/FindAndReplace/FindAndReplaceControl.xaml
+++ b/src/Notepads/Controls/FindAndReplace/FindAndReplaceControl.xaml
@@ -28,13 +28,36 @@
               Grid.Column="0">
             <Button x:Name="ToggleReplaceModeButton"
                     x:Uid="FindAndReplace_ToggleReplaceModeButton"
-                    Style="{StaticResource DismissButtonStyle}"
+                    Style="{StaticResource TransparentButtonStyle}"
                     Width="20"
                     MinHeight="32"
-                    d:Content="&#xE76C;"
-                    FontSize="12"
+                    Padding="0"
                     Click="ToggleReplaceModeButton_OnClick"
-                    IsTabStop="False" />
+                    IsTabStop="False">
+                <Button.Resources>
+                    <x:String x:Key="ExpandCollapseChevronAnimationDuration">00:00:00.200</x:String>
+                    <x:String x:Key="ExpandCollapseChevronKeySpline">0.1,0.25,0.1,0.75</x:String>
+
+                    <Storyboard x:Name="ReplaceBarClosed">
+                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ExpandCollapseChevronTransform" Storyboard.TargetProperty="Rotation">
+                            <SplineDoubleKeyFrame KeyTime="{StaticResource ExpandCollapseChevronAnimationDuration}" Value="0" KeySpline="{StaticResource ExpandCollapseChevronKeySpline}" />
+                        </DoubleAnimationUsingKeyFrames>
+                    </Storyboard>
+
+                    <Storyboard x:Name="ReplaceBarOpened">
+                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ExpandCollapseChevronTransform" Storyboard.TargetProperty="Rotation">
+                            <SplineDoubleKeyFrame KeyTime="{StaticResource ExpandCollapseChevronAnimationDuration}" Value="90" KeySpline="{StaticResource ExpandCollapseChevronKeySpline}" />
+                        </DoubleAnimationUsingKeyFrames>
+                    </Storyboard>
+                </Button.Resources>
+                <FontIcon FontSize="12"
+                          Glyph="&#xE974;"
+                          RenderTransformOrigin="0.5 0.5">
+                    <FontIcon.RenderTransform>
+                        <CompositeTransform x:Name="ExpandCollapseChevronTransform" />
+                    </FontIcon.RenderTransform>
+                </FontIcon>
+            </Button>
         </Grid>
 
         <RelativePanel x:Name="FindBarPlaceHolder"
@@ -92,12 +115,11 @@
                 </Line>
                 <Button x:Name="OptionButton"
                         x:Uid="FindAndReplace_SearchOptionButton"
-                        Style="{StaticResource DismissButtonStyle}"
+                        Style="{StaticResource TransparentButtonStyle}"
                         Width="32"
                         Height="32"
-                        Content="&#xE712;"
-                        FontSize="16"
                         IsTabStop="False">
+                    <FontIcon FontSize="16" Glyph="&#xE712;" />
                     <Button.Flyout>
                         <MenuFlyout Placement="BottomEdgeAlignedRight">
                             <ToggleMenuFlyoutItem x:Name="MatchCaseToggle"
@@ -142,14 +164,14 @@
             <Button x:Name="SearchBackwardButton"
                     x:Uid="FindAndReplace_SearchBackwardButton"
                     Grid.Column="0"
-                    Style="{StaticResource DismissButtonStyle}"
+                    Style="{StaticResource TransparentButtonStyle}"
                     Width="36"
                     Height="32"
-                    Content="&#xE74A;"
-                    FontSize="16"
+                    Padding="0"
                     Click="SearchBackwardButton_OnClick"
                     IsEnabled="False"
                     IsTabStop="False">
+                <FontIcon FontSize="16" Glyph="&#xE74A;" />
                 <Button.KeyboardAccelerators>
                     <KeyboardAccelerator Modifiers="Shift" Key="F3" />
                 </Button.KeyboardAccelerators>
@@ -158,14 +180,14 @@
             <Button x:Name="SearchForwardButton"
                     x:Uid="FindAndReplace_SearchForwardButton"
                     Grid.Column="1"
-                    Style="{StaticResource DismissButtonStyle}"
+                    Style="{StaticResource TransparentButtonStyle}"
                     Width="36"
                     Height="32"
-                    Content="&#xE74B;"
-                    FontSize="16"
+                    Padding="0"
                     Click="SearchForwardButton_OnClick"
                     IsEnabled="False"
                     IsTabStop="False">
+                <FontIcon FontSize="16" Glyph="&#xE74B;" />
                 <Button.KeyboardAccelerators>
                     <KeyboardAccelerator Key="F3" />
                 </Button.KeyboardAccelerators>
@@ -174,13 +196,14 @@
             <Button x:Name="DismissButton"
                     x:Uid="FindAndReplace_DismissButton"
                     Grid.Column="2"
-                    Style="{StaticResource DismissButtonStyle}"
+                    Style="{StaticResource TransparentButtonStyle}"
                     Width="36"
                     Height="32"
-                    Content="&#xE894;"
-                    FontSize="16"
+                    Padding="0"
                     Click="DismissButton_OnClick"
-                    IsTabStop="False" />
+                    IsTabStop="False">
+                <FontIcon FontSize="16" Glyph="&#xE894;" />
+            </Button>
         </Grid>
 
         <Grid x:Name="ReplaceBarPlaceHolder"
@@ -215,14 +238,14 @@
                 <Button x:Name="ReplaceButton"
                         x:Uid="FindAndReplace_ReplaceButton"
                         Grid.Column="0"
-                        Style="{StaticResource DismissButtonStyle}"
+                        Style="{StaticResource TransparentButtonStyle}"
                         Width="36"
                         Height="32"
-                        Content="&#xE8AB;"
-                        FontSize="16"
+                        Padding="0"
                         Click="ReplaceButton_OnClick"
                         IsEnabled="False"
                         IsTabStop="False">
+                    <FontIcon FontSize="16" Glyph="&#xE8AB;" />
                     <Button.KeyboardAccelerators>
                         <KeyboardAccelerator Modifiers="Menu" Key="R" />
                     </Button.KeyboardAccelerators>
@@ -231,14 +254,14 @@
                 <Button x:Name="ReplaceAllButton"
                         x:Uid="FindAndReplace_ReplaceAllButton"
                         Grid.Column="1"
-                        Style="{StaticResource DismissButtonStyle}"
+                        Style="{StaticResource TransparentButtonStyle}"
                         Width="36"
                         Height="32"
-                        Content="&#xE7FD;"
-                        FontSize="16"
+                        Padding="0"
                         Click="ReplaceAllButton_OnClick"
                         IsEnabled="False"
                         IsTabStop="False">
+                    <FontIcon FontSize="16" Glyph="&#xE7FD;" />
                     <Button.KeyboardAccelerators>
                         <KeyboardAccelerator Modifiers="Control,Menu" Key="Enter" />
                     </Button.KeyboardAccelerators>
diff --git a/src/Notepads/Controls/FindAndReplace/FindAndReplaceControl.xaml.cs b/src/Notepads/Controls/FindAndReplace/FindAndReplaceControl.xaml.cs
index 5f7499217..461173f9b 100644
--- a/src/Notepads/Controls/FindAndReplace/FindAndReplaceControl.xaml.cs
+++ b/src/Notepads/Controls/FindAndReplace/FindAndReplaceControl.xaml.cs
@@ -119,7 +119,7 @@ public void ShowReplaceBar(bool showReplaceBar)
             {
                 ToggleReplaceModeButtonGrid.SetValue(Grid.RowSpanProperty, 2);
                 ToggleReplaceModeButton.VerticalAlignment = VerticalAlignment.Stretch;
-                ToggleReplaceModeButton.Content = "\uE70D";
+                ReplaceBarOpened.Begin();
                 ReplaceBarPlaceHolder.Visibility = Visibility.Visible;
                 if (!string.IsNullOrEmpty(FindBar.Text))
                 {
@@ -130,8 +130,7 @@ public void ShowReplaceBar(bool showReplaceBar)
             else
             {
                 ToggleReplaceModeButtonGrid.SetValue(Grid.RowSpanProperty, 1);
-                ToggleReplaceModeButton.VerticalAlignment = VerticalAlignment.Top;
-                ToggleReplaceModeButton.Content = "\uE76C";
+                ReplaceBarClosed.Begin();
                 ReplaceBarPlaceHolder.Visibility = Visibility.Collapsed;
                 ReplaceButton.IsEnabled = false;
                 ReplaceAllButton.IsEnabled = false;
diff --git a/src/Notepads/Controls/GoTo/GoToControl.xaml b/src/Notepads/Controls/GoTo/GoToControl.xaml
index 868079fd5..90824212e 100644
--- a/src/Notepads/Controls/GoTo/GoToControl.xaml
+++ b/src/Notepads/Controls/GoTo/GoToControl.xaml
@@ -48,9 +48,10 @@
         <Button x:Name="SearchButton"
                 x:Uid="GoTo_SearchButton"
                 Grid.Column="2"
-                Style="{StaticResource DismissButtonStyle}"
+                Style="{StaticResource TransparentButtonStyle}"
                 Width="36"
                 Height="32"
+                Padding="0"
                 VerticalAlignment="Top"
                 Content="&#xEBE7;"
                 FontSize="16"
@@ -62,9 +63,10 @@
         <Button x:Name="DismissButton"
                 x:Uid="FindAndReplace_DismissButton"
                 Grid.Column="3"
-                Style="{StaticResource DismissButtonStyle}"
+                Style="{StaticResource TransparentButtonStyle}"
                 Width="36"
                 Height="32"
+                Padding="0"
                 VerticalAlignment="Top"
                 Content="&#xE894;"
                 FontSize="16"
diff --git a/src/Notepads/Notepads.csproj b/src/Notepads/Notepads.csproj
index 22000c977..3afae33c5 100644
--- a/src/Notepads/Notepads.csproj
+++ b/src/Notepads/Notepads.csproj
@@ -401,7 +401,7 @@
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
-    <Page Include="Resource\DismissButtonStyle.xaml">
+    <Page Include="Resource\TransparentButtonStyle.xaml">
       <SubType>Designer</SubType>
       <Generator>MSBuild:Compile</Generator>
     </Page>
diff --git a/src/Notepads/Resource/DismissButtonStyle.xaml b/src/Notepads/Resource/DismissButtonStyle.xaml
deleted file mode 100644
index 8ce87e3a5..000000000
--- a/src/Notepads/Resource/DismissButtonStyle.xaml
+++ /dev/null
@@ -1,89 +0,0 @@
-<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-                    xmlns:local="using:Notepads">
-
-    <Style x:Key="DismissButtonStyle" TargetType="Button">
-        <Setter Property="Background" Value="{ThemeResource SystemControlTransparentBrush}" />
-        <Setter Property="BackgroundSizing" Value="OuterBorderEdge" />
-        <Setter Property="BorderBrush" Value="{ThemeResource HyperlinkButtonBorderBrush}" />
-        <Setter Property="Padding" Value="0" />
-        <Setter Property="FontFamily" Value="{ThemeResource SymbolThemeFontFamily}" />
-        <Setter Property="FontSize" Value="16" />
-        <Setter Property="Template">
-            <Setter.Value>
-                <ControlTemplate TargetType="Button">
-                    <Grid x:Name="ButtonLayoutGrid"
-                          Background="{TemplateBinding Background}"
-                          BackgroundSizing="{TemplateBinding BackgroundSizing}"
-                          BorderBrush="{TemplateBinding BorderBrush}"
-                          BorderThickness="{TemplateBinding BorderThickness}"
-                          CornerRadius="{TemplateBinding CornerRadius}">
-                        <Grid.BackgroundTransition>
-                            <BrushTransition />
-                        </Grid.BackgroundTransition>
-
-                        <TextBlock x:Name="GlyphElement"
-                                   Foreground="{TemplateBinding Foreground}"
-                                   HorizontalAlignment="Center"
-                                   VerticalAlignment="Center"
-                                   FontFamily="{TemplateBinding FontFamily}"
-                                   FontSize="{TemplateBinding FontSize}"
-                                   FontStyle="Normal"
-                                   Text="{TemplateBinding Content}"
-                                   IsTextScaleFactorEnabled="False"
-                                   AutomationProperties.AccessibilityView="Raw" />
-
-                        <VisualStateManager.VisualStateGroups>
-                            <VisualStateGroup x:Name="CommonStates">
-                                <VisualState x:Name="Normal" />
-
-                                <VisualState x:Name="PointerOver">
-                                    <Storyboard>
-                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonLayoutGrid" Storyboard.TargetProperty="Background">
-                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlTransparentBrush}" />
-                                        </ObjectAnimationUsingKeyFrames>
-                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonLayoutGrid" Storyboard.TargetProperty="BorderBrush">
-                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonBorderBrushPointerOver}" />
-                                        </ObjectAnimationUsingKeyFrames>
-                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="GlyphElement" Storyboard.TargetProperty="Foreground">
-                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonForegroundPointerOver}" />
-                                        </ObjectAnimationUsingKeyFrames>
-                                    </Storyboard>
-                                </VisualState>
-
-                                <VisualState x:Name="Pressed">
-                                    <Storyboard>
-                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonLayoutGrid" Storyboard.TargetProperty="Background">
-                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlTransparentBrush}" />
-                                        </ObjectAnimationUsingKeyFrames>
-                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonLayoutGrid" Storyboard.TargetProperty="BorderBrush">
-                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonBorderBrushPressed}" />
-                                        </ObjectAnimationUsingKeyFrames>
-                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="GlyphElement" Storyboard.TargetProperty="Foreground">
-                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonForegroundPressed}" />
-                                        </ObjectAnimationUsingKeyFrames>
-                                    </Storyboard>
-                                </VisualState>
-
-                                <VisualState x:Name="Disabled">
-                                    <Storyboard>
-                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonLayoutGrid" Storyboard.TargetProperty="Background">
-                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlTransparentBrush}" />
-                                        </ObjectAnimationUsingKeyFrames>
-                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ButtonLayoutGrid" Storyboard.TargetProperty="BorderBrush">
-                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonBorderBrushDisabled}" />
-                                        </ObjectAnimationUsingKeyFrames>
-                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="GlyphElement" Storyboard.TargetProperty="Foreground">
-                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonForegroundDisabled}" />
-                                        </ObjectAnimationUsingKeyFrames>
-                                    </Storyboard>
-                                </VisualState>
-                            </VisualStateGroup>
-                        </VisualStateManager.VisualStateGroups>
-                    </Grid>
-                </ControlTemplate>
-            </Setter.Value>
-        </Setter>
-    </Style>
-
-</ResourceDictionary>
diff --git a/src/Notepads/Resource/TransparentButtonStyle.xaml b/src/Notepads/Resource/TransparentButtonStyle.xaml
new file mode 100644
index 000000000..897f4d450
--- /dev/null
+++ b/src/Notepads/Resource/TransparentButtonStyle.xaml
@@ -0,0 +1,125 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:local="using:Notepads">
+
+    <ResourceDictionary.ThemeDictionaries>
+        <ResourceDictionary x:Key="Default">
+            <StaticResource x:Key="TransparentButtonBackground" ResourceKey="SystemControlTransparentBrush" />
+            <StaticResource x:Key="TransparentButtonForeground" ResourceKey="SystemControlForegroundBaseHighBrush" />
+            <StaticResource x:Key="TransparentButtonForegroundPointerOver" ResourceKey="SystemControlForegroundBaseMediumBrush" />
+            <StaticResource x:Key="TransparentButtonForegroundPressed" ResourceKey="SystemControlForegroundBaseMediumLowBrush" />
+            <StaticResource x:Key="TransparentButtonForegroundDisabled" ResourceKey="SystemControlDisabledBaseMediumLowBrush" />
+            <StaticResource x:Key="TransparentButtonBorderBrush" ResourceKey="SystemControlForegroundTransparentBrush" />
+        </ResourceDictionary>
+        <ResourceDictionary x:Key="Light">
+            <StaticResource x:Key="TransparentButtonBackground" ResourceKey="SystemControlTransparentBrush" />
+            <StaticResource x:Key="TransparentButtonForeground" ResourceKey="SystemControlForegroundBaseHighBrush" />
+            <StaticResource x:Key="TransparentButtonForegroundPointerOver" ResourceKey="SystemControlForegroundBaseMediumBrush" />
+            <StaticResource x:Key="TransparentButtonForegroundPressed" ResourceKey="SystemControlForegroundBaseMediumLowBrush" />
+            <StaticResource x:Key="TransparentButtonForegroundDisabled" ResourceKey="SystemControlDisabledBaseMediumLowBrush" />
+            <StaticResource x:Key="TransparentButtonBorderBrush" ResourceKey="SystemControlForegroundTransparentBrush" />
+        </ResourceDictionary>
+        <ResourceDictionary x:Key="HighContrast">
+            <SolidColorBrush x:Key="TransparentButtonBackground" Color="Transparent" />
+            <SolidColorBrush x:Key="TransparentButtonForeground" Color="{ThemeResource SystemColorButtonTextColor}" />
+            <SolidColorBrush x:Key="TransparentButtonForegroundPointerOver" Color="{ThemeResource SystemColorHighlightColor}" />
+            <SolidColorBrush x:Key="TransparentButtonForegroundPressed" Color="{ThemeResource SystemColorHighlightColor}" />
+            <SolidColorBrush x:Key="TransparentButtonForegroundDisabled" Color="{ThemeResource SystemColorGrayTextColor}" />
+            <SolidColorBrush x:Key="TransparentButtonBorderBrush" Color="Transparent" />
+        </ResourceDictionary>
+    </ResourceDictionary.ThemeDictionaries>
+
+    <Thickness x:Key="TransparentButtonBorderThemeThickness">0</Thickness>
+    <Thickness x:Key="ButtonIconPadding">8,8,8,8</Thickness>
+
+    <Style x:Key="TransparentButtonStyle" TargetType="Button">
+        <Setter Property="Background" Value="{ThemeResource TransparentButtonBackground}" />
+        <Setter Property="BackgroundSizing" Value="OuterBorderEdge" />
+        <Setter Property="Foreground" Value="{ThemeResource TransparentButtonForeground}" />
+        <Setter Property="BorderBrush" Value="{ThemeResource TransparentButtonBorderBrush}" />
+        <Setter Property="BorderThickness" Value="{ThemeResource TransparentButtonBorderThemeThickness}" />
+        <!--<Setter Property="Padding" Value="{StaticResource ButtonPadding}" />-->
+        <!--<Setter Property="HorizontalAlignment" Value="Left" />-->
+        <!--<Setter Property="VerticalAlignment" Value="Center" />-->
+        <!--<Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />-->
+        <!--<Setter Property="FontWeight" Value="Normal" />-->
+        <!--<Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />-->
+        <!--<Setter Property="UseSystemFocusVisuals" Value="{StaticResource UseSystemFocusVisuals}" />-->
+        <!--<Setter Property="FocusVisualMargin" Value="-3" />-->
+        <!--<Setter Property="CornerRadius" Value="{ThemeResource ControlCornerRadius}" />-->
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="Button">
+                    <ContentPresenter x:Name="ContentPresenter"
+                                      Background="{TemplateBinding Background}"
+                                      BackgroundSizing="{TemplateBinding BackgroundSizing}"
+                                      BorderBrush="{TemplateBinding BorderBrush}"
+                                      BorderThickness="{TemplateBinding BorderThickness}"
+                                      CornerRadius="{TemplateBinding CornerRadius}"
+                                      Padding="{TemplateBinding Padding}"
+                                      HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                      VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                                      Content="{TemplateBinding Content}"
+                                      ContentTemplate="{TemplateBinding ContentTemplate}"
+                                      ContentTransitions="{TemplateBinding ContentTransitions}"
+                                      AutomationProperties.AccessibilityView="Raw">
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="CommonStates">
+                                <VisualState x:Name="Normal">
+                                    <Storyboard>
+                                        <PointerUpThemeAnimation Storyboard.TargetName="ContentPresenter" />
+                                    </Storyboard>
+                                </VisualState>
+
+                                <VisualState x:Name="PointerOver">
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Background">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TransparentButtonBackground}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="BorderBrush">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TransparentButtonBorderBrush}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TransparentButtonForegroundPointerOver}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <PointerUpThemeAnimation Storyboard.TargetName="ContentPresenter" />
+                                    </Storyboard>
+                                </VisualState>
+
+                                <VisualState x:Name="Pressed">
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Background">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TransparentButtonBackground}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="BorderBrush">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TransparentButtonBorderBrush}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TransparentButtonForegroundPressed}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <PointerDownThemeAnimation Storyboard.TargetName="ContentPresenter" />
+                                    </Storyboard>
+                                </VisualState>
+
+                                <VisualState x:Name="Disabled">
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Background">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TransparentButtonBackground}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="BorderBrush">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TransparentButtonBorderBrush}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
+                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TransparentButtonForegroundDisabled}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                            </VisualStateGroup>
+                        </VisualStateManager.VisualStateGroups>
+                    </ContentPresenter>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>