Kendo UI css dependencies

libman.json

{
  "version": "1.0",
  "defaultProvider": "unpkg",
  "libraries": [
    {
      "library": "@progress/kendo-theme-default@3.0.0",
      "destination": "wwwroot/css/kendo-default",
      "files": [
        "dist/all.css"
      ]
    },
    {
      "library": "@progress/kendo-theme-bootstrap@3.0.0",
      "destination": "wwwroot/css/kendo-bootstrap",
      "files": [
        "dist/all.css"
      ]
    },
    {
      "library": "@progress/kendo-theme-material@2.0.0",
      "destination": "wwwroot/css/kendo-material",
      "files": [
        "dist/all.css"
      ]
    }
  ]
}

ThemeManager.cshtml

<select onchange=@HandleThemeChange>
    @foreach (var t in themes)
    {
        <option value=@t>@t</option>
    }
</select>

@functions {

    string[] themes = { "Default", "Bootstrap", "Material" };

    async void HandleThemeChange(UIChangeEventArgs e)
    {
        string themePath = $"css/kendo-{e.Value}/dist/all.css".ToLower();
        await Microsoft.JSInterop.JSRuntime.Current.InvokeAsync<string>("theme.changeCss", themePath);
    }
}

themeManager.js

window.theme = {
    changeCss: function (cssFile) {

        var oldlink = document.getElementById("kendoCss");

        var newlink = document.createElement("link");
        newlink.setAttribute("id", "kendoCss");
        newlink.setAttribute("rel", "stylesheet");
        newlink.setAttribute("type", "text/css");
        newlink.setAttribute("href", cssFile);

        document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink);
    }
}