Class Theme

Defines the visual style and color scheme of the chart.

Inheritance

System.Object

Theme

Namespace: Syncfusion.Blazor.Toolkit

Assembly: Syncfusion.Blazor.Toolkit.dll

Syntax

public sealed class Theme : Enum

Remarks

The theme affects the chart's background color, text color, grid lines, axis labels, series colors, and legend appearance.

Examples

The following example demonstrates how to apply a theme to the chart.

<SfChart Title="Sales Data" Theme="Theme.Fluent">
    <ChartSeries DataSource="@SalesData" XName="Month" YName="Revenue" Type="ChartSeriesType.Column" />
</SfChart>

Fields

Fluent

Applies the Fluent light theme to the chart, rendering with a light background, dark text, and neutral accent colors.

Declaration

public const Theme Fluent

Field Value

Type
Theme

Remarks

The Fluent light theme is ideal for applications that follow a light mode interface.

FluentDark

Applies the Fluent dark theme to the chart, rendering with a dark background, light text, and adjusted accent colors for visibility.

Declaration

public const Theme FluentDark

Field Value

Type
Theme

Remarks

The Fluent dark theme is designed for dark mode interfaces.