How to put a white border to Black ellipse in windows phone 8

silverlight-4.0, windows-phone-7, windows-phone-8, xaml

Solution

You could set a colored `Stroke` on the `Ellipse` elements to make it stand out on the black background.

Example:

 <Ellipse Height="52" Width="52" Fill="{Binding SelectedColor}" Stroke="White" StrokeThickness="1"/>

Problem

I am using the above given popup in my windows phone 8 application. My issue is for the black color list item, it is not possible to differentiate the item from other items. So my question is how i can put a rounded white border to this particular black list item. Here is the template what i am using in my application. ``` <DataTemplate x:Key="ColorListTemplate"> <Grid Height="70" Margin="0,0,0,5" toolkit:TiltEffect.IsTiltEnabled="True"> <StackPanel Orientation="Horizontal"> <Ellipse Height="52" Width="52" Fill="{Binding SelectedColor}"/> <TextBlock Text="{Binding ColorName}" Margin="32,0" FontSize="34" Style="{StaticResource NormalText}"/> <CheckBox IsChecked="{Binding CheckedStatus}" Style="{StaticResource CheckBoxStyle}" IsHitTestVisible="False"/> </StackPanel> </Grid> </DataTemplate> ``` Anyone please help me to design my requirement.

Original source