Hover backgrounds

PixiEditor/Views/UserControls/Palettes/PaletteItem.xaml

@@ -42,16 +42,45 @@
             </ItemsControl.ItemTemplate>
         </ItemsControl>
         <StackPanel Orientation="Horizontal" Grid.Row="0" Grid.RowSpan="2" Grid.Column="1" VerticalAlignment="Center">
-            <Button Width="24" Height="24" Margin="2"
-                ToolTip="Import"
-                Style="{StaticResource ToolButtonStyle}" Cursor="Hand" 
+            <Border Margin="0 0 2 0" Width="28" Height="28" HorizontalAlignment="Right" CornerRadius="2.5">
+                <Border.Style>
+                    <Style TargetType="Border">
+                        <Style.Triggers>
+                            <Trigger Property="IsMouseOver" Value="True">
+                                <Setter Property="Background" Value="SeaGreen"/>
+                            </Trigger>
+                            <Trigger Property="IsMouseOver" Value="False">
+                                <Setter Property="Background" Value="Transparent"/>
+                            </Trigger>
+                        </Style.Triggers>
+                    </Style>
+                </Border.Style>
+            <Button
+                    ToolTip="Import" Cursor="Hand" 
                     Command="{Binding ImportPaletteCommand, ElementName=paletteItem}"
+                    Style="{StaticResource ToolButtonStyle}"
+                    Margin="0 3 0 0" Width="24" Height="24"
                     CommandParameter="{Binding ElementName=paletteItem, Path=Palette.Colors}">
                 <Button.Background>
                     <ImageBrush ImageSource="/Images/Check-square.png"/>
                 </Button.Background>
             </Button>
-            <Button Margin="2 0 -2 0" Width="24" Height="24" HorizontalAlignment="Right"
+            </Border>
+            <Border Margin="2 0 -2 0" Width="28" Height="28" HorizontalAlignment="Right" CornerRadius="2.5"
+                    Padding="2">
+                <Border.Style>
+                    <Style TargetType="Border">
+                        <Style.Triggers>
+                            <Trigger Property="IsMouseOver" Value="True">
+                                <Setter Property="Background" Value="DarkOrange"/>
+                            </Trigger>
+                            <Trigger Property="IsMouseOver" Value="False">
+                                <Setter Property="Background" Value="Transparent"/>
+                            </Trigger>
+                        </Style.Triggers>
+                    </Style>
+                </Border.Style>
+            <Button
                     Command="{Binding ElementName=paletteItem, Path=ToggleFavouriteCommand}"
                     CommandParameter="{Binding ElementName=paletteItem, Path=Palette}">
                 <Button.Style>
@@ -74,7 +103,7 @@
                         </Style.Triggers>
                     </Style>
                 </Button.Style>
-            </Button>
+            </Button></Border>
             <Border Width="28" Height="28" CornerRadius="2.5"
                     Margin="5 0 0 0" Padding="2">
                 <Border.Style>