Bob Ross Palette

Bob Ross Palette allows you to use Bob Ross’ Color Palette in CSS. In this world, everything can be happy.

This is probably the greatest thing to happen in my life - to be able to share this with you. I sincerely wish for you every possible joy life could bring.

Everything is happy if you choose to make it that way.

/* before */

.happy-little-trees {
	background-color: titanium-white;
	color: prussian-blue;
}

/* after */

.happy-little-trees {
	background-color: #ffffff;
	color: #021e44;
}

Usage

When you do it your way you can go anywhere you choose. You can create the world you want to see and be a part of. You have that power.

Add Bob Ross Palette to your build tool:

npm install postcss-bob-ross-palette --save-dev

Node

require('postcss-bob-ross-palette').process(YOUR_CSS);

PostCSS

Add PostCSS to your build tool:

npm install postcss --save-dev

Load Bob Ross Palette as a PostCSS plugin:

postcss([
    require('postcss-bob-ross-palette')()
]);

Gulp

Add Gulp PostCSS to your build tool:

npm install gulp-postcss --save-dev

Enable Bob Ross Palette within your Gulpfile:

var postcss = require('gulp-postcss');

gulp.task('css', function () {
    return gulp.src('./css/src/*.css').pipe(
        postcss([
            require('postcss-bob-ross-palette')()
        ])
    ).pipe(
        gulp.dest('./css')
    );
});

Grunt

Add Grunt PostCSS to your build tool:

npm install grunt-postcss --save-dev

Enable Bob Ross Palette within your Gruntfile:

grunt.loadNpmTasks('grunt-postcss');

grunt.initConfig({
    postcss: {
        options: {
            processors: [
                require('postcss-bob-ross-palette')()
            ]
        },
        dist: {
            src: 'css/*.css'
        }
    }
});

If what you’re doing doesn’t make you happy - you’re doing the wrong thing.