🛠️Theme Configuration

Theme Customization options

../src/app/app-config.ts

app-config.ts

export class ThemeConfig {
  static layout = 'vertical'; // vertical, Horizontal
  static pre_layout: string = null; // null, layout-2, layout-2-2, layout-3, layout-4, layout-4-2, layout-6, layout-8
  static isCollapseMenu = false; // true, false
  static layout_type = 'menu-dark'; // menu-dark, menu-light, dark,
  static isNavIconColor = false; // true, false
  static headerBackColor = 'header-default'; // header-default, header-blue, header-red, header-purple, header-lightblue, header-dark
  static navBackColor = 'navbar-default'; // navbar-default, navbar-blue, navbar-red, navbar-purple, navbar-lightblue, navbar-dark
  static navBrandColor = 'brand-default'; // brand-default, brand-blue, brand-red, brand-purple, brand-lightblue, brand-dark
  static navBackImage = false; // false, navbar-image-1, navbar-image-2, navbar-image-3, navbar-image-4, navbar-image-5
  static isRtlLayout = false; // false, true
  static isNavFixedLayout = true; // false, true
  static isHeaderFixedLayout = false; // false, true
  static isBoxLayout = false; // false, true
  static navDropdownIcon = 'style1'; // style1, style2, style3
  static navListIcon = 'style1'; // style1, style2, style3, style4, style5, style6
  static navActiveListColor = 'active-default'; // active-default, active-blue, active-red, active-purple, active-lightblue, active-dark
  static navListTitleColor = 'title-default'; // title-default, title-blue, title-red, title-purple, title-lightblue, title-dark
  static isNavListTitleHide = false; // false, true
  static layout_6_Background = '#23b7e5'; // used only for pre-layout = layout-6
}

You can edit this file at [ ../src/app/app-config.ts ]

Option	Default	Data Type	Description
layout	vertical	String	vertical, horizontal,
isCollapseMenu	false	Boolean	true, false
layout_type	menu-dark	String	menu-dark, menu-light, dark
isNavIconColor	false	Boolean	true, false
headerBackColor	header-default	String	header-default, header-blue, header-red, header-purple, header-lightblue, header-dark
navBackColor	navbar-default	String	navbar-default, navbar-blue, navbar-red, navbar-purple, navbar-lightblue, navbar-dark
navBrandColor	brand-default	String	brand-default, brand-blue, brand-red, brand-purple, brand-lightblue, brand-dark
navDropdownIcon	style1	String	style1, style2, style3
navBackImage	false	String	false, navbar-image-1, navbar-image-2, navbar-image-3, navbar-image-4, navbar-image-5
navListIcon	style1	String	style1, style2, style3, style4, style5, style6
isRtlLayout	false	Boolean	true, false
isnavFixedLayout	true	Boolean	true, false
isHeaderFixedLayout	false	Boolean	true, false
isBoxLayout	false	Boolean	true, false
isNavListTitleHide	false	Boolean	true, false
navActiveListColor	active-defaul	String	active-default, active-blue, active-red, active-purple, active-lightblue, active-dark
navListTitleColor	title-default	String	title-default, title-blue, title-red, title-purple, title-lightblue, title-dark