主题色板
Telerik UI为Blazor提供了三个内置(基本)主题.它们每个都提供了一组色卡,您可以从中选择与应用程序外观和样式相匹配的色卡。
在本文中:
基础知识
主题色板是基本主题的不同颜色变化。虽然它们使用与内置主题相同的变量,但它们具有不同的颜色值,以便为Telerik组件交付各种色调。
你可以在我们的现场演示.的改变主题
下拉菜单提供了最常见的色板列表。要测试所有可用的色板如何影响Blazor组件的Telerik UI外观,可以检查ThemeBuilder.它还提供了选项定制现有主题如果需要的话。
此外,Telerik UI为Blazor通过几个其他资源分配一些色板。欲知详情,请浏览样本分布篇文章。
内置主题和色板列表
这里是一个完整的基本主题列表,所有可用的色板和他们的CDN url在一个专门的主题CDN。
默认的这些是我们大部分的样板ThemeBuilder.
引导-主斯沃琪是当前的"引导的主题,这是建立在Bootstrap 5。正如其他名称所示,Bootstrap 3和Bootstrap 4色板是颜色色板,看起来像各自的版本。
材料-基于材料设计。主要是我们的”材料主题,它本身就是围绕最初的主题material.angular.io.
请确保CDN URL中的主题版本与Blazor版本的UI兼容。我们的发布说明为Blazor版本的每个UI提供主题兼容性信息。你也可以用a更新的主题版本,如果它不包含破坏性的更改,并且有您需要的修复。
我们将最常用的色板单独分配Telerik Blazor CDN.CDN url包含Blazor版本的Telerik UI。因此,您不需要手动跟踪主题兼容性,只需确保使用包含Blazor版本UI的CDN URL。
默认的
引导
材料
流利的
斯沃琪 | CDN |
---|---|
流利的主要 | https://cdn.kendostatic.com/themes/5.11.0/fluent/fluent-main.css |