Configuration Options

File: src/layouts/layout.component.ts

                    
export const LAYOUT_VERTICAL = 'vertical';

export const LAYOUT_HORIZONTAL = 'horizontal';

export const LAYOUT_WIDTH_FLUID = 'fluid';

export const LAYOUT_WIDTH_BOXED = 'boxed';

export const SIDEBAR_THEME_DEFAULT = 'vertical';

export const SIDEBAR_THEME_DARK = 'dark';

export const SIDEBAR_WIDTH_CONDENSED = 'condensed';

export const SIDEBAR_WIDTH_COMPACT = 'compact';

export const SIDEBAR_THEME_COLORED = 'sidebar-colored';
                    
                  

Description of Fields

Class	Description
sidebar-enable	Add class on body to reflect. This class used for mini sidebar
vertical-collpsed boxed-layout	Add class on body to reflect. This class used for box layout
compact-side-menu	Add class on body to reflect. This class used for compact sidebar
colored-sidebar	Add class on body to reflect. This class used for colored sidebar
dark-sidebar-menu	Add class on body to reflect. This class used for dark sidebar
horizontal-navbar	Add class on body to reflect. Used for horizontal layout

How to Change Logo For Vertical Layout

File: src/partials/topbar.html

                    
<div class="navbar-brand-box">
  <a href="index.html" class="(logo || logo-dark)">
  <span class="logo-lg">
    <img src="assets/images/(logo || logo-light).png" alt="" height="30" />
  </span>
  <span class="logo-sm">
    <img src="assets/images/(logo || logo-light).png" alt="" height="30">
  </span>
  </a>
</div>
                    
                  

How to Change Logo For Horizontal Layout

File: src/partials/topbar-horizontal.html

                    
<div class="navbar-brand-box">
  <a href="index.html" class="(logo || logo-dark)">
  <span class="logo-lg">
    <img src="assets/images/(logo || logo-light).png" alt="" height="30" />
  </span>
  <span class="logo-sm">
    <img src="assets/images/(logo || logo-light).png" alt="" height="30">
  </span>
  </a>
</div>
                    
                  

How to Change Global Fonts

we have used google fonts in our template. so, when you change the fonts of the theme go tho the assets -> scss -> custom -> fonts folder and open _fonts.scss file. In that file use your own font. After this change fonts in assets -> scss -> variable.scss file

                    
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800,900&display=swap');
                    
                  

                    
$font-family-sans-serif: 'Nunito Sans', sans-serif;
                    
                  

Use can also insert font in index.html

                    

<link
href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800,900&display=swap"
rel="stylesheet"
/>