title: I dont want two blues when mouse is over the TabItem
body: <p>Here is the XAML codes.</p>
  
  <p>I dont want two blues when mouse is over the TabItem.</p>
  
  <p>I dont want two blues when mouse is over the TabItem.</p>
  
  <p>I dont want two blues when mouse is over the TabItem.</p>
  
  <p>I dont want two blues when mouse is over the TabItem.</p>
  
  <pre><code>&lt;Window x:Class="MainWindow" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      Height="200" Width="400"&gt;
  
  &lt;Window.Resources&gt;
      &lt;LinearGradientBrush x:Key="TabItemHotBackground" EndPoint="0,1" StartPoint="0,0"&gt;
          &lt;GradientStop Color="Blue" Offset="0.15"/&gt;
          &lt;GradientStop Color="Blue" Offset=".5"/&gt;
          &lt;GradientStop Color="Blue" Offset=".5"/&gt;
          &lt;GradientStop Color="Blue" Offset="1"/&gt;
      &lt;/LinearGradientBrush&gt;
  
      &lt;Style x:Key="TabItemStyle1" TargetType="{x:Type TabItem}"&gt;
          &lt;Setter Property="Template"&gt;
              &lt;Setter.Value&gt;
                  &lt;ControlTemplate TargetType="{x:Type TabItem}"&gt;
                      &lt;Grid SnapsToDevicePixels="true"&gt;
                          &lt;Border x:Name="Bd" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="1,1,1,0" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}"&gt;
                              &lt;ContentPresenter x:Name="Content" ContentSource="Header" HorizontalAlignment="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/&gt;
                          &lt;/Border&gt;
                      &lt;/Grid&gt;
                      &lt;ControlTemplate.Triggers&gt;
                          &lt;Trigger Property="IsMouseOver" Value="true"&gt;
                              &lt;Setter Property="Background" TargetName="Bd" Value="{StaticResource TabItemHotBackground}"/&gt;
                          &lt;/Trigger&gt;
                      &lt;/ControlTemplate.Triggers&gt;
                  &lt;/ControlTemplate&gt;
              &lt;/Setter.Value&gt;
          &lt;/Setter&gt;
      &lt;/Style&gt;
  &lt;/Window.Resources&gt;
  
  
  &lt;Grid&gt;
      &lt;TabControl Background="Pink"&gt;
          &lt;TabItem Background="Yellow" Style="{DynamicResource TabItemStyle1}"&gt;
              &lt;TabItem.Header&gt;
                  &lt;StackPanel&gt;
                      &lt;TextBlock Text="Customer" HorizontalAlignment="Center"/&gt;
                      &lt;TextBlock Text="Name" HorizontalAlignment="Center"/&gt;
                  &lt;/StackPanel&gt;
              &lt;/TabItem.Header&gt;
          &lt;/TabItem&gt;
          &lt;TabItem Background="Yellow" Style="{DynamicResource TabItemStyle1}"&gt;
              &lt;TabItem.Header&gt;
                  &lt;StackPanel&gt;
                      &lt;TextBlock Text="Customer" HorizontalAlignment="Center"/&gt;
                      &lt;TextBlock Text="Address" HorizontalAlignment="Center"/&gt;
                  &lt;/StackPanel&gt;
              &lt;/TabItem.Header&gt;
          &lt;/TabItem&gt;
      &lt;/TabControl&gt;
  &lt;/Grid&gt;
  &lt;/Window&gt;
  </code></pre>
  
  <p>Question: </p>
  
  <p><a href="https://i.stack.imgur.com/Cy7sD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cy7sD.png" alt="enter image description here"></a></p>
  
  <p>So, I dont want two blues when mouse is over the TabItem.</p>