为什么 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
我正在尝试更改使用 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