title: Customizing Mahapps.MetroWindow Close Button
body: <p>I'm using Mahapps.MetroWindow ( <a href="http://mahapps.com/" rel="noreferrer">http://mahapps.com/</a> ) to style my applications appearance and right now I'm looking for the right way to customize the appearance of the X / Close button. By default MetroWindow applies custom styling to all three command buttons. I would like to either match Windows in always having the Close button be red <em>or</em> on mouse over become red.</p>
  
  <p>What I found so far was, that I can set the <code>WindowCloseButtonStyle</code> attribute to a custom style. I did so like this:</p>
  
  <pre><code>&lt;controls:MetroWindow x:Class="WpfApplication2.MainWindow"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
      Title="MainWindow" 
      Height="350" 
      Width="525"
      WindowCloseButtonStyle="{DynamicResource RedCloseWindowButtonStyle}"&gt;
  ...
  </code></pre>
  
  <p>In a separate XAML file I've got the style defined as</p>
  
  <pre><code>&lt;Style x:Key="RedCloseWindowButtonStyle"
         TargetType="{x:Type Button}"
         BasedOn="{StaticResource MetroBaseWindowButtonStyle}"&gt;
      &lt;Setter Property="XXX"
                 Value="XXX" /&gt;
  &lt;/Style&gt;
  </code></pre>
  
  <p>I assume that I'll have to fill in the blanks for XXX in the style setter. Since I'm new to Windows development my question is: What's the property I'm interested in? Where can I find an explorer to browse the available properties depending on the given context? and what's the style value if I want to accomplish what I described above?</p>