为什么 Kendo-UI 中 Angular 的默认主题不会更改强调色?

Why the default theme in Kendo-UI for Angular doesn't change the accent color?

我正在尝试更改使用 Kendo-UI 开发的 Angular 应用程序的强调色。经过一番搜索后,我设法理解了我必须更改的内容,那就是 $accent 变量,从默认值 #ff6358 到您想要的任何颜色。


This link 提供了一些帮助。

另外,官方文档:

自定义

要一次性自定义默认主题,请使用 scss/_variables.scss 文件中定义的颜色。您对此文件内容所做的任何更改都会传播到每个组件。

要设置特定组件的样式,请应用在其特定 .scss 文件中使用的变量。

通过 运行 npm run build 命令构建主题后,您可以在项目中使用的完整主题将在 dist/all.css 文件中可用。


我做了所有这些事情,当我检查我的 all.css 文件时,它和以前一样。任何帮助将不胜感激。

在 Sass 中,声明的顺序很重要。您需要先声明 $accent 的新值,然后再导入 Kendo 的样式,以便它们使用正确的值。

$accent: #666666;
@import "~@progress/kendo-theme-default/scss/all";

(另一方面,Less 是惰性求值的,它是最后的声明。)

有关 Sass 的更多信息并覆盖此处:https://thoughtbot.com/blog/sass-default