title: How to change the background of a GridSplitter when focused/dragged in XAML (with a border)?
body: <p>I found it weird that there's no GridSplitter property like "DragBackground" or something alike.</p>
  
  <p>This seems to work though:</p>
  
  <pre><code>&lt;UserControl.Resources&gt;
      &lt;Style x:Key="CustomGridSplitterStyle" TargetType="GridSplitter"&gt;
          &lt;Setter Property="Template"&gt;
              &lt;Setter.Value&gt;
                  &lt;ControlTemplate TargetType="GridSplitter"&gt;
                      &lt;Grid x:Name="Root" &gt;
                          &lt;!-- Background --&gt;
                          &lt;Rectangle Fill="White" StrokeThickness="0" /&gt;
                          &lt;!-- Focus Visual --&gt;
                          &lt;Rectangle x:Name="FocusVisual" Stroke="White" StrokeThickness="1" Opacity="0" IsHitTestVisible="false" /&gt;
                      &lt;/Grid&gt;
                  &lt;/ControlTemplate&gt;
              &lt;/Setter.Value&gt;
          &lt;/Setter&gt;
      &lt;/Style&gt;
  &lt;/UserControl.Resources&gt;
  </code></pre>
  
  <p> </p>
  
  <pre><code>  GridSplitter Style="{StaticResource CustomGridSplitterStyle}" Grid.Column="1" Width="6" HorizontalAlignment="Stretch" 
                    BorderThickness="2,0,0,0" BorderBrush="Blue" /&gt;
  </code></pre>
  
  <p>My problem with this solution however is that I'd like to set a border on the left side of the GridSplitter (see above), which doesn't work when using the custom GridSplitter style.<br>
  Does anybody know how to get this working ?</p>