在MainLayout.razor或App.razor中添加MatBlazor MatThemeProvider

dotnet add package MatBlazor

@inherits LayoutComponentBase

<MatThemeProvider>
    <MatAppBar>
        <!-- 你的 AppBar 内容 -->
    </MatAppBar>

    <MatDrawerContainer>
        <MatDrawer @bind-Opened="@drawerOpenState">
            <!-- 你的 Drawer 内容 -->
        </MatDrawer>
        <MatDrawerContent>
            <!-- 你的内容区域 -->
            @Body
        </MatDrawerContent>
    </MatDrawerContainer>
</MatThemeProvider>

<MatThemeProvider>
    <Router AppAssembly="@typeof(Program).Assembly">
        <Found Context="routeData">
            <AuthorizeRouteView RouteData="@routeData" DefaultLayout="typeof(MainLayout)" />
        </Found>
        <NotFound>
            <LayoutView Layout="typeof(MainLayout)">
                <p>Sorry, there's nothing at this address.</p>
            </LayoutView>
        </NotFound>
    </Router>
</MatThemeProvider>

@code {
    private MatTheme _theme = new MatTheme(
        new MatPalette(
            primary: "#3f51b5",
            accent: "#ffeb3b"
        )
    );
}

<MatThemeProvider Theme="@_theme">
    <!-- 你的应用程序内容 -->
</Mat燃料电池