Skip to content
daisyBlazor

Themes

All 37 themes ship in the CSS preset: the two DaisyBlazor themes and every built-in daisyUI theme. Each tile below is rendered in its own theme with real components. Click one and the whole site switches.
Active theme
daisyblazor

All themes

Use one in your app

Every theme here ships in the CSS preset. Wrap your layout in ThemeProvider and call SetThemeAsync; the choice persists to localStorage and a cookie. The theming guide covers dark mode, your own theme list and a picker.

<ThemeProvider @ref="_themes">
    @Body
</ThemeProvider>

@code {
    private ThemeProvider _themes = null!;

    private Task PutOn(string theme) => _themes.SetThemeAsync(theme); // "synthwave", "nord", "system"…
}
Something went wrong while running the docs. Reload