title: WPF Context Menu custom style issue
body: <p>I am trying to customize context menu in WPF, and i am able to achieve it by following <a href="http://msdn.microsoft.com/en-us/library/ms752296.aspx" rel="nofollow noreferrer">this</a> example on MSDN. The last piece in the Jigsaw is the submenu title color (Submenu header).</p>
  
  <p>If you notice both submenu has white on mouse hover but Submenu title takes the normal color of the submenu items (Item 1, Item , etc) even when it is highlighted.</p>
  
  <p>What do i need to do to change its highlighted or mouse hover color.  </p>
  
  <pre><code>&lt;ControlTemplate x:Key="{x:Static MenuItem.SubmenuHeaderTemplateKey}" TargetType="{x:Type MenuItem}"&gt;
      &lt;Border x:Name="Border" BorderThickness="1"&gt;
          &lt;Grid Height="22"&gt;
              &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition Width="Auto" SharedSizeGroup="Icon" /&gt;
              &lt;ColumnDefinition Width="*" /&gt;
              &lt;ColumnDefinition Width="Auto" SharedSizeGroup="Shortcut" /&gt;
              &lt;ColumnDefinition Width="13" /&gt;
              &lt;/Grid.ColumnDefinitions&gt;
              &lt;ContentPresenter x:Name="Icon" Margin="6,0,6,0" VerticalAlignment="Center" ContentSource="Icon"/&gt;
              &lt;ContentPresenter x:Name="HeaderHost" Margin="3,0,3,0" Grid.Column="1" VerticalAlignment="Center" ContentSource="Header" RecognizesAccessKey="True" TextOptions.TextFormattingMode="Display" /&gt;
              &lt;Path x:Name="RightArrow" Grid.Column="3" HorizontalAlignment="Center" VerticalAlignment="Center" Data="M 0 0 L 0 7 L 4 3.5 Z" Fill="#49a3e1" /&gt;
              &lt;Popup x:Name="Popup" Placement="Right" HorizontalOffset="-4" IsOpen="{TemplateBinding IsSubmenuOpen}" AllowsTransparency="True" Focusable="False" PopupAnimation="Fade"&gt;
              &lt;Border x:Name="SubmenuBorder" SnapsToDevicePixels="True" Background="White" BorderThickness="1" BorderBrush="#49a3e1"&gt;
                  &lt;StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Cycle"/&gt;
              &lt;/Border&gt;
              &lt;/Popup&gt;
          &lt;/Grid&gt;
      &lt;/Border&gt;
      &lt;ControlTemplate.Triggers&gt;
          &lt;Trigger Property="Icon" Value="{x:Null}"&gt;
              &lt;Setter TargetName="Icon" Property="Visibility" Value="Collapsed" /&gt;
          &lt;/Trigger&gt;
          &lt;Trigger Property="IsHighlighted" Value="true"&gt;
              &lt;Setter Property="Background" TargetName="Border" Value="#49a3e1"/&gt;
              &lt;Setter Property="Fill" TargetName="RightArrow" Value="White"/&gt;
              &lt;Setter Property="Foreground" Value="White"/&gt;
          &lt;/Trigger&gt;
          &lt;Trigger Property="IsHighlighted" Value="false"&gt;
              &lt;Setter Property="Foreground" Value="Red"/&gt;
          &lt;/Trigger&gt;
          &lt;Trigger SourceName="Popup" Property="AllowsTransparency" Value="True"&gt;
              &lt;Setter TargetName="SubmenuBorder" Property="Padding" Value="3" /&gt;
              &lt;Setter Property="Foreground" Value="Black"/&gt;
          &lt;/Trigger&gt;
          &lt;Trigger Property="IsEnabled" Value="false"&gt;
              &lt;Setter Property="Foreground" Value="Pink"/&gt;
          &lt;/Trigger&gt;
      &lt;/ControlTemplate.Triggers&gt;
      &lt;/ControlTemplate&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/YoR8z.png" alt="enter image description here"></p>