ionic 改变 默认颜色

 

ionic 工程下：

  www/lib/ionic/scss/_variables.scss是默认的颜色

 

$light:                           #fff !default;
$stable:                          #f8f8f8 !default;
$positive:                        #387ef5 !default;
$calm:                            #11c1f3 !default;
$balanced:                        #33cd5f !default;
$energized:                       #ff8f3f !default;
$assertive:                       #ef473a !default;
$royal:                           #886aea !default;
$dark:                            #444 !default;


// Base
// -------------------------------

$font-family-sans-serif:          "Helvetica Neue", "Roboto", "Segoe UI", sans-serif !default;
$font-family-light-sans-serif:    "HelveticaNeue-Light", "Roboto-Light", "Segoe UI-Light", sans-serif-light !default;
$font-family-serif:               serif !default;
$font-family-monospace:           monospace !default;

 

 

  修改变量对应的默认值。 

 

  在工程目录下，cmd 中执行：gulp sass

$ gulp sass
[09:01:04] Using gulpfile e:\TestApp\gulpfile.js
[09:01:04] Starting 'sass'...
[09:01:05] Finished 'sass' after 1.26 s

 

    执行完成后，会在www/css下生成相应的css

   

   gulpfile.js如下：

   

gulp.task('sass', function(done) {
  gulp.src('./scss/ionic.app.scss')
    .pipe(sass({
      errLogToConsole: true
    }))
    .pipe(gulp.dest('./www/css/'))//目标路径
    .pipe(minifyCss({
      keepSpecialComments: 0
    }))
    .pipe(rename({ extname: '.min.css' }))
    .pipe(gulp.dest('./www/css/'))
    .on('end', done);
});