DevExpress Blazor Controls: Stylesheets for Fluent Themes

DevExpress.Blazor.Themes.Fluent includes CSS stylesheets for DevExpress Blazor Fluent themes. This package is a part of the DevExpress.Blazor NuGet package.

Key Features

• Light and dark modes
• High contrast mode support
• 11 predefined accent colors
• Custom accent color support
• Theme customization via public --dxds-* CSS variables

Examples

Install the DevExpress.Blazor NuGet package:

dotnet add package DevExpress.Blazor

Example 1: Apply the Default Fluent Theme (Light Blue)

@DxResourceManager.RegisterTheme(Themes.Fluent)

Example 2: Apply a Fluent Theme and Specify Its Parameters

    properties.Name = "Fluent Dark Orchid";
    @* Change the theme mode to dark *@
    properties.Mode = ThemeMode.Dark;
    @* Choose the accent color *@
    properties.AccentColor = ThemeFluentAccentColor.Orchid;
}))

Related Packages

DevExpress.Blazor - Native DevExpress UI components for Blazor applications.

dotnet add package DevExpress.Blazor

Demos

• DevExpress Blazor Online Demos
• DevExpress Blazor GitHub Demos

GitHub Examples

• Blazor Theme and Size Mode Switcher Example
• Use CSS Variables to Customize DevExpress Fluent Themes

Documentation

• Blazor Themes
• Fluent Theme Accent Colors
• Fluent Theme CSS Variables

Evaluation Period, Pricing Options, and Licensing Terms

Whether using a 30-day evaluation version or a registered product, register your DevExpress.com license key on your machine. To get your license key, log in to the DevExpress Download Manager. Use your existing DevExpress.com account or create a new account for free. For detailed instructions, see License Key for DevExpress Products.

Once you have obtained and registered your license key, install this package to start a 30-day evaluation period.

To continue using DevExpress products after your trial period ends, purchase a license. This package is included in the following commercial subscriptions:

• DevExpress ASP.NET and Blazor Subscription
• DevExpress DXperience Subscription
• DevExpress Universal Subscription
• DevExpress Reporting Subscription

See DevExpress Subscriptions & Licensing for subscription comparison tables, purchasing FAQ, and licensing information.

After you purchase a license, download and register your up-to-date DevExpress license key to remove licensing warnings and trial messages.

Software Bill of Materials (SBOM)

To access SBOM files for DevExpress packages, see the following article: Software Bill of Materials (SBOM) for DevExpress .NET assemblies/NuGet packages, JavaScript, VCL and other redistributable artifacts.

See Also: Information Security | Security - What You Need to Know

Useful Online Resources

• www.devexpress.com
• DevExpress Support Center
• DevExpress Blogs