MudBlazor.ThemeManager
2.1.0
Prefix Reserved
dotnet add package MudBlazor.ThemeManager --version 2.1.0
NuGet\Install-Package MudBlazor.ThemeManager -Version 2.1.0
<PackageReference Include="MudBlazor.ThemeManager" Version="2.1.0" />
paket add MudBlazor.ThemeManager --version 2.1.0
#r "nuget: MudBlazor.ThemeManager, 2.1.0"
// Install MudBlazor.ThemeManager as a Cake Addin #addin nuget:?package=MudBlazor.ThemeManager&version=2.1.0 // Install MudBlazor.ThemeManager as a Cake Tool #tool nuget:?package=MudBlazor.ThemeManager&version=2.1.0
Theme Manager / Generator for MudBlazor
Blazor Theme Manager component for MudBlazor library. Can be used live or during development to fast and easy try out different theme settings.
This component is not suitable for prod applications, be ready for performance issues, bugs and missing features. Feel free to help improve it.
Workflow
Prerequisites
- MudBlazor Installed and configurated.
Installation
Install Package
dotnet add package MudBlazor.ThemeManager
Add the following to _Imports.razor
@using MudBlazor.ThemeManager
Add the following to index.html
(client-side) or _Host.cshtml
(server-side) in the head
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
<link href="_content/MudBlazor.ThemeManager/MudBlazorThemeManager.css" rel="stylesheet" />
Add the components in your MainLayout.razor
and inside <MudLayout>
<MudThemeManagerButton OnClick="@((e) => OpenThemeManager(true))" />
<MudThemeManager Open="_themeManagerOpen" OpenChanged="OpenThemeManager" Theme="_themeManager" ThemeChanged="UpdateTheme" />
Add the following inside your @code for MainLayout.razor
private ThemeManagerTheme _themeManager = new ThemeManagerTheme();
public bool _themeManagerOpen = false;
void OpenThemeManager(bool value)
{
_themeManagerOpen = value;
}
void UpdateTheme(ThemeManagerTheme value)
{
_themeManager = value;
StateHasChanged();
}
protected override void OnInitialized()
{
StateHasChanged();
}
Connect the ThemeManagerTheme with MudThemeProvider
to control all the theme colors. You can also connect MudAppBar
and MudDrawer
directly.
<MudThemeProvider Theme="_themeManager.Theme" />
<MudAppBar Elevation="_themeManager.AppBarElevation">
<MudDrawer @bind-Open="_drawerOpen" ClipMode="_themeManager.DrawerClipMode" Elevation="_themeManager.DrawerElevation">
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
-
net7.0
- Microsoft.AspNetCore.Components (>= 7.0.20)
- MudBlazor (>= 7.0.0)
-
net8.0
- Microsoft.AspNetCore.Components (>= 8.0.6)
- MudBlazor (>= 7.0.0)
NuGet packages (7)
Showing the top 5 NuGet packages that depend on MudBlazor.ThemeManager:
Package | Downloads |
---|---|
FenixAlliance.ACL.Dependencies
Application Component for the Alliance Business Suite. |
|
Indiko.Blocks.Widget.UI.Abstractions
Building Blocks Widget UI Abstractions |
|
Occasus.BlazorUI
Allows for custom IOption sources, with an interface to edit the settings |
|
Sufficit.Blazor.Client
Package Description |
|
BeamOS.WebApp
Package Description |
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
2.1.0 | 24,833 | 9/19/2024 |
2.0.0 | 24,315 | 7/1/2024 |
1.1.0 | 21,302 | 6/5/2024 |
1.0.9 | 40,171 | 3/19/2024 |
1.0.8 | 153,183 | 5/15/2023 |
1.0.7 | 223,957 | 7/27/2022 |
1.0.6 | 579,001 | 2/10/2022 |
1.0.5 | 74,675 | 8/10/2021 |
1.0.4 | 1,097 | 8/10/2021 |
1.0.3 | 9,782 | 6/24/2021 |
1.0.2 | 9,113 | 3/8/2021 |
1.0.1 | 3,497 | 3/2/2021 |
1.0.0 | 1,332 | 3/2/2021 |