[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Collapse]Common Concepts
  [Collapse]Themes
    Theme List
    Palettes
    Customize Themes
  [Expand]Images
  [Expand]Printing and Exporting
  [Expand]Saving and Restoring Layouts
   Fluent Design Support
   Typed Styles
  [Expand]Touch Support
  [Expand]Expressions
   Filtering
  [Expand]Formatting Values
   Prism Adapters
  [Expand]Data Sources
  [Expand]Performance Improvement
   XAML Namespaces
 [Expand]MVVM Framework
 [Expand]Controls and Libraries
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Themes

The DevExpress WPF Subscription ships with over 30 custom designed application themes. You can use each of these themes without modification or manipulate them in our free WPF Theme Designer application.

Refer to the Theme List topic to get the available theme list. You can apply each theme to the DevExpress WPF Controls and the supported Standard WPF Controls.

Tip

Demo: Outlook Inspired Demo

Use the integrated Theme Selector to preview themes inspired by Microsoft Office, Visual Studio, and Windows.

Requires installation of WPF Subscription. Download

When you reference a DevExpress WPF library in an application, the application applies the Office2016White theme. This theme affects all the DevExpress WPF Controls and the supported Standard WPF Controls. You can reset the DevExpress Theme applied to Standard WPF Controls.

Expanded List of Supported Standard Controls

The following Standard WPF Controls support the DevExpress WPF Themes.

  • System.Windows.Controls.Button
  • System.Windows.Controls.CheckBox
  • System.Windows.Controls.ComboBox
  • System.Windows.Controls.ComboBoxItem
  • System.Windows.Controls.Expander
  • System.Windows.Controls.GridSplitter
  • System.Windows.Controls.GroupBox
  • System.Windows.Controls.Label
  • System.Windows.Controls.ListBox
  • System.Windows.Controls.ListBoxItem
  • System.Windows.Controls.Page
  • System.Windows.Controls.ProgressBar
  • System.Windows.Controls.RadioButton
  • System.Windows.Controls.Primitives.ScrollBar
  • System.Windows.Controls.ScrollViewer
  • System.Windows.Controls.Separator
  • System.Windows.Controls.Slider
  • System.Windows.Controls.TabControl
  • System.Windows.Controls.TabItem
  • System.Windows.Controls.TextBox
  • System.Windows.Controls.ToolTip
  • System.Windows.Controls.TreeView
  • System.Windows.Controls.TreeViewItem

Expanded Apply a DevExpress Theme

Apply a DevExpress Theme to an Application

Approach 1

Open the Window's or the User Control's Smart Tag, expand the ApplicationTheme drop-down list, and select a theme:

In result the App.config file looks as follows. If not, you can overwrite your file with the following code:

Approach 2

Set the ApplicationThemeHelper.ApplicationThemeName property to a theme name at application startup:

Tip

You can add the Ribbon Gallery Theme Selector to your application.

Apply a DevExpress Theme to a Container

Specify the attached ThemeManager.ThemeName property. You can apply the property to the DevExpress WPF Controls and the Supported WPF Standard Controls. The following code sample applies the Office2016SEWhite theme to the ThemedWindow (see ThemedWindow) and the Office2019Black theme to the GridControl (see GridControl):

Expanded Reset the Applied DevExpress Theme

When you reset a theme, DevExpress WPF Themes no longer affect Standard WPF Controls. DevExpress WPF Controls get their appearance from the DeepBlue theme built into the controls' assemblies.

Reset the Applied DevExpress Theme to an application

Approach 1

Click the button in the Window's Smart Tag:

In result the App.config file is as follows:

Approach 2

Set the ApplicationThemeHelper.ApplicationThemeName property to Theme.NoneName at application startup:

Approach 3

Set the ApplicationThemeHelper.UseLegacyDefaultTheme property to true at application startup:

Reset a DevExpress Theme Applied to a Container

Set the attached ThemeManager.ThemeName property to None:

Reset a DevExpress Theme Only For the Standard WPF Controls

To reset a DevExpress Theme only for container with Standard WPF Controls:

  1. Reset the application theme
  2. Apply a theme only to containers that contain the DevExpress WPF Controls.

Expanded Save a Theme Applied at Runtime

The application applies a theme specified in the application's configuration file at its startup. Call the ApplicationThemeHelper.SaveApplicationThemeName method to save the current theme to the application's configuration file:

Expanded Apply a Touch Theme

The DevExpress WPF Touch Themes affect only an element's appearance (size, paddings, margins, etc.). Refer to the Touch Support topic for more information on DevExpress WPF Controls Touch Support.

Append ;Touch to a theme name to apply the touch-friendly theme version:

Note

The TouchlineDark theme is touch-friendly by default. You do not need to append ;Touch to its theme name.

Name ThemeManager.ThemeName
Office 2019 Black Office2019Black;Touch
Office 2019 Colorful Office2019Colorful;Touch
Office 2019 DarkGray Office2019DarkGray;Touch
Office 2019 HighContrast Office2019HighContrast;Touch
Office 2019 White Office2019White;Touch
Office 2016 Black SE Office2016BlackSE;Touch
Office 2016 Colorful SE Office2016ColorfulSE;Touch
Office 2016 DarkGray SE Office2016DarkGraySE;Touch
Office 2016 White SE Office2016WhiteSE;Touch
Office 2016 Black Office2016Black;Touch
Office 2016 Colorful Office2016Colorful;Touch
Office 2016 White Office2016White;Touch
Office 2013 Office2013;Touch
Office 2013 DarkGray Office2013DarkGray;Touch
Office 2013 LightGray Office2013LightGray;Touch
TouchlineDark TouchlineDark

Expanded Lightweight Templates

Lightweight Templates contain fewer amount of visual elements and decrease the loading time of the DevExpress WPF Controls. The following themes support the Lightweight Templates:

Theme Family Themes
Office 2019 Black, Colorful, Dark Gray, White, HighContrast
Office 2016 SE Black, Colorful, Dark Gray, White
Visual Studio 2017 Blue, Dark, Light

The following table lists the DevExpress WPF Controls which support the Lightweight Templates and the control's property you should use to enable\disable the Lightweight Template:

Control Property
DataGrid (see GridControl) CardView.UseLightweightTemplates, TableView.UseLightweightTemplates
TreeList (see TreeListControl) TreeListView.UseLightweightTemplates
PivotGridControl (see PivotGridControl) PivotGridControl.UseLightweightTemplates
RibbonControl CompatibilitySettings.UseLightweightBarItems
BarItem CompatibilitySettings.UseLightweightBarItems

Expanded Overlay the Standard WPF Control's Properties

You can overlay values of the Background, BorderBrush, and BorderThickness properties of the supported Standard WPF Controls in the following DevExpress WPF Themes:

Theme Family Themes
Office 2019 Black, Colorful, Dark Gray, White, HighContrast
Office 2016 SE Black, Colorful, Dark Gray, White
Visual Studio 2017 Blue, Dark, Light

The following code sample sets the Standard WPF Button (see System.Windows.Controls.Button)'s Background (see System.Windows.Controls.Control.Background) property to Red when the Office2016WhiteSE theme is applied:

Expanded See Also

Is this topic helpful?​​​​​​​