title: Metro App ListView SelectedItem Selected VisualState
body: <p>I have a <strong>Metro App</strong> with a <code>ListView</code> that contains this definition:</p>
  
  <pre><code>        &lt;ListView Grid.Row="0" x:Name="lv" CanDragItems="True" CanReorderItems="True" IsTabStop="True" SelectionMode="Extended" VirtualizingStackPanel.VirtualizationMode="Recycling"&gt;
              &lt;ListView.ItemTemplate&gt;
                  &lt;DataTemplate&gt;
                      &lt;Grid Width="{Binding ElementName=lv, Path=ActualWidth}"&gt;
                          &lt;Grid.RowDefinitions&gt;
                              &lt;RowDefinition/&gt;
                              &lt;RowDefinition/&gt;
                          &lt;/Grid.RowDefinitions&gt;
  
                          &lt;Grid Grid.Row="0"&gt;
                              &lt;Grid.ColumnDefinitions&gt;
                                  &lt;ColumnDefinition Width="*"/&gt;
                                  &lt;ColumnDefinition Width="65"/&gt;
                              &lt;/Grid.ColumnDefinitions&gt;
  
                              &lt;TextBlock Grid.Column="0" x:Name="tb1" Foreground="{StaticResource SecondaryColourBrush}" HorizontalAlignment="Stretch"/&gt;
  
                              &lt;TextBlock Grid.Column="4" x:Name="tb2" Foreground="{StaticResource SecondaryColourBrush}" HorizontalAlignment="Right"/&gt;
  
                          &lt;/Grid&gt;
  
                          &lt;Grid Grid.Row="1"&gt;
                              &lt;Grid.ColumnDefinitions&gt;
                                  &lt;ColumnDefinition Width="*"/&gt;
                                  &lt;ColumnDefinition Width="Auto"/&gt;
                                  &lt;ColumnDefinition Width="65"/&gt;
                              &lt;/Grid.ColumnDefinitions&gt;
  
                              &lt;TextBlock Grid.Column="0" x:Name="tb3" Foreground="{StaticResource QuadColourBrush}" HorizontalAlignment="Stretch" TextTrimming="WordEllipsis"/&gt;
  
                              &lt;TextBlock Grid.Column="1" x:Name="tb4" Foreground="{StaticResource QuadColourBrush}" HorizontalAlignment="Right"/&gt;
  
                          &lt;/Grid&gt;
  
                      &lt;/Grid&gt;
                  &lt;/DataTemplate&gt;
              &lt;/ListView.ItemTemplate&gt;
          &lt;/ListView&gt;
  </code></pre>
  
  <p>When the <code>ListView</code> has an item selected, I want to change the <code>Foreground</code> of <code>tb1</code> and <code>tb2</code> <strong>ONLY</strong> to <code>White</code>. How do I go about doing this?</p>
  
  <p>I tried overriding <strong>Themed Brushes</strong> and <code>VisualStateGroup</code> <code>SelectionStates</code> for <code>Selected</code>, which hasn't helped. A working code example would be appreciated.</p>