Choose Theme

This is an important step in designing your app theme. You can choose between dark and light ready made themes. And then you can customize the specific colors of the theme.

1. You can choose between Dark and Light theme from App.xaml file, by adding the RequestedTheme line, like below:

<Application
    x:Class="HelloWorld.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:HelloWorld" 
    RequestedTheme="Light">

2. To change the colors of the default theme, add the following keys anywhere in the StandardStyles.xaml and change them accordingly:

<SolidColorBrush x:Key="ApplicationPageBackgroundThemeBrush" Color="#FFFFFF"/>
<SolidColorBrush x:Key="ApplicationForegroundThemeBrush" Color="#333333"/>
<SolidColorBrush x:Key="ApplicationSecondaryForegroundThemeBrush" Color="#FF991100"/>
<SolidColorBrush x:Key="ApplicationPointerOverForegroundThemeBrush" Color="#AAAAAA"/>

<SolidColorBrush x:Key="BackButtonBackgroundThemeBrush" Color="#00000000"/>
<SolidColorBrush x:Key="BackButtonForegroundThemeBrush" Color="#000000"/>
<SolidColorBrush x:Key="BackButtonPressedBackgroundThemeBrush" Color="#00000000"/>
<SolidColorBrush x:Key="BackButtonPressedForegroundThemeBrush" Color="#AAAAAA"/>
<SolidColorBrush x:Key="BackButtonPointerOverBackgroundThemeBrush" Color="#00000000"/>
<SolidColorBrush x:Key="BackButtonPointerOverForegroundThemeBrush" Color="#AAAAAA"/>

<SolidColorBrush x:Key="FocusVisualWhiteStrokeThemeBrush" Color="#AAAAAA"/>
<SolidColorBrush x:Key="FocusVisualBlackStrokeThemeBrush" Color="#AAAAAA"/>