Theme info removal continued

dimodi · dimodi · commit 6a08b5066d78 · 2024-10-03T17:38:14.000+03:00
diff --git a/_contentTemplates/common/general-info.md b/_contentTemplates/common/general-info.md
@@ -122,18 +122,14 @@ If you set the `ShouldRender` field of the event arguments to `true`, the compon
 | tb-wizard                  | [Wizard]({%slug wizard-overview%})       |
 #end
 
-#change-theme-runtime
-
-The application can remove a loaded stylesheet from the page and register another one. See [how to change the theme or swatch at runtime]({%slug change-theme-runtime%}) with step-by-step instructions and an example.
-
-#end
 
 #status-telerik-com
 ## Telerik NuGet Feed Status
 
 Visit [status.telerik.com](https://status.telerik.com) to check the status of the Telerik NuGet server. The top section shows manually logged incidents with possible updates or workaround suggestions. The [**System Metrics** section](https://status.telerik.com/#system-metrics) provides real-time automated diagnostics.
 #end
 
+
 #ci-cd-support
 > All deployment articles in this documentation provide general guidance and fundamentals. Telerik does not provide technical support for setting up CI/CD environments or application publishing infrastructure.
 #end
diff --git a/_contentTemplates/common/themebuilder-section.md b/_contentTemplates/common/themebuilder-section.md
@@ -2,7 +2,7 @@
 
 ## ThemeBuilder
 
-To take full control over the appearance of the Telerik UI for Blazor components, you can create your own styles by using [ThemeBuilder]({%slug themebuilder%}).
+To take full control over the appearance of the Telerik UI for Blazor components, you can create your own styles by using [ThemeBuilder](https://docs.telerik.com/themebuilder).
 
 ThemeBuilder is a web application that enables you to create new themes and customize existing ones. Every change that you make is visualized almost instantly. Once you are done styling the UI components, you can export a ZIP file with the styles for your theme and use them in your Blazor app.
 #end
diff --git a/accessibility/accessibility-swatch.md b/accessibility/accessibility-swatch.md
@@ -10,7 +10,7 @@ position: 7
 
 # Ocean Blue Accessibility Swatch
 
-The [Web Content Accessibility Guidelines](https://www.w3.org/TR/WCAG21/) sections [1.4.3 Contrast (Minimum)](https://www.w3.org/TR/WCAG21/#contrast-minimum) and [1.4.6 Contrast (Enhanced)](https://www.w3.org/TR/WCAG21/#contrast-enhanced) define contrast ratios for accessibility compliance. The *Default Ocean Blue A11y* [theme swatch]({%slug themes-swatches%}) in Telerik UI for Blazor conforms to WCAG Level AA, which requires contrast ratios of at least:
+The [Web Content Accessibility Guidelines](https://www.w3.org/TR/WCAG21/) sections [1.4.3 Contrast (Minimum)](https://www.w3.org/TR/WCAG21/#contrast-minimum) and [1.4.6 Contrast (Enhanced)](https://www.w3.org/TR/WCAG21/#contrast-enhanced) define contrast ratios for accessibility compliance. The *Default Ocean Blue A11y* [theme swatch]({%slug themes-overview%}#basics) in Telerik UI for Blazor conforms to WCAG Level AA, which requires contrast ratios of at least:
 
 * 4.5:1 for normal text
 * 3:1 for large text
diff --git a/common-features/cdn.md b/common-features/cdn.md
@@ -23,7 +23,7 @@ The CDN hosts two kinds of static client assets for the Telerik UI for Blazor co
 The [Telerik CSS themes]({%slug themes-overview%}) are available on two CDN hosts:
 
 * `unpkg.com` provides [all built-in theme swatches]({%slug themes-swatches%}#swatch-urls). The version number in the theme URL matches the version of the theme itself. Make sure to [use compatible theme and component versions]({%slug themes-swatches%}#theme-version-compatibility-and-maintenance). For example, use theme version `{{site.themesVersion}}` with UI for Blazor version `{{site.uiForBlazorLatestVersion}}`.
-* `blazor.cdn.telerik.com` provides a limited set of popular [theme swatches]({%slug themes-swatches%}). The version number in the theme URL matches the version of the Telerik UI for Blazor components, for example, `{{site.uiForBlazorLatestVersion}}`.
+* `blazor.cdn.telerik.com` provides a limited set of popular [theme swatches]({%slug themes-overview%}#basics). The version number in the theme URL matches the version of the Telerik UI for Blazor components, for example, `{{site.uiForBlazorLatestVersion}}`.
 
 ### UNPKG CDN
 
diff --git a/components/grid/overview.md b/components/grid/overview.md
@@ -226,4 +226,3 @@ To execute these methods, obtain reference to the Grid instance via `@ref`.
 
 * [Live Grid Demos](https://demos.telerik.com/blazor-ui/grid/index)
 * [Grid API Reference](/blazor-ui/api/Telerik.Blazor.Components.TelerikGrid-1)
-* [Create Custom Styles by Using ThemeBuilder]({%slug themebuilder%})
diff --git a/getting-started/repl/overview.md b/getting-started/repl/overview.md
@@ -52,7 +52,7 @@ The Sidebar provides the following functionalities:
 
 * **User Snippets**&mdash;allows you to review and manage the snippets saved in your account. [Read more about the user snippets...]({%slug blazor-repl-user-snippets%})
 
-* **Telerik UI Asset Manager**&mdash;shows the Telerik.UI.for.Blazor package version and allows you to change or update it. Starting from September 14, 2022 (R3 2022), each REPL example maintains its Telerik UI package version until changed explicitly. The Asset Manager also shows a list with the available [built-in themes]({%slug themes-overview%}) and their corresponding [color swatches]({%slug themes-swatches%}). When you select a new theme or swatch, you can immediately see the applied styles in the Result View.
+* **Telerik UI Asset Manager**&mdash;shows the Telerik.UI.for.Blazor package version and allows you to change or update it. Starting from September 14, 2022 (R3 2022), each REPL example maintains its Telerik UI package version until changed explicitly. The Asset Manager also shows a list with the available [built-in themes]({%slug themes-overview%}) and their corresponding [theme swatches]({%slug themes-overview%}#basics). When you select a new theme and swatch, you can immediately see the applied styles in the Result View.
 
 * **Snippets and Scaffolders**&mdash;it allows you to add predefined component snippets or scaffold some components defining your desired configuration. [Read more about Snippets and Scaffolders...]({%slug blazor-repl-snippets-scaffolders%})
 
diff --git a/getting-started/vs-code-integration/new-project-wizard.md b/getting-started/vs-code-integration/new-project-wizard.md
@@ -76,7 +76,7 @@ The available .NET framework versions vary depending on the selected hosting mod
 
 #### Section 10: Select Theme
 
-Select your desired [theme]({%slug themes-overview%}) for your project. Click **See All Swatches** to explore the available [theme variations]({%slug themes-swatches%}).
+Select your desired [theme]({%slug themes-overview%}) for your project. Click **See All Swatches** to explore the available [theme color variations]({%slug themes-overview%}#basics).
 
 @[template](/_contentTemplates/common/general-info.md#vs-code-nuget-note)
 
diff --git a/installation/zip.md b/installation/zip.md
@@ -19,7 +19,7 @@ The `ZIP` archive provides the following:
 * The [necessary `.nupkg` files]({%slug getting-started/what-you-need%}) so you can setup a [local feed in Visual Studio](#set-up-a-local-nuget-feed-in-visual-studio). You can find them in the `packages` folder in the archive.
 * An offline version of our [demos](https://demos.telerik.com/blazor-ui) that you can run and inspect in your IDE. You can find them in the `demos` folder in the archive.
 * The [document processing]({%slug dpl-in-blazor%}) `.nupkg` files (in the `dpl` folder).
-* The [built-in themes]({%slug themes-overview%}) and some of their most commonly used [swatches]({%slug themes-swatches%}). You can find them in the `styles` folder in the archive.
+* The [built-in themes]({%slug themes-overview%}) and some of their most commonly used [swatches]({%slug themes-overview%}#basics). You can find them in the `styles` folder in the archive.
 
 ## How to Download the ZIP Archive
 
diff --git a/knowledge-base/change-theme-runtime.md b/knowledge-base/change-theme-runtime.md
@@ -3,7 +3,7 @@ title: Change Telerik Theme at Runtime
 description: Learn how to switch the Telerik Blazor theme at runtime on the fly with JavaScript.
 type: how-to
 page_title: How to Change the Telerik Theme or Swatch at Runtime
-slug: change-theme-runtime
+slug: common-kb-common-kb-change-theme-runtime
 position: 
 tags: telerik, blazor, theme
 ticketid: 1442823
@@ -32,7 +32,7 @@ This KB article answers the following questions:
 
 ## Solution
 
-The app stylesheets reside outside the Razor component hierarchy, so the Blazor code cannot access them. You can change Telerik [themes]({%slug themes-overview%}) and [swatches]({%slug themes-swatches%}) at runtime with [JSInterop](https://learn.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/call-javascript-from-dotnet).
+The app stylesheets reside outside the Razor component hierarchy, so the Blazor code cannot access them. You can change the current Telerik [themes 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).
 
@@ -333,5 +333,4 @@ The following algorithm follows the commonly used approach to replace a CSS file
 ## See Also
 
 * [Themes Overview]({%slug themes-overview%})
-* [Theme Swatches]({%slug themes-swatches%})
 * [Implement CDN Fallback]({%slug common-kb-cdn-fallback%})
diff --git a/knowledge-base/common-telerik-themes-libman.md b/knowledge-base/common-telerik-themes-libman.md
@@ -43,7 +43,7 @@ The benefits of Libman are:
 You can use Libman to consume the following **npm** packages that are published on the **UNPKG** CDN:
 
 * [`@progress/kendo-font-icons`](https://www.npmjs.com/package/@progress/kendo-font-icons) provides font icon styles when using [font icons instead of SVG icons]({%slug common-features-icons%}).
-* All [built-in themes]({%slug themes-overview%}) and their [swatches]({%slug themes-swatches%}):
+* All [built-in themes]({%slug themes-overview%}) and their [swatches]({%slug themes-overview%}#basics):
     * [`@progress/kendo-theme-bootstrap`](https://www.npmjs.com/package/@progress/kendo-theme-bootstrap)
     * [`@progress/kendo-theme-default`](https://www.npmjs.com/package/@progress/kendo-theme-default)
     * [`@progress/kendo-theme-fluent`](https://www.npmjs.com/package/@progress/kendo-theme-fluent)
diff --git a/knowledge-base/common-upgrade-breaks-css-theme-styles.md b/knowledge-base/common-upgrade-breaks-css-theme-styles.md
@@ -39,7 +39,7 @@ The application is using an outdated CSS theme or swatch.
 
 To resolve the problem, follow the [recommended UI for Blazor upgrade procedure]({%slug upgrade-tutorial%}):
 
-* If using the [Telerik **CDN**]({%slug common-features-cdn%}) - update the [stylesheet file URL]({%slug themes-swatches%}) to the correct version.
+* If using the [Telerik **CDN**]({%slug common-features-cdn%}) - update the [stylesheet file URL]({%slug themes-overview%}#using-a-theme) to the correct version.
 * If using a **local** CSS file in `wwwroot` - replace the stylesheet with a compatible one. If the application is using a [**custom theme**, then recreate it]({%slug themes-custom%}#import-custom-theme).
 * If using **static assets** from the NuGet package - clear the browser cache and [add a cache buster for the Telerik CSS and JavaScript files]({%slug common-kb-browser-cache-buster%}).
 
diff --git a/styling-and-themes/custom-theme.md b/styling-and-themes/custom-theme.md
@@ -1,6 +1,6 @@
 ---
-title: Custom Themes
-page_title: Custom Themes
+title: Customize Themes
+page_title: Customize Themes
 description: Learn how to create a custom theme for you Blazor application and alter the default appearance of the UI for Blazor components.
 slug: themes-custom
 tags: telerik,blazor,theme,custom
@@ -9,7 +9,7 @@ previous_url: /themes/custom-theme
 position: 10
 ---
 
-# Custom Themes
+# Customize Themes
 
 Custom themes allow you to modify the appearance of the Telerik UI for Blazor components, so they match the desired color scheme and your Blazor app coloring and style.
 
@@ -20,7 +20,6 @@ This article contains the following sections:
 * [Customize theme variables](#setting-theme-variables)
 * [Build custom themes manually](#building-themes-from-source-code)
 * [Load a custom theme in your app](#loading-custom-themes)
-* [Contribute](#contribution)
 
 > When you use custom themes for Telerik UI for Blazor components, you must recreate the custom theme every time you update the Telerik components in your application. This ensures compatibility and allows you to get the theme updates and fixes.
 
@@ -32,7 +31,7 @@ You can customize the appearance of the Telerik Blazor components in several way
 
 ## Using ThemeBuilder
 
-[ThemeBuilder]({%slug themebuilder%}) is a web application that enables you to create new custom themes by changing the styles of existing built-in themes. Every change that you make is visualized almost instantly. Once you are done styling the UI components, you can export a ZIP file with the desired styles and [use the custom theme in your Blazor app](#loading-custom-themes).
+[ThemeBuilder](https://docs.telerik.com/themebuilder) is a web application that enables you to create new custom themes by changing the styles of existing built-in themes. Every change that you make is visualized almost instantly. Once you are done styling the UI components, you can export a ZIP file with the desired styles and [use the custom theme in your Blazor app](#loading-custom-themes).
 
 
 ## Setting Theme Variables
@@ -105,27 +104,8 @@ Custom themes are used in a [similar way as the built-in themes]({%slug getting-
 
 Make sure that the Blazor app is loading only one Telerik theme at a time. If you are replacing a built-in theme with a custom theme, you must remove the `<link>` element of the built-in theme.
 
->caption Adding a custom Telerik theme
-
-<div class="skip-repl"></div>
-
-````HTML
-<head>
-    <!-- custom Telerik stylesheet in wwwroot/telerik/ -->
-    <link rel="stylesheet" href="telerik/custom-theme.css" />
-
-    <!-- other application stylesheets -->
-</head>
-````
-
-
-## Contribution
-
-To contribute to the development of the Kendo UI Themes, go to the [telerik/kendo-themes](https://github.com/telerik/kendo-themes) GitHub repository.
-
 
 ## See Also
 
-* [Progress ThemeBuilder](https://themebuilderapp.telerik.com)
-* [Progress ThemeBuilder Documentation](https://docs.telerik.com/themebuilder)
-* [Kendo SASS Themes](https://docs.telerik.com/kendo-ui/styles-and-layout/sass-themes)
+* [ThemeBuilder Online Tool](https://themebuilderapp.telerik.com)
+* [ThemeBuilder Documentation](https://docs.telerik.com/themebuilder)
diff --git a/styling-and-themes/figma-ui-kits.md b/styling-and-themes/figma-ui-kits.md
diff --git a/styling-and-themes/overview.md b/styling-and-themes/overview.md
diff --git a/styling-and-themes/theme-swatches.md b/styling-and-themes/theme-swatches.md
diff --git a/upgrade/overview.md b/upgrade/overview.md

Original file line number	Diff line number	Diff line change
@@ -226,4 +226,3 @@ To execute these methods, obtain reference to the Grid instance via `@ref`.
`226`	`226`
`227`	`227`	`* [Live Grid Demos](https://demos.telerik.com/blazor-ui/grid/index)`
`228`	`228`	`* [Grid API Reference](/blazor-ui/api/Telerik.Blazor.Components.TelerikGrid-1)`
`229`		`-* [Create Custom Styles by Using ThemeBuilder]({%slug themebuilder%})`