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 |
---|---|
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: