Looking for Vue, React, Angular, Laravel Version? Click here to Get 5 in 1 JS Bundle.

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": "Qompac-Ui"
  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"
    }
    }
    }