MudBlazor：如何切换深色/浅色主题？

Question

我尝试将它用于深色/浅色主题切换。问题是：我已将其制作在一页上，它可以工作，但是该怎么做：我将开关添加到组件 Settings.razor 并且所选主题也用于所有页面以及重新启动后？现在它只能在一页上运行。文档中的代码

<MudThemeProvider @bind-IsDarkMode="@_isDarkMode" Theme="_theme" />

<MudSwitch @bind-Checked="@_isDarkMode" Color="Color.Primary" Class="ma-4" T="bool" Label="Toggle Light/Dark Mode" />
@code { private bool _isDarkMode;}

Answer 1

MudBlazor 已为深色/浅色主题做好了一切准备。

官方文档：https://mudblazor.com/customization/overview#dark-palette

深色调色板集成在MudTheme. 只需设置IsDarkMode为true.

<MudThemeProvider @bind-IsDarkMode="@_isDarkMode" Theme="_theme"/>
<MudSwitch @bind-Checked="@_isDarkMode" Color="Color.Primary" Class="ma-4" T="bool" Label="Toggle Light/Dark Mode"/>

<MudText Class="ma-4">This is an example text!</MudText>
@code{
    private MudTheme _theme = new();
    private bool _isDarkMode;
}

尝试一下： https: //try.mudblazor.com/snippet/QYmHOmPHzNQggwbr

您甚至可以自定义主题： https ://mudblazor.com/customization/overview#custom-themes