Themes

• Feb 26, 2021
• 2 minutes to read

Note

DevExpress WPF Themes Compete List of DevExpress WPF Themes

Applying DevExpress Themes

There are two general ways of applying the required theme to an entire application.

• By using the Smart Tags‘s Application Theme feature that applies the selected theme (by default, it is Office2016White) to the entire application at design time. To apply the theme in runtime, call the ApplicationThemeHelper.UpdateApplicationThemeName method at the application startup.

  

• By manually setting the ApplicationThemeHelper.ApplicationThemeName property.

  C#

  public partial class App : Application {
      protected override void OnStartup(StartupEventArgs e) {
          DevExpress.Xpf.Core.ApplicationThemeHelper.ApplicationThemeName = 
              DevExpress.Xpf.Core.Theme.MetropolisLightName;
          base.OnStartup(e);
      }
  }
  

  VB.NET

  Class Application
      Protected Overrides Sub OnStartup(e As StartupEventArgs)
          DevExpress.Xpf.Core.ApplicationThemeHelper.ApplicationThemeName = _ 
              DevExpress.Xpf.Core.Theme.MetropolisLightName
          MyBase.OnStartup(e)
      End Sub 
  End Class
  

To apply the theme to a particular container and its child elements, use the ThemeManager.ThemeName property.

XAML

<Window ...
    xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    dx:ThemeManager.ThemeName="Office2016">
    ...
</Window>

Office Touch Themes

Append the name of any of the following themes to apply its touch-friendly variation:

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

XAML

xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
    dx:ThemeManager.ThemeName="Office2013;Touch"

Color Themes vs Classic Themes

In the 17.1 release we have introduced a completely redesigned color themes. In the color themes, control elements use the palette color values instead if individual color values. This means that you can change a limited set of palette colors to completely redesign an existing theme. To effectively edit the color themes, we have introduced the WPF Theme Designer tool.

List of available color themes:

• Office 2016 SE themes:

  • Black
  • Colorful
  • Dark Gray
  • White

• Visual Studio 2017 themes:

  • Blue
  • Dark
  • Light