DxThemeFluent Class

Defines a Fluent theme for DevExpress Blazor UI controls.

Assembly : DevExpress.Blazor.Resources.v25.2.dll

NuGet Package : DevExpress.Blazor.Resources

Declaration

csharp

public sealed class DxThemeFluent :
    DxThemeBase<ThemeFluentProperties>

Remarks

Use DxThemeFluent API members to obtain information about a Fluent theme. These APIs include:

NameReturns the theme name that serves as a unique theme identifier.ModeReturns the theme mode (light or dark).AccentColor | GetCustomAccentColor()Return the built-in or custom accent color applied to the theme.GetFilePaths()Returns theme stylesheet paths.UseBootstrapStylesReturns a Boolean value that specifies whether a theme includes Bootstrap stylesheets (v5). Available in v25.1.4+.ApplyToPageElementsReturns a Boolean value that specifies whether a theme includes styles for non-DevExpress elements (hyperlinks, inputs, headings, browser scroll bars, etc.).

You can also call the DxThemeFluent.Clone() method to clone the built-in Fluent Light Blue theme and modify it as needed.

The following code snippet creates a Fluent Dark Purple theme using predefined theme mode and accent color. The theme does not include styles for non-DevExpress (page) elements:

App.razor

razor

<head>
    @*...*@
    @DxResourceManager.RegisterTheme(Themes.Fluent.Clone(properties => {
        properties.Name = "Fluent Dark Purple";
        properties.Mode = ThemeMode.Dark;
        properties.AccentColor = ThemeFluentAccentColor.Purple;
        properties.ApplyToPageElements = false;
    }))
</head>

Implements

ITheme

Inheritance

Object DxThemeBase<ThemeFluentProperties> DxThemeFluent