Theme Settings

1. How to set default settings ?

                            
// ----------------------------------------------------
// File: src/config.ts
// ----------------------------------------------------

const config: ConfigProps = {
  Sidebar_drawer: null,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: false, // Horizontal layout
  actTheme: 'BLUE_THEME',
  boxed: true,
  setBorderCard: false
};

2. How to set Dark theme ?

                            
// ----------------------------------------------------
// File: src/main.ts
// ----------------------------------------------------
const config: ConfigProps = {
  Sidebar_drawer: null,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: false, 
  actTheme: 'DARK_BLUE_THEME', // Change is here
  boxed: true,
  setBorderCard: false
};

3. How to change color theme ?

                            
// ----------------------------------------------------
// File: src/main.ts
// ----------------------------------------------------
const config: ConfigProps = {
  Sidebar_drawer: null,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: false, 
  // BLUE_THEME, AQUA_THEME, GREEN_THEME, PURPLE_THEME, ORANGE_THEME, CYAN_THEME
  actTheme: 'AQUA_THEME',  // Change is here // You can  use any of above theme
  boxed: true,
  setBorderCard: false
};

4. How to set Horizontal layout ?

                            
// ----------------------------------------------------
// File: src/main.ts
// ----------------------------------------------------
const config: ConfigProps = {
  Sidebar_drawer: null,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: true, // change is here
  actTheme: 'BLUE_THEME',
  boxed: true,
  setBorderCard: false
};

5. How to set Fullwidth layout ?

                            
// ----------------------------------------------------
// File: src/main.ts
// ----------------------------------------------------
const config: ConfigProps = {
  Sidebar_drawer: null,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: false, 
  actTheme: 'BLUE_THEME',
  boxed: false,
  setBorderCard: false
};

6. How to set Boxed layout ?

                          
// ----------------------------------------------------
// File: src/main.ts
// ----------------------------------------------------
const config: ConfigProps = {
  Sidebar_drawer: null,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: false, 
  actTheme: 'BLUE_THEME',
  boxed: true,// change is here
  setBorderCard: false
};

7. How to set Minisidebar ?

                            
// ----------------------------------------------------
// File: src/main.ts
// ----------------------------------------------------
const config: ConfigProps = {
  Sidebar_drawer: null,
  Customizer_drawer: false,
  mini_sidebar: true, // change is here
  setHorizontalLayout: false, 
  actTheme: 'BLUE_THEME',
  boxed: true,
  setBorderCard: false
};

8. How to set card with shadow ?

                            
// ----------------------------------------------------
// File: src/main.ts
// ----------------------------------------------------
const config: ConfigProps = {
  Sidebar_drawer: null,
  Customizer_drawer: false,
  mini_sidebar: false, 
  setHorizontalLayout: false, 
  actTheme: 'BLUE_THEME',
  boxed: true,
  setBorderCard: false // change is here
};

9. How to set card with border ?

                          
// ----------------------------------------------------
// File: src/main.ts
// ----------------------------------------------------
const config: ConfigProps = {
  Sidebar_drawer: null,
  Customizer_drawer: false,
  mini_sidebar: false, 
  setHorizontalLayout: false, 
  actTheme: 'BLUE_THEME',
  boxed: true,
  setBorderCard: true // change is here
};