# WP Block Ink #
**Contributors:** dryanpress  
**Tags:** gutenberg, colors, color palette, customizer, editor, branding, css colors  
**Requires at least:** 4.9  
**Requires PHP:** 5.3.0  
**Tested up to:** 4.9.8  
**Stable tag:** 1.0.0  
**License:** GPLv2 or later  
**License URI:** https://www.gnu.org/licenses/gpl-2.0.html  

🎨 Set custom colors for the new editor's block color palettes.

## Description ##

🎨 Set custom colors for the new editor's color palette used in Blocks, prevent users from using custom colors and adds CSS classes for colors automatically.

Color options are in the Colors panel of the Customizer.

* Choose up to 11 Custom Colors to use in the WordPress Editor (codenamed Gutenberg).
* Choose to disable users from picking non-palette colors.
* Improve Theme compatibility with the new WordPress Editor.
* Requires PHP 5.3+.

## Installation ##

1. Upload `/wp-block-ink` folder to the `/wp-content/plugins/` directory.
1. Activate the plugin through the 'Plugins' menu in WordPress.
1. Go to Appearance ➡️ Customize ➡ Colors to choose and name colors.
1. Save! Colors are added to your Theme and the Editor using CSS.

## Frequently Asked Questions ##

Where do I set my colors?

1. Go to Appearance ➡️ Customize ➡ Colors to choose and name colors. You can also disable the custom color picker for users.

What CSS classes are created?

Each color receives two CSS classes — one for text styling and one for background color. Reference the CSS added under Appearance ==> Block Ink --> CSS

What if my theme includes custom Gutenberg colors?

This plugin respects a theme’s custom colors by default. Check the status indicator on the Block Ink admin page or Plugin List to see where the color palette is being set.

## Screenshots ##

### 1. Use your own color palette in the new WordPress Editor without changing your Theme or writing code. ###
![Use your own color palette in the new WordPress Editor without changing your Theme or writing code.](http://ps.w.org/wp-block-ink/assets/screenshot-1.png)

### 2. Get a nice style guide for your site to reference colors and names (and reference CSS classes, if that's your thing). ###
![Get a nice style guide for your site to reference colors and names (and reference CSS classes, if that's your thing).](http://ps.w.org/wp-block-ink/assets/screenshot-2.png)

### 3. Set all your colors from the easy-to-use WordPress Customizer. ###
![Set all your colors from the easy-to-use WordPress Customizer.](http://ps.w.org/wp-block-ink/assets/screenshot-3.png)


## Changelog ##

### 1.0 ###
* Initial public release