在materialise css中更改主要颜色

时间:2015-11-19 16:24:52

标签: sass npm gulp gulp-sass kong

我正在尝试使用kong仪表板(https://github.com/PGBI/kong-dashboard)。我想通过使用另一个SCSS文件来更改使用GULP JS实现的主要颜色。我不想改变由凉亭或npm拉动的_variables.scss。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

我添加了添加自己原色的功能。提交了一个拉取请求,它被接受了。只需在app.scss中设置主要颜色即可。

答案 1 :(得分:0)

可以使用$mdThemingProvider在角度的.config中更改主要颜色这里是一个示例

$mdThemingProvider.theme("default")
        .primaryPalette('grey', {
            'default': '600', // by default use shade 400 from the pink palette for primary intentions
            'hue-1': '100', // use shade 100 for the <code>md-hue-1</code> class
            'hue-2': '600', // use shade 600 for the <code>md-hue-2</code> class
            'hue-3': 'A100' // use shade A100 for the <code>md-hue-3</code> class
        })

https://material.angularjs.org/latest/Theming/03_configuring_a_theme

您的应用的所有颜色都可以在那里设置