Merge theme-cdn-urls-737 into production (#741)

* docs: Update swatch CDN urls

* Update styling-and-themes/theme-swatches.md

* docs: Reuse CDN version number from site config

* docs: Reuse CDN version number from site config 2

Co-authored-by: Dimo Dimov <dimo@Dimos-MacBook-Pro.local>
Co-authored-by: Dimo Dimov <961014+dimodi@users.noreply.github.com>

Author: 3 people

_config.yml

@@ -558,6 +558,9 @@ enable_blazorRepl: true
 uiForBlazorLatestVersion: "3.0.0"
 supportedFrameworkVersion: ".NET Core 3.1.11, .NET 5 and .NET 6"
 
+## Compatible theme version for CDN URLs
+themeCdnVersion: "5.1.1"
+
 ## The Kendo UI version used
 cdnVersion: "2019.1.115"
 

styling-and-themes/theme-swatches.md

@@ -40,50 +40,50 @@ Here is a complete list of the base themes, all available swatches and their CDN
 
 * [Material](#material) - Based on Material Design. Main is our "[Material]({%slug general-information/themes%}#material-notes)" theme, which itself is built around the initial theme of <a href = "https://material.angular.io/" target = "_blank">material.angular.io</a>.
 
->important Make sure that the theme version in the CDN URL is compatible with the UI for Blazor version. Our [release notes](https://www.telerik.com/support/whats-new/blazor-ui/release-history) provide information about the correct theme version for each UI for Blazor version.
+>important Make sure that the theme version in the CDN URL is compatible with the UI for Blazor version. Our [release notes](https://www.telerik.com/support/whats-new/blazor-ui/release-history) provide theme compatibility information for each UI for Blazor version. You can also use a [newer theme version](https://github.com/telerik/kendo-themes/releases), if it doesn't contain breaking changes and has a fix that you need.
 
 
 ### Default
 
-* Default Main - https://cdn.kendostatic.com/themes/4.41.2/default/default-main.css
-* Default Main Dark - https://cdn.kendostatic.com/themes/4.41.2/default/default-main-dark.css
-* Default Blue - https://cdn.kendostatic.com/themes/4.41.2/default/default-blue.css
-* Default Green - https://cdn.kendostatic.com/themes/4.41.2/default/default-green.css
-* Default Nordic - https://cdn.kendostatic.com/themes/4.41.2/default/default-nordic.css
-* Default Orange - https://cdn.kendostatic.com/themes/4.41.2/default/default-orange.css
-* Default Purple - https://cdn.kendostatic.com/themes/4.41.2/default/default-purple.css
-* Default Turquoise - https://cdn.kendostatic.com/themes/4.41.2/default/default-turquoise.css
-* Default Urban - https://cdn.kendostatic.com/themes/4.41.2/default/default-urban.css
+* Default Main - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/default/default-main.css
+* Default Main Dark - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/default/default-main-dark.css
+* Default Blue - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/default/default-blue.css
+* Default Green - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/default/default-green.css
+* Default Nordic - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/default/default-nordic.css
+* Default Orange - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/default/default-orange.css
+* Default Purple - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/default/default-purple.css
+* Default Turquoise - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/default/default-turquoise.css
+* Default Urban - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/default/default-urban.css
 
 
 ### Bootstrap
 
-* Bootstrap Main - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-main.css
-* Bootstrap Main Dark - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-main-dark.css
-* Bootstrap 3 - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-3.css
-* Bootstrap 3 Dark - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-3-dark.css
-* Bootstrap 4 - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-4.css
-* Bootstrap 4 Dark - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-4-dark.css
-* Bootstrap Nordic - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-nordic.css
-* Bootstrap Turquoise - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-turquoise.css
-* Bootstrap Turquoise Dark - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-turquoise-dark.css
-* Bootstrap Urban - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-urban.css
-* Bootstrap Vintage - https://cdn.kendostatic.com/themes/4.41.2/bootstrap/bootstrap-vintage.css
+* Bootstrap Main - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-main.css
+* Bootstrap Main Dark - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-main-dark.css
+* Bootstrap 3 - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-3.css
+* Bootstrap 3 Dark - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-3-dark.css
+* Bootstrap 4 - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-4.css
+* Bootstrap 4 Dark - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-4-dark.css
+* Bootstrap Nordic - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-nordic.css
+* Bootstrap Turquoise - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-turquoise.css
+* Bootstrap Turquoise Dark - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-turquoise-dark.css
+* Bootstrap Urban - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-urban.css
+* Bootstrap Vintage - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/bootstrap/bootstrap-vintage.css
 
 
 ### Material
 
-* Material Main - https://cdn.kendostatic.com/themes/4.41.2/material/material-main.css
-* Material Main Dark - https://cdn.kendostatic.com/themes/4.41.2/material/material-main-dark.css
-* Material Aqua Dark - https://cdn.kendostatic.com/themes/4.41.2/material/material-aqua-dark.css
-* Material Arctic - https://cdn.kendostatic.com/themes/4.41.2/material/material-arctic.css
-* Material Burnt Teal - https://cdn.kendostatic.com/themes/4.41.2/material/material-burnt-teal.css
-* Material Eggplant - https://cdn.kendostatic.com/themes/4.41.2/material/material-eggplant.css
-* Material Lime - https://cdn.kendostatic.com/themes/4.41.2/material/material-lime.css
-* Material Lime Dark - https://cdn.kendostatic.com/themes/4.41.2/material/material-lime-dark.css
-* Material Nova - https://cdn.kendostatic.com/themes/4.41.2/material/material-nova.css
-* Material Pacific - https://cdn.kendostatic.com/themes/4.41.2/material/material-pacific.css
-* Material Pacific Dark - https://cdn.kendostatic.com/themes/4.41.2/material/material-pacific-dark.css
-* Material Sky - https://cdn.kendostatic.com/themes/4.41.2/material/material-sky.css
-* Material Sky Dark - https://cdn.kendostatic.com/themes/4.41.2/material/material-sky-dark.css
-* Material Smoke - https://cdn.kendostatic.com/themes/4.41.2/material/material-smoke.css
+* Material Main - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-main.css
+* Material Main Dark - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-main-dark.css
+* Material Aqua Dark - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-aqua-dark.css
+* Material Arctic - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-arctic.css
+* Material Burnt Teal - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-burnt-teal.css
+* Material Eggplant - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-eggplant.css
+* Material Lime - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-lime.css
+* Material Lime Dark - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-lime-dark.css
+* Material Nova - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-nova.css
+* Material Pacific - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-pacific.css
+* Material Pacific Dark - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-pacific-dark.css
+* Material Sky - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-sky.css
+* Material Sky Dark - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-sky-dark.css
+* Material Smoke - https://cdn.kendostatic.com/themes/{{site.themeCdnVersion}}/material/material-smoke.css