Unlimited Colour Schemes in wp theme for Zurb Foundation with reduxframework

I am developing a WordPress theme with Zurb Foundation 5 framework and ReduxFramework as Theme Options panel. So, there is various way that i can implement Colour Schemes for WordPress theme.

1. Using Different Style Sheets with different colour Schemes.


2. Using css class and id


3. +many more way........

But, I don't want to do this way. ReduxFramework can dynamically change css files and write class or id. And I want to do this way. So i can modify Foundation 5 css style sheet class and id from ReduxFramework Options panel dynamically. And After changing, it's must change Theme colour schemes.

Foundation 5 comes with 6 main colour options. I want to change those from ReduxFramework options panel.

1. Primary Color


2. Secondary Color


3. Alert Color


4. Success Color


5. Body Font Color


6. Header Font Color

Also is there any way that i can modify or change every options that comes with Foundation 5 CSS framework from Redux Framework.

Please go to this image link. {Open this image in a new tab for bigger view}

http://ift.tt/1OSWO2B

Now question is, How can i do those things ?

I know short of PHP, JS, HTML, CSS, MYSQL etc. If you describe everything in your answer, it's will be more helpful for me.

This Question is RE-POSTED from Unlimited Colour Schemes in wp theme for Foundation 5 - WordPress Development Stack Exchange: . One reputed user suggested me to ask this question here!