title: Change WP8 ListPicker Background Color when Expanded to full mode
body: <p>I am using below to change the background color of <code>ListPicker</code>when changed to full mode. but I see only dark screen.</p>
  
  <pre><code>&lt;Style TargetType="toolkit:ListPicker" x:Key="customStyle"&gt;
                  &lt;Setter Property="Background" Value="YellowGreen"/&gt;
                  &lt;Setter Property="Foreground" Value="{StaticResource PhoneTextBoxForegroundBrush}"/&gt;
                  &lt;Setter Property="Template"&gt;
                      &lt;Setter.Value&gt;
                          &lt;ControlTemplate TargetType="toolkit:ListPicker"&gt;
                              &lt;StackPanel&gt;
                                  &lt;VisualStateManager.VisualStateGroups&gt;
                                      &lt;VisualStateGroup x:Name="PickerStates"&gt;
                                          &lt;VisualState x:Name="Normal"/&gt;
                                          &lt;VisualState x:Name="Expanded"&gt;
                                              &lt;Storyboard&gt;
                                                  &lt;ObjectAnimationUsingKeyFrames
                                              Storyboard.TargetName="Border"
                                              Storyboard.TargetProperty="Background"
                                              Duration="0"&gt;
                                                  &lt;DiscreteObjectKeyFrame
                                                  Value="{StaticResource PhoneTextBoxEditBackgroundColor}"
                                                  KeyTime="0"/&gt;
                                              &lt;/ObjectAnimationUsingKeyFrames&gt;
                                                  &lt;ObjectAnimationUsingKeyFrames
                                              Storyboard.TargetName="Border"
                                              Storyboard.TargetProperty="BorderBrush"
                                              Duration="0"&gt;
                                                      &lt;DiscreteObjectKeyFrame
                                                  Value="{StaticResource PhoneTextBoxEditBorderBrush}"
                                                  KeyTime="0"/&gt;
                                                  &lt;/ObjectAnimationUsingKeyFrames&gt;
                                              &lt;/Storyboard&gt;
                                          &lt;/VisualState&gt;
                                      &lt;/VisualStateGroup&gt;
                                  &lt;/VisualStateManager.VisualStateGroups&gt;
                                  &lt;ContentControl
                              Content="{TemplateBinding Header}"
                              ContentTemplate="{TemplateBinding HeaderTemplate}"
                              Foreground="{StaticResource PhoneSubtleBrush}"
                              FontSize="{StaticResource PhoneFontSizeNormal}"
                              HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                              Margin="0 0 0 8"/&gt;
                                  &lt;Grid&gt;
                                      &lt;Border
                                  x:Name="Border"
                                  Background="{TemplateBinding Background}"
                                  BorderBrush="{TemplateBinding Background}"
                                  BorderThickness="2"&gt;
                                          &lt;Canvas x:Name="ItemsPresenterHost" MinHeight="46"&gt;
                                              &lt;ItemsPresenter x:Name="ItemsPresenter"&gt;
                                                  &lt;ItemsPresenter.RenderTransform&gt;
                                                      &lt;TranslateTransform x:Name="ItemsPresenterTranslateTransform"/&gt;
                                                  &lt;/ItemsPresenter.RenderTransform&gt;
                                              &lt;/ItemsPresenter&gt;
                                          &lt;/Canvas&gt;
                                      &lt;/Border&gt;
                                      &lt;Popup x:Name="FullModePopup"&gt;
                                          &lt;Border Background="{StaticResource PhoneChromeBrush}"&gt;
                                              &lt;!-- Popup.Child should always be a Border --&gt;
                                              &lt;Grid&gt;
                                                  &lt;Grid.RowDefinitions&gt;
                                                      &lt;RowDefinition Height="Auto"/&gt;
                                                      &lt;RowDefinition/&gt;
                                                  &lt;/Grid.RowDefinitions&gt;
                                                  &lt;ContentControl
                                              Grid.Row="0"
                                              Content="{TemplateBinding FullModeHeader}"
                                              Foreground="{StaticResource PhoneForegroundBrush}"
                                              FontFamily="{StaticResource PhoneFontFamilySemiBold}"
                                              FontSize="{StaticResource PhoneFontSizeMedium}"
                                              HorizontalAlignment="Left"
                                              Margin="24 12 0 0"/&gt;
                                                  &lt;ListBox
                                              x:Name="FullModeSelector"
                                              Grid.Row="1"
                                              ItemTemplate="{TemplateBinding FullModeItemTemplate}"
                                              FontSize="{TemplateBinding FontSize}"
                                              Margin="{StaticResource PhoneMargin}"&gt;
                                                      &lt;ListBox.ItemsPanel&gt;
                                                          &lt;ItemsPanelTemplate&gt;
                                                              &lt;StackPanel/&gt;
                                                              &lt;!-- Ensures all containers will
  
   be available during the Loaded event --&gt;
                                                          &lt;/ItemsPanelTemplate&gt;
                                                      &lt;/ListBox.ItemsPanel&gt;
                                                  &lt;/ListBox&gt;
                                              &lt;/Grid&gt;
                                          &lt;/Border&gt;
                                      &lt;/Popup&gt;
                                  &lt;/Grid&gt;
                              &lt;/StackPanel&gt;
                          &lt;/ControlTemplate&gt;
                      &lt;/Setter.Value&gt;
                  &lt;/Setter&gt;
              &lt;/Style&gt;
  </code></pre>
  
  <p>The ListPicker in XAML</p>
  
  <pre><code>&lt;toolkit:ListPicker Header="SELECT TRANSLATION" x:Name="lspTranslationLang" Style="{StaticResource customStyle}"
                                          SelectedItem="{Binding Name, Mode=TwoWay}" SelectionChanged="lspTranslationLang_SelectionChanged"&gt;
                              &lt;toolkit:ListPicker.HeaderTemplate&gt;
                                  &lt;DataTemplate&gt;
                                      &lt;StackPanel&gt;
                                          &lt;TextBlock FontWeight="Bold" Foreground="Black" Text="Select Translation"&gt;&lt;/TextBlock&gt;
                                      &lt;/StackPanel&gt;
                                  &lt;/DataTemplate&gt;
                              &lt;/toolkit:ListPicker.HeaderTemplate&gt;
                              &lt;toolkit:ListPicker.ItemTemplate&gt;
                                  &lt;DataTemplate&gt;
                                      &lt;StackPanel&gt;
                                          &lt;TextBlock FontSize="30" Text="{Binding Language}" /&gt;
                                      &lt;/StackPanel&gt;
                                  &lt;/DataTemplate&gt;
                              &lt;/toolkit:ListPicker.ItemTemplate&gt;
                              &lt;toolkit:ListPicker.FullModeItemTemplate&gt;
                                  &lt;DataTemplate&gt;
                                      &lt;Grid Margin="0"&gt;
                                          &lt;Grid.RowDefinitions&gt;
                                              &lt;RowDefinition Height="Auto"&gt;&lt;/RowDefinition&gt;
                                              &lt;RowDefinition Height="*"&gt;&lt;/RowDefinition&gt;
                                          &lt;/Grid.RowDefinitions&gt;
                                          &lt;Grid.ColumnDefinitions&gt;
                                              &lt;ColumnDefinition Width="Auto"&gt;&lt;/ColumnDefinition&gt;
                                              &lt;ColumnDefinition Width="*"&gt;&lt;/ColumnDefinition&gt;
                                          &lt;/Grid.ColumnDefinitions&gt;
                                          &lt;Image Grid.Row="0" Margin="10,0,0,0" Width="30" Height="30" Grid.Column="0" Source="{Binding ImagePath}" &gt;&lt;/Image&gt;
                                          &lt;TextBlock Grid.Row="0" Padding="10,0,10,0" Grid.Column="1" Text="{Binding Language}" FontSize="30"/&gt;
                                          &lt;TextBlock Grid.Row="1" Padding="10,0,10,0" Grid.Column="1" Text="{Binding Description}" FontSize="30"/&gt;
  
                                          &lt;Line X1="0" X2="480" Y1="0" Y2="0" Grid.Row="1" Grid.ColumnSpan="2" VerticalAlignment="Bottom" StrokeThickness="1" Stroke="LightGray" /&gt;
                                      &lt;/Grid&gt;
                                  &lt;/DataTemplate&gt;
                              &lt;/toolkit:ListPicker.FullModeItemTemplate&gt;
                          &lt;/toolkit:ListPicker&gt;
  </code></pre>
  
  <p>How can i change the background color of both the header and items of the listpicker to any color I want?</p>
  
  <p><img src="https://i.stack.imgur.com/U5tNr.png" alt="enter image description here"></p>