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 number to update the theme settings of your template. Check about the number assigned to particular theme in the given table:
| Theme Name | Number Assigned |
| Primary Theme | 0 |
| Warning Theme | 1 |
| Success Theme | 2 |
| Danger Theme | 3 |
| Info Theme | 4 |
| Accent Theme | 5 |
Open src->store->modules->settings->index.js file to update the theme settings of your project. Search for the selectedTheme key and update the value to theme[Number_Assigned_To_Selected_Theme]
For Example:index.js
const state = {
...
selectedTheme: themes[3],// for danger theme, like wise themes[0] for Primary Theme
...
}