如何在基本 HTML 元素上使用 Kendo UI 配色方案？

Question

我对前端工作相当陌生。我对 Kendo UI 和前端框架开发是全新的。

我已经安装了适用于 ASP.NET Core 的 Telerik Kendo UI 样式工具并创建了一个新项目。我正在调整基础项目来测试它。我什至用他们的在线工具创建了一个自定义主题。内置的 Kendo UI 元素现在使用我创建和导入的主题，因此我知道它在项目中被正确引用。

我试图弄清楚如何将主题样式（颜色、字体等）应用于任意 HTML 元素。例如，基础项目的

kendo-button

div 中有一个

navbar-header

元素。我不喜欢默认的

a

样式，并且更喜欢只在上面放置一个

<h1>

元素，没有链接（已经有一个主页按钮）。如何将 Kendo 主要或次要主题颜色应用到这样的元素？或者是否有我缺少的纯文本 Kendo-UI 元素（如

kendo-button

）？

我已经浏览了文档，并且搜索了这个网站以及更多。 Google 仅返回用于创建无法解决我的问题的主题或操作方法页面的各种 Telerik 产品结果。

Answer 1

我不知道这是否是正确的方法，但我在 Angular 项目中通过将 kendo 默认主题 scss 导入到我的项目的 app.component.scss 文件中来完成此操作，然后仅在我的项目中使用主题颜色变量当我想给某些东西特定的剑道主题颜色时，我需要使用组件 scss 文件。

这是我添加到app.component.scss顶部的内容：

@import "@progress/kendo-theme-default/dist/all.scss";

然后在我想使用警告主题颜色的组件中，我向组件 scss 文件中添加了一个类，如下所示：

.kendo-color-warning {
    color: $kendo-color-warning;
}

我查看了这两份文档：
https://www.telerik.com/kendo-angular-ui/components/styling
https://www.telerik.com/kendo-angular-ui/components/styling/theme-default/customization-color-system