Category Color Picker

Category Color Picker lets you assign a color to each WordPress category and automatically applies that color to post listings and category links on the front end.

Main features

• Adds a color picker to the category edit screen
• Automatically reflects the chosen color on the front end
• Automatic text color adjustment based on relative luminance
• Customizable CSS selectors
• Adds “Color”, “ID” and “Noindex” columns to the category list
• Sortable by the ID column
• Per-category noindex setting (applies to the category archive, single posts and pages in that category, and tag/date archives that contain those posts)
• JSON export / import of categories (including color and noindex settings)
• Category colors output as CSS custom properties (–ccp-color-{slug} / –ccp-contrast-{slug})
• Category colors output as JavaScript variables (window.__ccp_color_{slug} and the CCPColors object)

Compatible plugins and themes

• VK All in One Expansion Unit
• Content Views
• General WordPress themes
• Any element via custom selectors

Usage

1. Activate the plugin
2. Go to Posts > Categories and edit a category
3. Pick a color with the color picker
4. Optionally enable the “Noindex” checkbox
5. Optionally customize selectors under Settings > Category Color
6. Use the CSS custom properties or JavaScript variables listed on the settings page in your theme