Polaris Colors Plugin (v1.5.1)

In addition to the built-in features and components comes with Polaris framework, you can also use a set of useful plugins.

Polaris Colors Plugin contains a set of flat and beautiful colors you can use for styling HTML elements.

Polaris Colors Plugin is divided in two categories:

• Color Palettes
• Color Packs

Documentation

Coming soon...

Dependencies

In general for production, Polaris Plugins depend on Polaris Framework Core CSS and/or JS libraries.

However, this specific plugin can be used stand alone. But, for development, it depends on:

• Node.js need to be installed.
• Sass as an npm developement package.
• Polaris Core as an npm developement package.

Get Started

Install via npm

npm install polaris-colors

Use Polaris CDN

Coming soon...

Download Polaris Colors

Download Polaris Colors

Clone Polaris

You can also clone Polaris Colors using git:

git clone https://github.com/heminsatya/polaris-colors.git

Customize Polaris Colors

First, you need to download or clone it, then you need to follow a few easy steps:

• Open up your favourite CLI program.
• Change directory to the path where Polaris Colors extracted:

cd path-to/polaris-colors/

• Install packages by:

npm install

Now, you have everything set-up. You can customize it however you want.

Next step after customization is to rebuild the CSS libraries.

• To rebuild the CSS libraries run:

npm run main
npm run main-dev
npm run polaris
npm run polaris-dev
npm run material
npm run material-dev
npm run html
npm run html-dev
npm run flat
npm run flat-dev
npm run metro
npm run metro-dev
npm run social
npm run social-dev

Color Palettes

Polaris Color Palettes

This color set consists of 26 flat color palettes that you can find in:

~polaris-colors/dist/css/polaris.min.css
~polaris-colors/dist/css/polaris.css

Material Colors

This color set is inspired from Material Design Colors which was designed by Google in 2014 and later has been adopted in many Google applications.

~polaris-colors/dist/css/material.min.css
~polaris-colors/dist/css/material.css

Color Packs

HTML Colors

HTML supports about 140 standard color names.

Here you can find a set of these colors:

~polaris-colors/dist/css/html.min.css
~polaris-colors/dist/css/html.css

Flat UI Colors

Another set of color plugins known as Flat UI colors, that you can find here:

~polaris-colors/dist/css/flat.min.css
~polaris-colors/dist/css/flat.css

Metro Colors

Another set of color plugins known as Metro colors, which refers to the colors created by Microsoft for windows, and you can find here:

~polaris-colors/dist/css/metro.min.css
~polaris-colors/dist/css/metro.css

Social Colors

Here you can find a set of famous social network colors:

~polaris-colors/dist/css/social.min.css
~polaris-colors/dist/css/social.css

Bundling

For easier bundling, you can also use the "main" style libray:

~polaris-colors/dist/css/main.min.css
~polaris-colors/dist/css/main.css