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

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";

（另一方面，Less 是惰性求值的，它是最重要的最后一个声明。）

更多关于 Sass 和覆盖在这里：https://thoughtbot.com/blog/sass-default