Dojo Digital

This plugin adds a textarea to the Customize page that allows theme editors to write, preview, and implement CSS code in real time. 
It also includes a frontend CSS editor window with live preview capability.

Live CSS Preview

Live front-end and Customizer CSS editing powered by native WordPress Additional CSS storage.

pdclark

Cindy Kendrick

WordPress has lots of beautiful themes, but personalizing a design can be difficult and time-intensive. Styles changes that. Styles gives you creative control in one consistent interface – the WordPress theme customizer. Styles lets you make your site your own. 🙂
Features of the plugin
<ul>
<li>Instant previews</li>
<li>Text size</li>
<li>Google Fonts with previews and search</li>
<li>Text colors</li>
<li>Border colors</li>
<li>Background colors</li>
<li>Hundreds of options</li>
<li>Consistent interface and names in every theme</li>
<li>Built on WordPress customizer, so Styles grows as WordPress grows</li>
</ul>
Styles and options for all built-in WordPress themes are free.
Free Theme Support Add-ons
<ul>
<li><a href="https://wordpress.org/plugins/styles-twentyten/" rel="ugc">Twenty Ten</a></li>
<li><a href="https://wordpress.org/plugins/styles-twentyeleven/" rel="ugc">Twenty Eleven</a></li>
<li><a href="https://wordpress.org/plugins/styles-twentytwelve/" rel="ugc">Twenty Twelve</a></li>
<li><a href="https://wordpress.org/plugins/styles-twentythirteen/" rel="ugc">Twenty Thirteen</a></li>
<li><a href="https://wordpress.org/plugins/styles-twentyfourteen/" rel="ugc">Twenty Fourteen</a></li>
<li><a href="https://wordpress.org/plugins/styles-twentyfifteen/" rel="ugc">Twenty Fifteen</a></li>
</ul>
Developer Resources
<ul>
<li><a href="https://github.com/stylesplugin" rel="nofollow ugc">Styles on Github</a></li>
<li>Code Walkthrough: <a href="http://www.youtube.com/playlist?list=PLxj61Fojm1RGevBh10U2qCqjwoH4Awo-P" rel="nofollow ugc">How to add support for your own themes</a></li>
</ul>
Contact
<ul>
<li><a href="https://wordpress.org/support/view/plugin-reviews/styles" rel="ugc">Review this plugin</a></li>
</ul>

Styles

Be creative with colors and fonts. Styles changes everything.

Live CSS Preview vs Styles