From 24fae87221bc212aa46106d0716e6acf4959240d Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Fri, 24 Oct 2025 11:08:02 +0300
Subject: [PATCH 1/2] kb(Common): Update runtime theme changes KB
---
knowledge-base/change-theme-runtime.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/knowledge-base/change-theme-runtime.md b/knowledge-base/change-theme-runtime.md
index 7d6ae3792..f2215807a 100644
--- a/knowledge-base/change-theme-runtime.md
+++ b/knowledge-base/change-theme-runtime.md
@@ -34,7 +34,7 @@ This KB article answers the following questions:
The app stylesheets reside outside the Razor component hierarchy, so the Blazor code cannot access them. You can change the current Telerik [theme or swatch](slug:themes-overview) at runtime with [JSInterop](https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/call-javascript-from-dotnet).
-The following algorithm follows the commonly used approach to replace a CSS file in any web app. You can use it for built-in themes and custom themes, regardless of the [CSS theme's physical location](slug:themes-overview#using-a-theme).
+The following algorithm follows the commonly used approach to replace a CSS file in any web app. You can use it for built-in themes and custom themes, regardless of the [CSS theme's physical location](slug:themes-overview#using-a-theme). Keep in mind that the [Telerik UI for Blazor NuGet package contains a limited number of theme swatches](slug:themes-overview#loading-themes-in-blazor-from-the-nuget-package). That's why the example below uses [CDN](slug:common-features-cdn). You can also download all swatches to `wwwroot` and load them locally.
1. [Register the initial Telerik theme](slug:themes-overview#using-a-theme) in a way that allows you to get reference to the `` tag. For example, use an `id` attribute.
From aae26f473ba06a137117f382d4c917e2cd6b71c8 Mon Sep 17 00:00:00 2001
From: Dimo Dimov <961014+dimodi@users.noreply.github.com>
Date: Fri, 24 Oct 2025 11:09:44 +0300
Subject: [PATCH 2/2] Update knowledge-base/change-theme-runtime.md
---
knowledge-base/change-theme-runtime.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/knowledge-base/change-theme-runtime.md b/knowledge-base/change-theme-runtime.md
index f2215807a..0fcfd60d0 100644
--- a/knowledge-base/change-theme-runtime.md
+++ b/knowledge-base/change-theme-runtime.md
@@ -34,7 +34,7 @@ This KB article answers the following questions:
The app stylesheets reside outside the Razor component hierarchy, so the Blazor code cannot access them. You can change the current Telerik [theme or swatch](slug:themes-overview) at runtime with [JSInterop](https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/call-javascript-from-dotnet).
-The following algorithm follows the commonly used approach to replace a CSS file in any web app. You can use it for built-in themes and custom themes, regardless of the [CSS theme's physical location](slug:themes-overview#using-a-theme). Keep in mind that the [Telerik UI for Blazor NuGet package contains a limited number of theme swatches](slug:themes-overview#loading-themes-in-blazor-from-the-nuget-package). That's why the example below uses [CDN](slug:common-features-cdn). You can also download all swatches to `wwwroot` and load them locally.
+The following algorithm follows the commonly used approach to replace a CSS file in any web app. You can use it for built-in themes and custom themes, regardless of the [CSS theme's physical location](slug:themes-overview#using-a-theme). Keep in mind that the [Telerik UI for Blazor NuGet package contains a limited number of theme swatches](slug:themes-overview#loading-themes-in-blazor-from-the-nuget-package). That's why the example below uses [CDN](slug:common-features-cdn). You can also download all swatches to `wwwroot` and load them locally. In this case, replace the CSS files when [upgrading the Telerik UI for Blazor version](slug:upgrade-tutorial).
1. [Register the initial Telerik theme](slug:themes-overview#using-a-theme) in a way that allows you to get reference to the `` tag. For example, use an `id` attribute.