title: How to set the button content color using visual state manager in XAML?
body: <p>I have the following Page.Resource which I have defined for a button:</p>
  
  <pre><code>&lt;Page.Resources&gt;
          &lt;Style x:Key="MyButton" TargetType="Button"&gt;
              &lt;Setter Property="Margin" Value="2"/&gt;
              &lt;Setter Property="FontFamily" Value="Verdana"/&gt;
              &lt;Setter Property="FontWeight" Value="Bold"/&gt;
              &lt;Setter Property="Foreground" Value="White"/&gt;
              &lt;Setter Property="Template"&gt;
                  &lt;Setter.Value&gt;
                      &lt;ControlTemplate TargetType="Button"&gt;                   
                              &lt;Grid&gt;
                                  &lt;Grid.Background&gt;
                                  &lt;SolidColorBrush x:Name="ButtonBrush"  Color="#FF2D36E6"/&gt;
                              &lt;/Grid.Background&gt;
                          &lt;/Grid&gt;
                      &lt;/ControlTemplate&gt;
                  &lt;/Setter.Value&gt;
              &lt;/Setter&gt;
          &lt;/Style&gt;
      &lt;/Page.Resources&gt;
  </code></pre>
  
  <p>This is where i define the button and apply the resource to it, but when I run the app I just don't see the content of the button which I have set to "NEXT".</p>
  
  <pre><code>&lt;Grid&gt;
  ...
  ...
  &lt;Button  Name="btnNext" Style="{StaticResource ResourceKey=MyButton}" Grid.Row="0"  Click="btnNext_Click" Content="NEXT" VerticalAlignment="Bottom"  Padding="20"  Width="650" Grid.Column="2" HorizontalAlignment="Right" Height="600" FontSize="48" BorderThickness="0" FontWeight="ExtraBlack"  /&gt;
  ...
  ...
  &lt;/Grid&gt;
  </code></pre>
  
  <p>How can I solve this?</p>