MudBlazor custom color theme

I'm trying to create my custom color theme for a Blazor WASM page where I use MudBlazor. In the MainLayout.razor file I added

<MudThemeProvider @bind-IsDarkMode="@_darkModeOn" Theme="@_themeDefinition" />

and then in the C# code section I initialize the theme field:

MudTheme _themeDefinition = new GreenYellowTheme();

The GreenYellowTheme.cs file contains the theme (with light and dark mode):

using MudBlazor;

namespace MudBlazorTest.ColorPalettes
{
    public class GreenYellowTheme : MudTheme
    {
        public PaletteLight PaletteLight { get; } = new PaletteLight
        {
            Black = "#000000",
            White = "#FFFFFF",
            Primary = "#FF0000",
            Secondary = "#00FF00",
            Tertiary = "#0000FF",
            Success = "#00FFFF",
            Info = "#FFFF00",
            Warning = "#FF00FF",
            Error = "#C0C0C0",
            Dark = "#333333",
            Background = "#FFFFFF",
        };

        public PaletteDark PaletteDark { get; } = new PaletteDark
        {
            Black = "#000000",
            White = "#FFFFFF",
            Primary = "#FFFFFF", //white
            Secondary = "#c5b858", // yellow
            Tertiary = "#1b5e20", // green
            Success = "#00FFFF",
            Info = "#FFFF00",
            Warning = "#FF00FF",
            Error = "#C0C0C0",
            Dark = "#303030",
            Background = "#303030",
        };
    }
}

Unfortunately, when I start the application I see the stock palette from MudBlazor instead of my custom one. What am I doing wrong?

There are two problems I can see, first the property is called Palette instead of PaletteLight and the other problem is that the property PaletteDark is redeclared and replaces the original property.

Instead you could use the constructor to assign the palettes to the already inherited existing properties:

public class GreenYellowTheme : MudTheme
{
    public GreenYellowTheme()
    {
        Palette = new PaletteLight
        {
            Black = "#000000",
            White = "#FFFFFF",
            Primary = "#FF0000",
            Secondary = "#00FF00",
            Tertiary = "#0000FF",
            Success = "#00FFFF",
            Info = "#FFFF00",
            Warning = "#FF00FF",
            Error = "#C0C0C0",
            Dark = "#333333",
            Background = "#FFFFFF",
        };

        PaletteDark = new PaletteDark
        {
            Black = "#000000",
            White = "#FFFFFF",
            Primary = "#FFFFFF", //white
            Secondary = "#c5b858", // yellow
            Tertiary = "#1b5e20", // green
            Success = "#00FFFF",
            Info = "#FFFF00",
            Warning = "#FF00FF",
            Error = "#C0C0C0",
            Dark = "#303030",
            Background = "#303030",
        };
    }
}