From d23dba543a0f4eeeeddc0befd0474113a44ce575 Mon Sep 17 00:00:00 2001 From: radkostanev Date: Thu, 20 Feb 2025 16:37:34 +0200 Subject: [PATCH] chore(styling-and-themes): update headings --- accessibility/overview.md | 2 +- common-features/cdn.md | 2 +- styling-and-themes/overview.md | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/accessibility/overview.md b/accessibility/overview.md index f3b6c2c58..33948f372 100644 --- a/accessibility/overview.md +++ b/accessibility/overview.md @@ -77,7 +77,7 @@ When using [right-to-left text direction](slug:rtl-support), the keyboard shortc WCAG sections 1.4.3 Contrast (Minimum) and 1.4.6 Contrast (Enhanced) 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 1.4.11 Non-text Contrast 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. diff --git a/common-features/cdn.md b/common-features/cdn.md index 71b69b5a8..97c552a9b 100644 --- a/common-features/cdn.md +++ b/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 diff --git a/styling-and-themes/overview.md b/styling-and-themes/overview.md index 121b334b5..d99fe410e 100644 --- a/styling-and-themes/overview.md +++ b/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 swatches of a given theme 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.