RadzenThem does not switch

Radzen.Blazor Components
1

Hello.

I tried changing the theme and tried changing ThemeService, but the theme did not change.

I am developing with .Net8(Blazor Web App)

The render mode is InteractiveServer.

Program.cs specifies builder.Services.AddRadzenComponents();

The following is an example of specifying a theme in App.razor.
This didn't work.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <base href="/" />
    <RadzenTheme Theme="software-dark" />
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/material.css" />
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css" />
    <link rel="stylesheet" href="app.css" />
    <link rel="stylesheet" href="BlazorApp2.styles.css" />
    <link rel="icon" type="image/png" href="favicon.png" />
    <HeadOutlet @rendermode="InteractiveServer" />
    
</head>

<body>
    <Routes @rendermode="InteractiveServer" />
    <script src="_framework/blazor.web.js"></script>
    <script src="_content/Radzen.Blazor/Radzen.Blazor.js?v=@(typeof(Radzen.Colors).Assembly.GetName().Version)"></script>
</body>

</html>

I then clicked the button to see if it changed, but that didn't change either.

private void TestOnClick()
{
    ThemeService.SetTheme("software-dark");
}

A simple dark mode toggle didn't work either.

What could be the cause of this?

2

Delete this line - it overrides the theme set by RadzenTheme. Also make sure the theme specified via RadzenTheme is not the same you are trying to change to.