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

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": []
    }
    
    
  11. 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"
        }
      }
    };