Summary

1. app_name
   - for app name any name can be given as shown below:

   "app_name": {
   "value": "Qompac UI"
   },
   

2. theme_scheme_direction
   - for direction of theme there are 2 choices given below:

   "theme_scheme_direction": {
   "value": "ltr"
   }

3. theme_scheme
   - for theme there are 3 choices given below:

   "theme_scheme": {
   "value": "light"
   }

4. theme_style_appearance
   - for card apperance there are 4 options given below. Values are in array.

   "theme_style_appearance": {
   "value": [
   "theme-default"
   ]
   }
   

5. theme_color
   - for colour customization . Colors are in array

   "theme_color": {
       "colors": {
           "--primary": "#3a57e8",
           "--info": "#08B1BA"
       },
       "value": "theme-color-default"
   }
   
   

6. theme_transition
   - for transition effect there are 2 options given below:

   "theme_transition": {
       "value": null
   }
   

7. theme_font_size
   - for theme font size there area 3 options given below:

   "theme_font_size": {
       "value": "theme-fs-md"
   }
   

8. page_layout
   - for layout of page there are 2 options:

   "page_layout": {
       "value": "container-fluid"
   }
   
   

9. sidebar_color
   - for sidebar color there are 4 options given below:

   "sidebar_color": {
       "value": "sidebar-white"
   }
   

10. sidebar_type
    - for sidebar type there are 3 options given below:. Values are in array.

    "sidebar_type": {
        "value": []
    }
    
    

src->store->setting->state.js

   export const initialState = {
  "saveLocal": "sessionStorage",
  "storeKey": "huisetting",
  "setting": {
    "app_name": {
      "value": "Qompac UI"
    },
    "theme_scheme_direction": {
      "value": "ltr"
    },
    "theme_scheme": {
      "value": "light"
    },
    "theme_color": {
      "colors": {
        "--primary": "#7016d0",
        "--secondary": "#aca4bc",
        "--tertiray": "#3FF0B9"
      },
      "value": "theme-color-default"
    },
    "theme_font_size": {
      "value": "theme-fs-sm"
    },
    "page_layout": {
      "value": "container-fluid"
    },
    "sidebar_color": {
      "value": "sidebar-white"
    },
    "sidebar_type": {
      "value": []
    },
    "sidebar_menu_style": {
      "value": "sidebar-default navs-rounded-all"
    }
  }
};