1pete/gulp-css-grayscale

Converts css colors to grayscale version

gulp-css-grayscale

Converts css colors to grayscale version

Installation

$ npm install --save gulp-css-grayscale

Example

var gulp = require('gulp');
var gs = require('gulp-css-grayscale');

gulp.task('gs-css', function() {
  return gulp.src('./src/**/*.*')
    .pipe(gs({
      logProgress: false,
      additionalMethods: [
        {
          find: /img\/path/ig,
          replace: function() {
            console.log(arguments);
            return 'sth';
          }
        },
        {
          find: /some string/ig,
          replace: function() {
            console.log(arguments);
            return 'sth';
          }
        },
        {
          find: 'some string',
          replace: 'other string'
        }
      ]
    }))
    .pipe(gulp.dest('./dest'));
});

gulp.task('default', ['gs-css']);

Options

var defaults = {
  algorithm: 'lightness',
  logProgress: false,
  additionalMethods: []
};

Algorithms

average -> (r + g + b) / 3;
luminosity -> 0.21 * r + 0.72 * g + 0.07 * b;
lightness (default) -> 0.5 * (max(r, g, b) + min(r, g, b));

own -> algorithm: function(r, g, b) {
  return r * 0.25 + g * 0.5 + b * 0.25;
}