Layouts

Note:
After any changes it's neccessory to generate changed assets, For that you need to execute build, navigate to the Admin folder containing the package.json file. Open a command prompt in that directory and execute the command "build" as demonstrated below. 
                          
  npm run build

Default settings

                          
// ----------------------------------------------------
// File: Admin/src/lib/store/layout.js
// ---------------------------------------------------- 
   
var userSettings = {
  layout: "vertical", // vertical | horizontal
  sidebarType: "full", // full | mini-sidebar
  boxedLayout: "boxed", // boxed | full
  direction: "ltr", // ltr | rtl
  theme: "light", // light | dark
  colorTheme: "Blue_Theme", // Blue_Theme | Aqua_Theme | Purple_Theme | Green_Theme | Cyan_Theme | Orange_Theme
  card: "shadow", // border | shadow
};

How to configure Theme Color ?

                          
// ----------------------------------------------------
// File: Admin/src/assets/js/theme/app.init.js
// ----------------------------------------------------    

var userSettings = {
  colorTheme: "Blue_Theme", // Blue_Theme | Aqua_Theme | Purple_Theme | Green_Theme | Cyan_Theme | Orange_Theme
};

How to configure Minisidebar ?

                          
// ----------------------------------------------------
// File: Admin/src/assets/js/theme/app.init.js
// ----------------------------------------------------    

var userSettings = {
  sidebarType: "full", // full | mini-sidebar
};

How to configure Full Sidebar ?

                          
// ----------------------------------------------------
// File: Admin/src/assets/js/theme/app.init.js
// ----------------------------------------------------    
    
var userSettings = {
  sidebarType: "full", // full | mini-sidebar
};

How to configure Fullwidth Layout ?

                          
// ----------------------------------------------------
// File: Admin/src/assets/js/theme/app.init.js
// ----------------------------------------------------    
    
var userSettings = {
  boxedLayout: "boxed", // boxed | full
};

How to configure Card with Border ?

                          
// ----------------------------------------------------
// File: Admin/src/assets/js/theme/app.init.js
// ----------------------------------------------------  

var userSettings = {
  card: "shadow", // border | shadow
};

How to configure Card with Shadow ?

                          
// ----------------------------------------------------
// File: Admin/src/assets/js/theme/app.init.js
// ---------------------------------------------------- 

var userSettings = {
  card: "shadow", // border | shadow
};

How to configure Dark Theme ?

                          
// ----------------------------------------------------
// File: Admin/src/assets/js/theme/app.init.js
// ----------------------------------------------------    
var userSettings = {
 theme: "light", // light | dark
};