[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
 [Collapse]Common Concepts
  [Collapse]Themes
    List of DevExpress WPF Themes
  [Expand]Images
  [Expand]Printing and Exporting
  [Expand]Saving and Restoring Layouts
   Typed Styles
  [Expand]Touch Support
  [Expand]Expressions
  [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]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Themes

Note

DevExpress WPF Themes Compete List of DevExpress WPF Themes

Expanded How to apply DevExpress Themes to an application

You can use the following approaches to apply DevExpress Themes to an application:

  • Use the Smart Tags' Application Theme feature at design time.

  • Add a theme name to the config file and call the ApplicationThemeHelper.UpdateApplicationThemeName method at the application startup to apply the theme at runtime.

  • Set the ApplicationThemeHelper.ApplicationThemeName property to a theme name in code at the application startup.

How to apply DevExpress Themes to a container

Use the attached ThemeManager.ThemeName property to apply a theme to a container and its child elements.

Expanded How to reset applied DevExpress Themes

Use the following approaches to disable a DevExpress theme:

Note

The base theme (DeepBlue) is used when you disable a theme.

  • Click the button:

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

  • Set a theme name to None in the config file.

  • Set the ApplicationThemeHelper.ApplicationThemeName property to DevExpress.Xpf.Core.Theme.NoneName at the application startup.

How to reset applied DevExpress Themes in a container

Set the attached ThemeManager.ThemeName property to None to reset an applied theme in a container and its child elements.

Expanded Native Controls Support

DevExpress Themes allows you to paint native WPF controls. Apply a DevExpress Theme to your application to paint native WPF controls in the same style as DevExpress controls.

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

You can click the button to disable a native control's theme:

Expanded Office Touch Themes

Append ';Touch' to a theme name to apply a touch-friendly variation of the theme.

The list of available touch-friendly themes is below:

  • Touchline Dark
  • Office2013
  • Office2013DarkGray
  • Office2013LightGray
  • Office2016White
  • Office2016Black
  • Office2016Colorful
  • Office2016DarkGraySE
  • Office2016ColorfulSE
  • Office2016BlackSE
  • Office2016WhiteSE

Expanded Color Themes vs Classic Themes

In release 17.1, we introduced redesigned color themes with color palette support. Color palettes allow you to change a limited set of palette colors to completely repaint an existing theme. We provided the WPF Theme Designer tool to help you edit color themes.

Here are color themes available for editing in WPF Theme Designer:

  • Office 2016 SE themes:

    • Black
    • Colorful
    • Dark Gray
    • White
  • Visual Studio 2017 themes:

    • Blue
    • Dark
    • Light

Expanded See Also

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