Requirements

Source & Credits

Summary

  1. saveLocal:
    - for storing changes of setting panel there are 3 choices given below: 
    "saveLocal": "sessionStorage",
choices: 'sessionStorage', 'localStorage','none'
  2. app_name
    - for app name any name can be given as shown below: 
    "app_name": "Muzik"
  3. theme_scheme_direction
    - for direction of theme there are 2 choices given below: 
    "theme_scheme": {
"value": "light"
},
choices: ["light", "dark", "auto"],
  4. theme_scheme
    - for theme there are 3 choices given below: 
    "theme_scheme": "light",
choices: 'light', 'dark', 'auto'
  5. theme_color
    - for colour customization . Colors are in array 
    "theme_color": "theme-color-default",
colors: {
"--primary": "#7016d0",
"--secondary": "#aca4bc",
"--tertiray": "#3FF0B9"
},
choices: ["theme-color-blue","theme-color-gray","theme-color-red","theme-color-yellow","theme-color-pink","theme-color-default",],
  6. page_layout
    - for layout of page there are 2 options: 
    "page_layout": "container-fluid",
choices: 'container', 'container-fluid'
  7. sidebar_color
    - for sidebar color there are 4 options given below: 
    "sidebar_color": "sidebar-white",
choices: 'sidebar-white', 'sidebar-dark', 'sidebar-color', 'sidebar-transparent', 'sidebar-glass'
  8. sidebar_type
    - for sidebar type there are 3 options given below:. Values are in array. 
    "sidebar_type": {
"value": []
},
choices: ["sidebar-white","sidebar-dark","sidebar-color","sidebar-transparent",],
  9. sidebar_menu_style
    - for sidebar menu-style there are 5 options given below: 
    "sidebar_menu_style": {
"value": "sidebar-default navs-rounded-all"
}
choices: ["sidebar-default navs-rounded","sidebar-default navs-rounded-all","sidebar-default navs-pill","sidebar-default navs-pill-all","left-bordered",],
    10. File Name: src/store/setting/state.ts
    export const initialState: SettingState = {
"saveLocal": "sessionStorage",
"storeKey": "quisetting",
"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"
},
"sidebar_color": {
"value": "sidebar-white"
},
"sidebar_type": {
"value": []
},
"sidebar_menu_style": {
"value": "sidebar-default navs-rounded-all"
}
}
}
prev Next