title: Changing the label foreground on mouseover, but the label is inside of button content
body: <p>I am new at WPF and XAML, but still as I was reading about this is tricky thing. The thing what I want to change on mouseover is the <code>Label</code> foreground color, but the label is inside of the button content. Everything should be done by styles, without <code>C#</code>. </p>
  
  <pre><code>&lt;Button Name="Home_Button" Height="50" VerticalAlignment="Top" Click="Home_Click" Background="Gray" Foreground="{x:Null}" BorderBrush="{x:Null}" BorderThickness="0"&gt;
     &lt;DockPanel&gt;
         &lt;Image Source="Images/icons/home.png" HorizontalAlignment="Left" Margin="-90,0,0,0" /&gt;
         &lt;Label VerticalAlignment="Center" HorizontalAlignment="Right"  Margin="0,0,-90,0" Foreground="LightGray" FontSize="12"&gt;Home&lt;/Label&gt;
     &lt;/DockPanel&gt;
  &lt;/Button&gt;
  </code></pre>
  
  <p>My style settings looks like this:</p>
  
  <pre><code>&lt;Style TargetType="{x:Type Button}" x:Key="MetroButton"&gt;
      &lt;Setter Property="MinHeight" Value="25" /&gt;
      &lt;Setter Property="FontWeight" Value="Bold" /&gt;
      &lt;Setter Property="FontSize" Value="10" /&gt;
      &lt;Setter Property="FontFamily" Value="{DynamicResource DefaultFont}" /&gt;
      &lt;Setter Property="Background" Value="{DynamicResource GrayBrush7}" /&gt;
      &lt;Setter Property="BorderBrush" Value="{DynamicResource TextBoxBorderBrush}" /&gt;
      &lt;Setter Property="Foreground" Value="{DynamicResource TextBrush}" /&gt;
      &lt;Setter Property="Padding" Value="5,6" /&gt;
      &lt;Setter Property="BorderThickness" Value="1" /&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate TargetType="Button"&gt;
                  &lt;Grid&gt;
                      &lt;VisualStateManager.VisualStateGroups&gt;
                          &lt;VisualStateGroup x:Name="CommonStates"&gt;
                              &lt;VisualState x:Name="Normal" /&gt;
                              &lt;VisualState x:Name="MouseOver"&gt;
                                  &lt;Storyboard&gt;
                                      &lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="MouseOverBorder"&gt;
                                          &lt;EasingDoubleKeyFrame KeyTime="0" Value="1" /&gt;
                                      &lt;/DoubleAnimationUsingKeyFrames&gt;
                                  &lt;/Storyboard&gt;
                              &lt;/VisualState&gt;
                              &lt;VisualState x:Name="Pressed"&gt;
                                  &lt;Storyboard&gt;
                                      &lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="PressedBorder"&gt;
                                          &lt;EasingDoubleKeyFrame KeyTime="0" Value="1" /&gt;
                                      &lt;/DoubleAnimationUsingKeyFrames&gt;
                                  &lt;/Storyboard&gt;
                              &lt;/VisualState&gt;
                              &lt;VisualState x:Name="Disabled"&gt;
                                  &lt;Storyboard&gt;
                                      &lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="DisabledVisualElement"&gt;
                                          &lt;SplineDoubleKeyFrame KeyTime="0" Value="0.7" /&gt;
                                      &lt;/DoubleAnimationUsingKeyFrames&gt;
                                      &lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="contentPresenter"&gt;
                                          &lt;EasingDoubleKeyFrame KeyTime="0" Value="0.3" /&gt;
                                      &lt;/DoubleAnimationUsingKeyFrames&gt;
                                  &lt;/Storyboard&gt;
                              &lt;/VisualState&gt;
                          &lt;/VisualStateGroup&gt;
                          &lt;VisualStateGroup x:Name="FocusStates"&gt;
                              &lt;VisualState x:Name="Focused"&gt;
                                  &lt;Storyboard&gt;
                                      &lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="ActiveContent"&gt;
                                          &lt;EasingDoubleKeyFrame KeyTime="0" Value="1" /&gt;
                                      &lt;/DoubleAnimationUsingKeyFrames&gt;
                                      &lt;DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="ActiveContent"&gt;
                                          &lt;EasingDoubleKeyFrame KeyTime="0" Value="1" /&gt;
                                      &lt;/DoubleAnimationUsingKeyFrames&gt;
                                  &lt;/Storyboard&gt;
                              &lt;/VisualState&gt;
                              &lt;VisualState x:Name="Unfocused" /&gt;
                          &lt;/VisualStateGroup&gt;
                      &lt;/VisualStateManager.VisualStateGroups&gt;
                      &lt;Border x:Name="Background"
                              BorderBrush="{TemplateBinding BorderBrush}"
                              BorderThickness="{TemplateBinding BorderThickness}"
                              Background="{TemplateBinding Background}" /&gt;
                      &lt;Rectangle x:Name="DisabledVisualElement"
                                 Fill="{DynamicResource ControlsDisabledBrush}"
                                 IsHitTestVisible="false"
                                 Opacity="0"
                                 RadiusY="3"
                                 RadiusX="3" /&gt;
                      &lt;Border x:Name="MouseOverBorder"
                              Background="{DynamicResource GrayBrush8}"
                              BorderThickness="{TemplateBinding BorderThickness}"
                              Opacity="0" /&gt;
                      &lt;Border x:Name="ActiveContent"
                              Background="LightGray"
                              Opacity="0" 
                              /&gt;
                      &lt;Border x:Name="PressedBorder"
                              Background="{DynamicResource GrayBrush5}"
                              BorderThickness="{TemplateBinding BorderThickness}"
                              Opacity="0" /&gt;
                      &lt;Rectangle x:Name="FocusRectangle"
                                 Stroke="{DynamicResource TextBoxMouseOverInnerBorderBrush}"
                                 RadiusY="4"
                                 RadiusX="4"
                                 Margin="-1"
                                 Opacity="0" /&gt;
                      &lt;Rectangle x:Name="FocusInnerRectangle"
                                 StrokeThickness="{TemplateBinding BorderThickness}"
                                 Stroke="{DynamicResource TextBoxMouseOverBorderBrush}"
                                 RadiusX="3"
                                 RadiusY="3"
                                 Opacity="0" /&gt;
                      &lt;ContentPresenter x:Name="contentPresenter"
                                        RecognizesAccessKey="True"
                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                        Content="{TemplateBinding Content, Converter={StaticResource ToUpperConverter}}"
                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        Margin="{TemplateBinding Padding}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}" /&gt;
                  &lt;/Grid&gt;
              &lt;/ControlTemplate&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  </code></pre>
  
  <p>Now I wanna change the <code>Foreground.Color</code> on <code>MouseOver</code> on the <code>Label</code> which is inside of the <code>Button</code>. Right now the style settings only change the <code>Background</code> of the <code>Button</code> on <code>MouseOver</code>.</p>