{"id":89,"date":"2019-09-25T06:26:54","date_gmt":"2019-09-25T06:26:54","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/reactify\/?page_id=89"},"modified":"2019-10-10T08:21:16","modified_gmt":"2019-10-10T08:21:16","slug":"themes","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/reactify\/themes\/","title":{"rendered":"Themes"},"content":{"rendered":"\n

Reactify<\/strong> have 6 predefined themes which you can see under the src->reducer->settings.js<\/code> file: <\/p>\n\n\n\n

themes: [
     {
         id: 1,
         name: 'primary'
     },
     {
         id: 2,
         name: 'secondary'
     },
     {
         id: 3,
         name: 'warning'
     },
     {
         id: 4,
         name: 'info'
     },
     {
         id: 5,
         name: 'danger'
     },
     {
         id: 6,
         name: 'success'
     }
 ]<\/pre>\n\n\n\n
If you want to change the theme then you can copy the themeid<\/strong> & name<\/strong> from the above array and override the value of activeTheme<\/code> in the same file as is given in the below screenshot: <\/p>\n\n\n\n
\"\"
Active Theme<\/figcaption><\/figure><\/div>\n\n\n\n
\n\nNow open the Reactify->public->index.html<\/code> file and search for the body tag and add a class with the theme name and save the file. Check the given screenshot for more information:\n\n<\/p>\n\n\n\n
\"\"
Added Class in Body Tag<\/figcaption><\/figure><\/div>\n\n\n\n
If you want some other theme then you can pass there class like: theme-info etc.<\/p>\n\n\n\n
That’s all about the Theme’s in the Reactify<\/strong> template.<\/p>\n
\n    
\n    \n                        <\/i>\n                    <\/a>\n    1    <\/span>\n<\/div>
\n    \n                        <\/i>\n                    <\/a>\n    <\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"
Reactify have 6 predefined themes which you can see under the src->reducer->settings.js file: themes: [ { id: 1, name: ‘primary’ }, { id: 2, name: ‘secondary’ }, { id: 3, name: ‘warning’ }, { id: 4, name: ‘info’ }, { id: 5, name: ‘danger’ }, { id: 6, name: ‘success’ } ] If you want […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/89"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":2,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/pages\/89\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/reactify\/wp-json\/wp\/v2\/media?parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}