在ionic.app.scss中更改颜色

时间:2016-08-19 20:35:32

标签: javascript angularjs ionic-framework

我正在尝试更改我的ionic.app.scss文件中的颜色正面,就像这里是我的文件

$positive:#106CA4 !default;

// The path for our ionicons font files, relative to the built CSS in www/css
$ionicons-font-path: "../lib/ionic/fonts" !default;

// Include all of Ionic
@import "www/lib/ionic/scss/ionic";

但颜色没有被覆盖,为什么它不会改变?

1 个答案:

答案 0 :(得分:0)

我通常根据设计覆盖离子的预定义类,如positivebalanced,而不是覆盖其变量。但如果你真的想这样做,就像the official doc所说,你可以在 _variables.scss 文件中覆盖它们。

  

要自定义颜色,您可以简单地覆盖来自ionic.css CSS文件的颜色。此外,由于Ionic是使用Sass构建的,为了获得更多功能和灵活性,您还可以修改和扩展_variables.scss文件中的颜色变量。