Make mark-all-read hover subtler using navbar hover brush

UserControls/Announcements.xaml

@@ -11,26 +11,24 @@
         <Style x:Key="ReadAllButtonChromeStyle"
                TargetType="{x:Type Border}">
             <Setter Property="Width"
-                    Value="30" />
+                    Value="28" />
             <Setter Property="Height"
-                    Value="30" />
+                    Value="28" />
             <Setter Property="CornerRadius"
-                    Value="8" />
+                    Value="7" />
             <Setter Property="Background"
                     Value="Transparent" />
             <Setter Property="BorderBrush"
                     Value="Transparent" />
             <Setter Property="BorderThickness"
-                    Value="1" />
+                    Value="0" />
             <Setter Property="Cursor"
                     Value="Hand" />
             <Style.Triggers>
                 <Trigger Property="IsMouseOver"
                          Value="True">
                     <Setter Property="Background"
-                            Value="{DynamicResource headerControlHoverBackgroundColor}" />
-                    <Setter Property="BorderBrush"
-                            Value="{DynamicResource cardBorderColor}" />
+                            Value="{DynamicResource navigationHoverColor}" />
                 </Trigger>
             </Style.Triggers>
         </Style>
@@ -98,8 +96,8 @@
                 </Border>
             </StackPanel>
             <Border Style="{StaticResource ReadAllButtonChromeStyle}"
-                    Canvas.Left="334"
-                    Canvas.Top="11"
+                    Canvas.Left="335"
+                    Canvas.Top="12"
                     Visibility="{Binding Visibility, ElementName=buttonReadAllAnnouncements}"
                     ToolTip="{x:Static resx:Resources.removeMarkups}"
                     PreviewMouseDown="ReadAll_PreviewMouseDown">