Skip to main content
BuyLog In
ASP.NET Web Forms Controls
Search in…
Docs > Common Concepts > Appearance Customization - Theming > Available Themes
All docs
V24.1
ASP.NET Web Forms Controls
Prerequisites
Supported Browsers
What's Installed
Get Started
Upgrade to a New Version
Common Concepts
Web.config Modifications
Supported Document Types
Cookies Support
Callbacks
Client-Side Functionality
Icon Collection
Appearance Customization - Theming
Available Themes
ASPxThemes Assembly
Modifying Themes
Change Theme Base Color and Font Settings
ASPxThemeDeployer Tool
ASPxThemeBuilder Tool
Apply a Theme with the DevExpress Mechanism
Apply a Theme with the ASP.NET Mechanism
Attach a Custom Theme Assembly
DevExpress Resource Management Mechanism
CSS Image Sprites
Performance Optimization
Accessibility Support
Right to Left Support
Localization
Mobile Support
Cloud Storage Account Management
Web Farm and Web Garden Support
Access Controls in Templates on the Server
Components
Security Considerations
Redistribution and Deployment
Troubleshooting
Get More Help
.NET Framework API Reference
Client API Reference
Download CHM

Available Themes

  • 2 minutes to read

This topic lists predefined DevExpress Themes that ship with the installation. You can apply themes to DevExpress web controls globally or individually.

Default Theme

All DevExpress visual controls have a common default appearance implemented by the DevExpress “Default” theme. Each resource file (image, CSS and skin files) for this theme is maintained within its corresponding assembly (e.g., DevExpress.Web.ASPxTreeList.v24.1.dll for ASPxTreeList).

default.png

Themes maintained within the ASPxThemes assembly

Predefined DevExpress themes included in the ASPxThemes Assembly are listed below.

Aqua

aqua.png

BlackGlass

black-glass.png

DevEx

devexpress.png

Glass

glass.png

Metropolis

metropolis.png

MetropolisBlue

metropolisBlue.png

Office2003Blue

office-2003-blue.png

Office2003Olive

office-2003-olive.png

Office2003Silver

office-2003-silver.png

Office2010Black

office-2010-black.png

Office2010Blue

office-2010-blue.png

Office2010Silver

office-2010-silver.png

PlasticBlue

plastic-blue.png

RedWine

red-wine.png

SoftOrange

soft-orange.png

Youthful

youthful.png

The following themes primarily target tablet and mobile devices. Note that although the iOS theme is designed and optimized for a touch interface, it does not fully emulate iOS element appearance. A touch-enabled UI element’s size is modified to fit the user’s average fingertip size - to make it touch-friendly.

iOS

iOS

Material

Material.png

MaterialCompact

MaterialCompact.png

Moderno

Moderno.png

Office365

office365

Office365Dark

Unlike other themes, Office365Dark can automatically change a page’s background color. This theme affects the background color of a web page when you apply the theme to:

  • A specific page (the DevExpress or ASP.NET mechanism).

  • The entire website (the DevExpress or ASP.NET mechanism). Note that the theme does not affect pages without DevExpress controls.

You can define a page’s background color for the Office365Dark theme. To do this, use the following example of a CSS selector combination:

.dxTheme-Office365Dark > body {
    background-color: white;
}

Office365Dark

Mulberry

Mulberry.png

See Also