Question

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

This link提供了一些帮助。

另外，官方文档：

自定义

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

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

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

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

Answer 1

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

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

（另一方面，较少对它进行延迟计算，这是最重要的声明。）

有关Sass的更多信息，请点击这里https://thoughtbot.com/blog/sass-default