Fourteen Colors

Fourteen Colors

Not a big fan of green and black? Love the layout of Twenty Fourteen, but need its colors to match your brand? Don't have time to create a child …
Rating:
4.8
star-rating-1star-rating-2star-rating-3star-rating-4star-rating-5
Active Installations:
10000+
Last Updated:
Jul 13, 2024
WordPress Version:
3.6 or higher
Tested up to:
6.3.5

Customize Twenty Fourteen

Easily change the colors of your Twenty Fourteen theme to match your brand without the need for a child theme.

Accessible & Readable

Fourteen Colors automatically adjusts your color choices to ensure the minimum required contrast to keep Twenty Fourteen accessible-ready and your site readable.

Creative Expressions

With Fourteen Colors, you can be creative and express yourself with your site by choosing almost any combination of colors.

Enhanced Features

This plugin adds the contrast color feature to enable a broad range of custom colorschemes, enhancing the original Accent Color feature of Twenty Fourteen.

Please note: this plugin is only updated when changes are needed for compatibility with theme updates or WordPress changes (or in rare cases, if additional bugs/edge cases are found and fixed). It is not anticipated that major updates will be needed in the future as of December 2015.

1.6

  • Apply custom colors to theme-registered block editor color palettes.
  • Add support for block editor styles corresponding to WordPress 5.0.
  • Update color patterns to address changes in Twenty Fourteen 2.3, 2.4, and 2.5.

1.5

  • Update color patterns to address changes in Twenty Fourteen 2.0, 2.1, and 2.2. This includes full support for the media widgets introduced in WordPress 4.8 and 4.9.

1.4

  • Add postMessage previewing of base colors for an enhanced user experience. Contrast and accent colors are now instantly previewed in the customizer, with secondary generated colors updating on a slight delay (typically a few seconds).

1.3

  • Implement support for Selective Refresh in the Customizer. Colors will now be updated much more quickly (but still not instantly) in the Customizer preview. Available in WordPress 4.5+.

1.2

  • Updates for WordPress 4.0 / Twenty Fourteen 1.2. Please update those before updating Fourteen Colors.
  • The mediaelements-genericons component, which facilitated audio/video player color-scheming, has been merged into Twenty Fourteen core.
  • Added two new filters to adjust the plugin’s output CSS: fourteen_colors_contrast_css and fourteen_colors_accent_css.
  • Leverage some of the Customizer API improvements in WordPress 4.0.
  • Fix a couple of really minor, obscure bugs that surfaced in the wild.

1.1

  • Full support for Twenty Fourteen 1.1.
  • Fix mobile menu-toggle button colors.
  • Fix support for button-styled links in widgets (via the .button class).
  • Add a filter to the version of the accent color that contrasts with the white page background, facillitating the ability to override the automatically-generated version with another color picker via an add-on plugin.

1.0.2

  • Fix bugs with mobile navigation menus with certain color combinations.
  • Add support for the .button class introduced in Twenty Fourteen 1.1 / WordPress 3.9.
  • Fix link and border color in Twenty Fourteen Ephemera widgets when used in the Primary and Footer widget areas with a light contrast color.
  • Override the Site Title option, as it is hidden from the Theme Customizer (since Fourteen Colors automatically adjusts it for contrast).
  • Add basic support for IE8, which is handled differently in Twenty Fourteen due to its lack of support for modern standards.

1.0.1

  • Add a description of the different color controls (requires changes that might change the order of the options).
  • Fix paging navigation hover states (border, not background color should change).
  • Darken all borders when using light contrast colors on mobile.
  • Fix sub-menu colors on mobile when using a light contrast color.
  • Automatically refresh the cached plugin output CSS after the plugin has been updated.
  • Hide the site title color control to reduce confusion, since the color is automatically tweaked based on the contrast color. The Header Text Color option is still available via the Appearance -> Header page if it needs to be customized.

1.0

  • Plugin is ready for general use, alongside Twenty Fourteen 1.0 and WordPress 3.8.

