Kendo 根据用户在 Angular 中选择的主题自定义主题 2+
Kendo Theme Customization asper User Theme Selection in Angular 2+
我正在设置一个 Kendo 网格，其样式必须根据不同的模板进行更改。
在这里，我有 -all.css file(at nodemodule) 与变量不兼容，例如需要变量的 mat-color 函数。
预期结果：Kendo 网格的样式将根据主题设置进行更改。
请解释如何通过应用程序文件夹中的值更改节点模块中的 .scss 变量（这是正确的方法吗？我对此有点困惑）。
经过多次协商和一些研究-这里是描述以下步骤的结论：
在应用程序文件夹中创建新的 kendo.scss 文件。
通过更改 angular.json 将 Kendo 主题（all.css）从 nodemodule 文件夹分离到 app 文件夹中的新样式 sheet 文件调用 kendo 样式的文件字符串（将所有输入 link 的 all.css 替换为 kendo.scss）。
"styles": [
{ //"input": "nodemodule/@progress/kendo-theming/all.css" to below
"input": "src/app/theme/styles/_kendo.scss"
},
- 对于主题，使用下面给出的变量 link 进行自定义
https://www.telerik.com/kendo-angular-ui/components/styling/theme-default/customization/
至此，得到了我需要的东西。如果出现任何错误，请坚持第 3 点（这是由于提供的变量不同而产生的）。
- 对于 bootstrap、angular material 的主题重置，我们需要使用 Kendo ThemBuilder -> https://themebuilder.telerik.com/kendo-angular-ui
我正在设置一个 Kendo 网格，其样式必须根据不同的模板进行更改。 在这里，我有 -all.css file(at nodemodule) 与变量不兼容，例如需要变量的 mat-color 函数。
预期结果：Kendo 网格的样式将根据主题设置进行更改。 请解释如何通过应用程序文件夹中的值更改节点模块中的 .scss 变量（这是正确的方法吗？我对此有点困惑）。
经过多次协商和一些研究-这里是描述以下步骤的结论：
在应用程序文件夹中创建新的 kendo.scss 文件。
通过更改 angular.json 将 Kendo 主题（all.css）从 nodemodule 文件夹分离到 app 文件夹中的新样式 sheet 文件调用 kendo 样式的文件字符串（将所有输入 link 的 all.css 替换为 kendo.scss）。
"styles": [
{ //"input": "nodemodule/@progress/kendo-theming/all.css" to below
"input": "src/app/theme/styles/_kendo.scss"
},
- 对于主题，使用下面给出的变量 link 进行自定义 https://www.telerik.com/kendo-angular-ui/components/styling/theme-default/customization/
至此，得到了我需要的东西。如果出现任何错误，请坚持第 3 点（这是由于提供的变量不同而产生的）。
- 对于 bootstrap、angular material 的主题重置，我们需要使用 Kendo ThemBuilder -> https://themebuilder.telerik.com/kendo-angular-ui