Colors

Out of the box, you get access to all colors in the Material Design spec through css classes and Blazor.
You can also use the palette colors from either the default theme or your own.

Theme Palette Colors

Each palette color gets converted to a class with the color as background and its contrast, but also separate classes for only background or text color. The CSS class is bound to the MudBlazor theme and updated if you change the theme dynamicly.

You can read more about theming MudBlazor here.

CSS and Theme colors

Here we add each class to the divs to change the background color, text color and both background and text color with one class only.

.mud-info
.mud-secondary-text
.mud-theme-primary
<MudPaper Class="pa-4 mud-info">.mud-info</MudPaper>
<MudPaper Class="pa-4 mud-secondary-text">.mud-secondary-text</MudPaper>
<MudPaper Class="pa-4 mud-theme-primary">.mud-theme-primary</MudPaper>
Material Colors

All Material colors, as well as background and text variants, are available for use in your application.

An error has occurred. This application may no longer respond until reloaded. Reload 🗙