【问题标题】:Kendo Angular SASS Builder: ColorsKendo Angular SASS Builder:颜色
【发布时间】:2020-12-23 17:29:15
【问题描述】:

使用 Kendo Angular Material 的 SASS 构建,我希望简单地更改整个主题的主要颜色、次要颜色和强调色,然后下载。

只有一个下拉菜单可以选择调色板,但无法选择特定颜色。

当我下载 variables.scss 时,没有这三种颜色的条目。

问题:如何编辑 variables.scss 来改变这三种颜色?

【问题讨论】:

    标签: sass kendo-ui kendo-ui-angular2


    【解决方案1】:

    如果您单击屏幕截图顶部的“

    如果你使用 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

    【讨论】:

    • 似乎没有办法创建新的自定义调色板,只能从下拉列表中预先选择值。
    • @IanVink 你可以考虑使用默认主题,它没有这个限制。
    猜你喜欢
    • 2021-07-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-05
    相关资源
    最近更新 更多