根据Angular 2+中的用户主题选择进行剑道主题定制答案

【问题标题】：Kendo Theme Customization asper User Theme Selection in Angular 2+根据Angular 2+中的用户主题选择进行剑道主题定制
【发布时间】：2019-10-21 00:24:21
【问题描述】：

我正在设置一个剑道网格，其样式必须根据不同的模板进行更改。在这里，我有 -all.css 文件（在 nodemodule 处），它与需要变量的 mat-color 函数等变量不兼容。

预期结果：剑道网格的样式将根据主题设置进行更改。请解释如何通过 app 文件夹中的值更改节点模块中的 .scss 变量（这是正确的方法吗？我有点卡住了）。

【问题讨论】：

标签： css angular sass kendo-ui telerik

【解决方案1】：

经过多次咨询和一些研究 - 以下是描述以下步骤的结论：

在 app 文件夹中创建新的 kendo.scss 文件。
通过更改调用 kendo 样式的 angular.json 文件字符串，将 nodemodule 文件夹中的 Kendo 主题 (all.css) 分离到 app 文件夹中的新样式表文件（将所有输入链接的 all.css 替换为 kendo.scss )。

 "styles": [
              { //"input": "nodemodule/@progress/kendo-theming/all.css" to below
                "input": "src/app/theme/styles/_kendo.scss"
              },

对于主题，请使用以下链接中提供的变量进行自定义 https://www.telerik.com/kendo-angular-ui/components/styling/theme-default/customization/

通过这个，得到了我需要的东西。如果出现任何错误，请坚持第 3 点（这是由于提供的变量不同而出现的）。

对于引导程序的主题重置，我们需要使用 Kendo ThemBuilder -> https://themebuilder.telerik.com/kendo-angular-ui

【讨论】：