Pagina profilo e modiche al theme

Template.Shared/Components/Layout/HeaderLayout.razor

@@ -1,10 +1,14 @@
 <div class="header">
     <div class="header-content">
         <h3 class="page-title">@Title</h3>
-        <MudIconButton Icon="@Icons.Material.Filled.FilterAlt" Color="Color.Dark" />
+        @if (ShowFilter)
+        {
+            <MudIconButton Icon="@Icons.Material.Filled.FilterAlt" Color="Color.Dark" />
+        }
     </div>
 </div>
 
 @code{
     [Parameter] public string? Title { get; set; }
+    [Parameter] public bool ShowFilter { get; set; }
 }

Template.Shared/Components/Layout/MainLayout.razor

@@ -1,6 +1,6 @@
 @inherits LayoutComponentBase
 
-<MudThemeProvider />
+<MudThemeProvider Theme="_currentTheme" />
 <MudPopoverProvider />
 <MudDialogProvider />
 <MudSnackbarProvider />
@@ -14,4 +14,18 @@
         </article>
     </main>
 
-</div>
+</div>
+
+@code {
+    private readonly MudTheme _currentTheme = new()
+    {
+        PaletteLight = new PaletteLight()
+        {
+                Primary = "#ABA9BF",
+                Secondary = "#BEB7DF",
+                Tertiary = "#D4F2D2",
+                Background = "#f6f6f8"
+        }
+    };
+
+}

Template.Shared/Components/Layout/NavMenu.razor.css

@@ -1,5 +1,5 @@
 .navbar {
-    background: var(--mud-palette-background-gray);
+    background: var(--mud-palette-surface);
     position: fixed;
     bottom: 0;
     width: 100%;
@@ -12,7 +12,7 @@
 .nav-item ::deep a {
     display: flex;
     align-items: center;
-    line-height: 1.4;
+    line-height: 1.2;
     justify-content: center;
 }
 
@@ -22,7 +22,7 @@
     min-width: 60px;
 }
 
-.nav-item ::deep a.active > div { color: var(--mud-palette-primary); }
+.nav-item ::deep a.active > div { color: var(--mud-palette-secondary-darken); }
 
 .nav-item ::deep a.active > div > i {
     /*background-color: color-mix(in srgb, var(--mud-palette-primary) 20%, transparent);*/