{"id":224,"date":"2019-09-02T06:16:17","date_gmt":"2019-09-02T06:16:17","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/vuely\/?page_id=224"},"modified":"2019-10-19T07:10:24","modified_gmt":"2019-10-19T07:10:24","slug":"themes","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/vuely\/themes\/","title":{"rendered":"Themes"},"content":{"rendered":"\n

Vuely have 6 predefined themes which you can see under the src->themes<\/code> folder:<\/p>\n\n\n\n

-themes
 --accentTheme.js            \/\/ Accent theme
 --dangerTheme.js            \/\/ Danger theme
 --infoTheme.js              \/\/ Info theme
 --primaryTheme.js           \/\/ Primary theme
 --successTheme.js           \/\/ Success theme
 --warningTheme.js           \/\/ Warning theme<\/pre>\n\n\n\n
There is a number assigned to each & every theme in the vuely. You can use this number to update the theme settings of your template. Check about the number assigned to particular theme in the given table:<\/p>\n\n\n\n
Theme Name<\/strong><\/td>Number Assigned<\/strong><\/td><\/tr>
Primary Theme
<\/td>		0<\/td><\/tr>
Warning Theme<\/td>1<\/td><\/tr>
Success Theme<\/td>2<\/td><\/tr>
Danger Theme<\/td>3<\/td><\/tr>
Info Theme
<\/td>		4<\/td><\/tr>
Accent Theme<\/td>5<\/td><\/tr><\/tbody><\/table>\n\n\n\n
Open src->store->modules->settings->index.js<\/code> file to update the theme settings of your project. Search for the selectedTheme<\/code> key and update the value to theme[Number_Assigned_To_Selected_Theme]<\/code><\/p>\n\n\n\n
For Example:index.js<\/p>\n\n\n\n
const state = {
  ...
  selectedTheme: themes[3],\/\/ for danger theme, like wise themes[0] for Primary Theme
  ...
}<\/pre>\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":"
Vuely have 6 predefined themes which you can see under the src->themes folder: -themes –accentTheme.js \/\/ Accent theme –dangerTheme.js \/\/ Danger theme –infoTheme.js \/\/ Info theme –primaryTheme.js \/\/ Primary theme –successTheme.js \/\/ Success theme –warningTheme.js \/\/ Warning theme There is a number assigned to each & every theme in the vuely. You can use this […]<\/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\/vuely\/wp-json\/wp\/v2\/pages\/224"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":11,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/224\/revisions"}],"predecessor-version":[{"id":859,"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/pages\/224\/revisions\/859"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/vuely\/wp-json\/wp\/v2\/media?parent=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}