This sample demonstrates how to set the requested UI theme (dark or light) of your app, and how to set the UI theme differently for individual elements within the app.

There are two properties that adjust the UI theme: Application.RequestedTheme and FrameworkElement.RequestedTheme. This sample shows the scenarios for each property and how the properties interact.

This sample doesn't show how to use or define the high contrast themes for an app. For this scenario, see XAML high contrast style sample.

To obtain an evaluation copy of Windows 8.1, go to Windows 8.1.

To obtain an evaluation copy of Microsoft Visual Studio 2013, go to Visual Studio 2013.

Related topics

Roadmaps
Roadmap for C# and Visual Basic
Samples
Windows app samples
XAML high contrast style sample
Reference
UIElement
Application.RequestedTheme
FrameworkElement.RequestedTheme
ThemeDictionaries

Operating system requirements

Client
Windows 8.1
Server
Windows Server 2012 R2

Build the sample

  1. Start Visual Studio 2013 and select File > Open > Project/Solution.
  2. Go to the directory in which you unzipped the sample. Go to the directory named for the sample, and double-click the Visual Studio 2013 Solution (.sln) file.
  3. Press F7 or use Build > Build Solution to build the sample.

Run the sample

To debug the app and then run it, press F5 or use Debug > Start Debugging. To run the app without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.