扩展MudBlazor调色板

Question

我有一个。net 7 Blazor Webassembly应用程序，使用MudBlazor(最新版本)。

我想从MudBlazor调色板类派生，以便创建一个具有更多"mudcolor"的调色板，例如。为我想要为暗模式和亮模式定义的图形的颜色，并且能够在c#中和通过使用CSS类访问这些新颜色。

我没有找到任何与此相关的文档。

Answer 1

您可以在这里找到文档:https://mudblazor.com/customization/overview#custom-themes

目前还不能给调色板添加新的颜色，但是你可以在你的csscolor: var(--mud-palette-primary)中使用像这样的泥色。

要添加自定义颜色，可以在layout.razor. js的根目录中添加一个类。<div class="@(_isDarkMode ? "--root-dark" : "")">

并将这些样式添加到自定义样式表中，如下所示:

:root {
--custom-color: #518ebd;
}
.--root-dark {
--custom-color: #383737;
}

Answer 2

我使用的是MudThemeProvider和MudThemeSelect为了在@Taco提供的基础上构建，我通过使用由MudSelect下拉菜单设置的标志来绑定黑暗主题。

<MudThemeProvider @ref="@_mudThemeProvider" @bind-IsDarkMode="@IsDarkMode" /> <MudDialogProvider />

你也可以这样做。

Style="@($"color:{Theme.Palette.Dark};")"
Style="@($"color: {(isFilled ? Colors.Pink.Darken3 : Colors.Orange.Darken3 )};")"

第二个选项使用三元表达式，因此您可以在浅色和深色之间切换。