0.7

  • Screenshots, finalized documentation.

0.6

  • Code cleanup, inline code documentation, coding standards to match Twenty Fourteen core.
  • Tweaks post-code-review, props @lancewillett.

0.5

  • Save the entire plugin CSS output as a single theme_mod to allow for more computationally intensive color calculations.
  • Introduce a more robust set of color calculations; most importantly, the ability to calculate the contrast ratio between any two colors.
  • Adjustments to make any color work as the accent color, addressing the concerns that led to the feature’s removal from Twenty Fourteen core.
  • Ensure that there is adequate contrast between all colors that are displayed against each other.

0.2

  • Build out of the contrast color option.

0.1

  • Initial port from the Twenty Fourteen Theme’s implementation.
  • Initial pass at an experimental “Contrast Color” option.

Just thank you

By Sergey Kovalets (SergeyKovalets) on November 21, 2024

I consider the Twenty Fourteen theme one of the most original and stylish ever released for WordPress, and this plugin is as essential to it as air. I understand there may not be many reviews, but believe me, we are all truly grateful to you. It would be great to see some additional functionality, like disabling sidebars or changing the page width. Thank you so much for continuing to support this plugin.

Good plugin

By Michel-IP on March 20, 2019

Add some handy options to customize colors

Title color is missing

By Colleen-fr on August 30, 2018

Hi, unfortunately after you activate the plugin you can't change anymore the website title color... you must disable the plugin, change the title color and activate the plugin again.

Just what I needed

By hecthewreck on August 5, 2018

Ran into this plugin after hours of setting up things with it and this was the final touch, I lucked out finding it, cheers!

can u change the white part too ?

By mirotic on September 19, 2017

im using "full width" so the "background" in this post will not show to me , i wan to change the white part to other color , can u do that ?

a must for twenty-fourteen

By gotti75 on September 7, 2017

This plugin is easy to use and a must to customize colour codes for the twenty-fourteen template. Without that plugin I would have chosen another template or spent hours on css customization.

Working Fine

By stuardorafael on September 3, 2016

I worked the past weekend and this plugin working fine

Working

By khkkjdadsdasasd (jeremyweston) on September 3, 2016

I saw the last review and decided to try it again on my site.

Its working for me now.

Not compatable with the most current version of Twenty Fourteen

By mikeadkins on September 3, 2016

I am using the most current version of Wordpress 4.4 and the most current version of Twenty Fortheen Theme. The plug-in installed and will activate but does not show up after activation. The options under Appearance / Customize / Colors are the defaults only for the theme. I have noticed reports on the support blog over a month ago of the same issue on earlier versions of Twenty Fourteen Theme. I hope that the developer gets this message and has time to resolve the issue. His plug-in was a great value.

HA! (Happy Accident)

By Chaz DeSimone (chazdesimone) on September 3, 2016

THANK YOU NICK!

A few months ago I created silentcinemasociety.org and spent hours changing all the green to gold. I don't even remember if I did it in css or html or both. Just a lot of inspecting and trial and error. It looked great, and has for months.

Then today I went to the site and everything was green again.Arrrrrgh! Like I said, I don't remember how I did it the first time, and don't know why it reverted. Maybe an update?

So I googled how to do global color changes -- and instead of complicated code I found this one-click plugin. It's absolutely superb.

I'm actually glad the colors reverted, so I could discover this plugin. Like I said, HA! -- happy accident.

Thank you again!

Try other plugins too!

Customizer Search

Search for settings in customizer.

Try Demo More Details

Kirki Customizer Framework

The Ultimate Customizer Framework for WordPress Theme Developers

Try Demo More Details

eCommerce Companion

eCommerce Companion is created for Seller Themes. The plugin set frontpage sections for navigation, info, slider, category, products & blog.

Try Demo More Details
Screenshots
Author Site Author Site

Try Fourteen Colors With InstaWP

Contact Sales

Reach out to us to explore how InstaWP can benefit your business.