title: How to change the color of the CheckMark in WPF CheckBox control?
body: <p>I have a custom template checkbox that I am implementing using a viewbox (using a viewbox to allow for simple scaling), and I can't figure out how to change out what is displayed when the checkbox is checked/unchecked. </p>
  
  <p>I would like for the checkmark to be red when checked (not the final look, just want to see it working). </p>
  
  <p><b>My Checkbox style: </b></p>
  
  <pre><code>&lt;Style x:Key="KioskCheckBox" TargetType="{x:Type CheckBox}"&gt;
          &lt;Setter Property="FontFamily" Value="{StaticResource FontFamilyLight}" /&gt;
          &lt;Setter Property="FontSize" Value="{StaticResource KioskNormalFontSize}" /&gt;
          &lt;Setter Property="Foreground" Value="{StaticResource brshSystemTextColor}" /&gt;
          &lt;Setter Property="Template"&gt;
              &lt;Setter.Value&gt;
                  &lt;ControlTemplate TargetType="CheckBox"&gt;
  
                          &lt;!--&lt;Viewbox HorizontalAlignment="Left" 
                                   VerticalAlignment="Top"
                                   Stretch="Fill" 
                                   Height="30"   
                                   Width="30" Margin="10,0,0,0"&gt;
                              &lt;Grid Height="200" Width="200"&gt;
                                  &lt;Ellipse  
                                  Fill="Transparent"
                                  StrokeThickness="15" 
                                  Stroke="{StaticResource brshSystemTextColor}"/&gt;
                                  &lt;Path 
                                  Stroke="{StaticResource brshSecondaryColor}"
                                  Fill="Transparent" 
                                  Stretch="None"
                                  StrokeThickness="20"
                                  Data="M 30,100 L 80,140 L 160,60" Margin="0,0,2,2"/&gt;
                              &lt;/Grid&gt;
                          &lt;/Viewbox&gt;--&gt;
                          &lt;ContentControl&gt;
                          &lt;StackPanel Orientation="Horizontal"&gt;
                              &lt;Viewbox HorizontalAlignment="Left" 
                                  VerticalAlignment="Center"
                                  Stretch="Fill" 
                                  Height="30"   
                                  Width="30" Margin="10,0,0,0"&gt;
                                  &lt;Grid Height="200" Width="200"&gt;
                                      &lt;Ellipse  
                                          Fill="Transparent"
                                          StrokeThickness="15" 
                                          Stroke="{StaticResource brshSystemTextColor}"/&gt;
                                      &lt;Path 
                                          Stroke="{StaticResource brshSecondaryColor}"
                                          Fill="Transparent" 
                                          Stretch="None"
                                          StrokeThickness="20"
                                          Data="M 30,100 L 80,140 L 160,60" Margin="0,0,2,2"/&gt;
                                  &lt;/Grid&gt;
                              &lt;/Viewbox&gt;
                              &lt;TextBlock Text="{TemplateBinding Content}" Margin="10,0,0,0" /&gt;
                          &lt;/StackPanel&gt;
                      &lt;/ContentControl&gt; 
                      &lt;ControlTemplate.Triggers&gt;
                          &lt;Trigger Property="IsChecked" Value="True"&gt;
  
                              &lt;!-- Running into problems here. --&gt;
  
                          &lt;/Trigger&gt;
                          &lt;Trigger Property="IsChecked" Value="False"&gt;
  
                          &lt;/Trigger&gt;
                      &lt;/ControlTemplate.Triggers&gt;
  
                  &lt;/ControlTemplate&gt;
              &lt;/Setter.Value&gt;
          &lt;/Setter&gt;
      &lt;/Style&gt;
  </code></pre>