ThemeFluentProperties.Mode Property

Specifies the theme mode (light or dark).

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.Resources.v26.1.dll

NuGet Package: DevExpress.Blazor.Resources

Declaration

public ThemeMode Mode { get; set; }

Property Value

Type	Description
ThemeMode	The theme mode.

Available values:

Name	Description
Light	Light theme mode.
Dark	Dark theme mode.

Remarks

Refer to the ThemeFluentProperties class description for additional information and an example.

Related GitHub Examples

The following code snippets (auto-collected from DevExpress Examples) contain references to the Mode property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

blazor-use-devextreme-diagram/CS/DiagramBlazorApp/Services/DxThemes.cs#L8

public static readonly ITheme FluentDark = Themes.Fluent.Clone(properties => {
    properties.Mode = ThemeMode.Dark;
    AddFluentTheme(properties);

blazor-ai-chat-a2a-mode/CS/DXBlazorChatA2ASample/Services/DxThemes.cs#L11

{
    properties.Mode = ThemeMode.Dark;
    AddFluentTheme(properties);

blazor-grid-autofit-columns/CS/DxGrid.AutoFit/Services/DxThemes.cs#L10

{
    properties.Mode = ThemeMode.Dark;
    AddFluentTheme(properties);

blazor-grid-disable-selection-checkboxes-by-condition/CS/GridDisabledCheckboxes/Services/DxThemes.cs#L8

public static readonly ITheme FluentDark = Themes.Fluent.Clone(properties => {
    properties.Mode = ThemeMode.Dark;
    AddFluentTheme(properties);

blazor-richedit-place-control-in-edit-form/CS/Services/DxThemes.cs#L10

{
    properties.Mode = ThemeMode.Dark;
    AddFluentTheme(properties);