[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]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Collapse]Gauge Controls
   [Expand]Getting Started
    Scales
    Value Indicators
   [Expand]Visual Elements
    Themes
   [Expand]Examples
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [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

Themes allow you to specify an individual gauge's and/or the entire window's appearance. The following gauges support themes:

Expanded Applying a Theme

DevExpress WPF themes only affect on gauge appearance when a gauge uses a themeable model. For this, assign a CircularThemeableModel object to the CircularGaugeControl.Model property to apply the theme to the Circular gauge. To apply themes to the Linear gauge, assign a LinearThemeableModel object to the LinearGaugeControl.Model property. Then, you can use ThemeManager to set a specific theme to all the elements in the application's window or a separate control. For this, specify the required theme's name using the ThemeManager.ThemeName option.

The following markup shows how to apply the DXStyle theme to the entire window:

The following classes and properties allow you to apply themes to gauges:

Class or property Description
CircularGaugeControl.Model Gets or sets a model for the Circular Gauge control that is used to draw its elements.
LinearGaugeControl.Model Gets or sets a model for the Linear Gauge control that is used to draw its elements.
CircularThemeableModel The model that allows a circular gauge to use themes.
LinearThemeableModel The model that allows a linear gauge to use themes.
ThemedWindow Represents a window that supports DevExpress WPF themes and Ribbon/Tab control integration.
ThemeManager Represents a theme manager, allowing you to apply themes.
ThemeManager.ThemeName Gets or sets the theme's name. This is a dependency property.

Expanded Predefined Themes

The following table lists themes you can apply to gauges using the Theme Manager:

Theme name Image
VS2017Light
VS2017Blue
VS2017Dark
Office2016White
Office2016Black
Office2016Colorful
Office2016WhiteSE
Office2016DarkGraySE
Office2016ColorfulSE
Office2016BlackSE
DXStyle
LightGray
MetropolisDark
MetropolisLight
Office2007Black
Office2007Blue
Office2007Silver
Office2010Black
Office2010Blue
Office2010Silver
Office2013
Office2013DarkGray
Office2013LightGray
Seven
VS2010
TouchlineDark

Refer to List of DevExpress WPF Themes to get more information about each theme.

Expanded See Also

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