The requested page is not available for the requested platform. You are viewing the content for Default platform.

Appearance Customization

The ASP.NET Core Dashboard uses light colors by default. You can change the color scheme or use compact themes designed to fit many elements on a web page. This topic describes how to change the color scheme used to paint a Web Dashboard.

Color Schemes

The ASP.NET Core Dashboard control allows you to apply the Light or Dark color scheme.

Light Dark
FinanceWeb_Screenshot FinanceTablet_Screenshot

You can use the following values to define the Web Dashboard's color scheme:

Color scheme Description
light Identifies the Light color scheme.
light.compact Identifies the Light compact color scheme.
dark Identifies the Dark color scheme.
dark.compact Identifies the Dark compact color scheme.

To apply a required color scheme, pass its name to the DashboardStyleSheetsSettingsBuilder.ColorScheme method using the lambda expression.

<head>
    <title>AspNetCoreWebDashboard</title>
    @Html.DevExpress().StyleSheets(styles => styles.AddDashboard(settings => settings.ColorScheme("dark.compact")))
    <!-- ... -->
</head>

Compact Theme Specifics

Note that compact themes affect only the following dashboard items: