Merge styling-and-themes-update-2776 into production

accessibility/overview.md

@@ -77,7 +77,7 @@ When using [right-to-left text direction](slug:rtl-support), the keyboard shortc
 
 WCAG sections <a href="https://www.w3.org/TR/WCAG22/#contrast-minimum" target="_blank">1.4.3 Contrast (Minimum)</a> and <a href="https://www.w3.org/TR/WCAG22/#contrast-enhanced" target="_blank">1.4.6 Contrast (Enhanced)</a> define contrast ratios for accessibility compliance. The built-in [*Default Ocean Blue A11y* theme swatch](https://www.telerik.com/design-system/docs/themes/kendo-themes/default/swatches/#ocean-blue-accessibility-swatch) in Telerik UI for Blazor conforms to WCAG Level AA, except success criterion <a href="https://www.w3.org/TR/WCAG22/#non-text-contrast" target="_blank">1.4.11 Non-text Contrast</a> in the ColorPalette component.
 
-You can [obtain and use the Default Ocean Blue A11y swatch](slug:themes-overview#swatch) starting from the following component and theme versions:
+You can [obtain and use the Default Ocean Blue A11y swatch](slug:themes-overview#what-is-a-swatch) starting from the following component and theme versions:
 
 * [Telerik UI for Blazor version 4.0.1](https://www.telerik.com/support/whats-new/blazor-ui/release-history/ui-for-blazor-4-0-1)
 * [Themes version 6.0.3](https://github.com/telerik/kendo-themes/releases/tag/v6.0.3). Check section [Theme Version Compatibility](slug:themes-overview#compatibility-and-maintenance) on how to align Telerik UI for Blazor versions with theme versions.

common-features/cdn.md

@@ -22,7 +22,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-overview#swatch). 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-overview#compatibility-and-maintenance). For example, use theme version `{{site.themesVersion}}` with UI for Blazor version `{{site.uiForBlazorLatestVersion}}`.
+* `unpkg.com` provides [all built-in theme swatches](slug:themes-overview#what-is-a-swatch). 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-overview#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-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

styling-and-themes/overview.md

@@ -22,11 +22,11 @@ Telerik UI for Blazor comes with a set of built-in CSS themes that control the v
 
 ## Basics
 
-### Theme
+### What is a Theme?
 
 A *theme* is a collection of styles in a CSS file, which determine the appearance of the Telerik Blazor components, including fonts, colors, sizes and layouts. For example, *Default* and *Bootstrap* are two [built-in theme names](#built-in-themes).
 
-### Swatch
+### What is a Swatch?
 
 A *theme swatch* is a color variation of a theme. All <a href="https://www.telerik.com/design-system/docs/themes/kendo-themes/default/swatches/" target="_blank">swatches of a given theme</a> use the same fonts, sizes, and layouts. On the other hand, the text colors, background colors and border colors are different. For example, *Default Ocean Blue* and *Bootstrap Nordic* are two built-in swatch names.