Summary

saveLocal

for storing changes of setting panel there are 3 choices given below:

  • Property: "saveLocal"
  • Choices: "sessionStorage", "localStorage", "none"

Example

"saveLocal": "sessionStorage",
choices: 'sessionStorage', 'localStorage','none'
app_name

for app name any name can be given as shown below:

Example

"app_name": "Hope UI"
theme_scheme_direction

for direction of theme there are 2 choices given below:

  • Property: "theme_scheme_direction"
  • Choices: "ltr", "rtl"

Example

"theme_scheme_direction": "ltr",
choices: 'ltr', 'rtl'
theme_scheme

for theme there are 3 choices given below:

  • Property: "theme_scheme"
  • Choices: "light", "dark", "auto"

Example

"theme_scheme": "light",
choices: 'light', 'dark', 'auto'
theme_color

for colour customization . Colors are in array

Example

"theme_color": "theme-color-default",
colors: {
    "--primary": "#3a57e8",
    "--info": "#08B1BA",
},
choices: 'theme-color-default', 'theme-color-blue', 'theme-color-gray', 'theme-color-red', 'theme-color-yellow', 'theme-color-pink'
theme_style_appearance

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

  • Property: "theme_style_appearance"
  • Choices: "theme-default", "theme-flat", "theme-bordered", "theme-sharp"

Example

"theme_style_appearance": " ["theme-default"],
choices: 'theme-default', 'theme-flat', 'theme-bordered', 'theme-sharp'
theme_transition

for transition effect there are 2 options given below:

  • Property: "theme_transition"
  • Choices: "theme-without-animation", "theme-with-animation"

Example

"theme_transition": "null",
choices: 'theme-without-animation', 'theme-with-animation'
theme_font_size

for theme font size there area 3 options given below:

  • Property: "theme_font_size"
  • Choices: "theme-fs-sm", "theme-fs-md", "theme-fs-lg"

Example

"theme_font_size": "theme-fs-md",
choices: 'theme-fs-sm', 'theme-fs-md', 'theme-fs-lg'
page_layout

for layout of page there are 2 options:

  • Property: "page_layout"
  • Choices: "container", "container-fluid"

Example

"page_layout": "container-fluid",
choices: 'container', 'container-fluid'
header_navbar

for header navbar there are 4 options given below:

  • Property: "header_navbar"
  • Choices: "default", "navs-sticky", "nav-glass , "navs-transparent"

Example

"header_navbar": "default",
choices: 'default', 'navs-sticky', 'nav-glass', 'navs-transparent'
header_banner

for header banner there are 3 options given below:

  • Property: "header_banner"
  • Choices: "default", "navs-bg-color", "hide

Example

"header_banner": "default",
choices: 'default', 'navs-bg-color', 'hide'
sidebar_color

for sidebar color there are 4 options given below:

  • Property: "sidebar_color"
  • Choices: "sidebar-white", "sidebar-dark", "sidebar-color", "sidebar-transparent"

Example

"sidebar_color": "sidebar-white",
choices: 'sidebar-white', 'sidebar-dark', 'sidebar-color', 'sidebar-transparent'
sidebar_type

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

  • Property: "sidebar_type"
  • Choices: "sidebar-hover", "sidebar-mini", "sidebar-boxed"

Example

"sidebar_type": "sidebar-mini",
choices: 'sidebar-hover', 'sidebar-mini', 'sidebar-boxed'
sidebar_menu_style

for sidebar menu-style there are 5 options given below:

  • Property: "sidebar_menu_style"
  • Choices: "navs-rounded", "navs-rounded-all", "navs-pills", "navs-pill-all", "left-bordered"

Example

"sidebar_menu_style": "left-bordered",
choices: 'navs-rounded', 'navs-rounded-all', 'navs-pills', 'navs-pill-all', 'left-bordered'
footer

for footer there are 2 options given below:

  • Property: "footer"
  • Choices: "default", "sticky"

Example

"footer": "default"
choices: 'default', 'sticky'
body_font_family

for font style of body

Example

"body_font_family": "Inter",
heading_font_family

for font style of heading

Example

"heading_font_family": "Inter",

database->seeders->AppSettingTableSeeder

'value' => '{
    "saveLocal": "",
    "storeKey": "huisetting",
    "setting": {
        "app_name": { "value" : "Hope UI"},
        "theme_scheme_direction": { "value": "ltr" },
        "theme_scheme": { "value": "light" },
        "theme_color": { "value": "theme-color-default" },
        "theme_style_appearance": {"value": []},
        "theme_transition": {"value": null},
        "theme_font_size": {"value": "theme-fs-md"},
        "page_layout": {"value" : "container-fluid"},
        "header_navbar": {"value" : "default"},
        "header_banner": {"value" : "default"},
        "sidebar_color": {"value" : "sidebar-white"},
        "sidebar_type" : {"value" : []},
        "sidebar_menu_style": {"value" : "left-bordered"},
        "footer": {"value" : "default"},
        "body_font_family": {"value" : null},
        "heading_font_family": {"value" : null}
    }
},