【发布时间】:2020-12-23 17:29:15
【问题描述】:
使用 Kendo Angular Material 的 SASS 构建,我希望简单地更改整个主题的主要颜色、次要颜色和强调色,然后下载。
只有一个下拉菜单可以选择调色板,但无法选择特定颜色。
当我下载 variables.scss 时,没有这三种颜色的条目。
问题:如何编辑 variables.scss 来改变这三种颜色?
【问题讨论】:
标签: sass kendo-ui kendo-ui-angular2
使用 Kendo Angular Material 的 SASS 构建,我希望简单地更改整个主题的主要颜色、次要颜色和强调色,然后下载。
只有一个下拉菜单可以选择调色板,但无法选择特定颜色。
当我下载 variables.scss 时,没有这三种颜色的条目。
问题:如何编辑 variables.scss 来改变这三种颜色?
【问题讨论】:
标签: sass kendo-ui kendo-ui-angular2
如果您单击屏幕截图顶部的“
如果你使用 npm,你可以安装你想要的主题:
npm install @progress/kendo-theme-material
然后在你自己的scss文件中导入主题,你可以在其中覆盖一些值:
$primary-palette-name: blue;
$secondary-palette-name: pink;
@import "~@progress/kendo-theme-material/dist/all.scss";
文档在这里:https://docs.telerik.com/kendo-ui/styles-and-layout/sass-themes
变量在这里:https://github.com/telerik/kendo-themes/blob/develop/packages/material/scss/_variables.scss
【讨论】: