Theme/Style Configuration

Header Background

DEFAULT

src\config\constant.js

export const CONFIG = {
  'headerBackColor': 'header-default'
}

BLUE

src\config\constant.js

export const CONFIG = {
  'headerBackColor': 'header-blue'
}

RED

src\config\constant.js

export const CONFIG = {
  'headerBackColor': 'header-red'
}

PURPLE

src\config\constant.js

export const CONFIG = {
  'headerBackColor': 'header-purple'
}

LIGHTBLUE

src\config\constant.js

export const CONFIG = {
  'headerBackColor': 'header-lightblue'
}

DARK

src\config\constant.js

export const CONFIG = {
  'headerBackColor': 'header-dark'
}

Menu Background

DEFAULT

src\config\constant.js

export const CONFIG = {
  'navBackColor': 'navbar-default'
}

BLUE

src\config\constant.js

export const CONFIG = {
  'navBackColor': 'navbar-blue'
}

RED

src\config\constant.js

export const CONFIG = {
  'navBackColor': 'navbar-red'
}

PURPLE

src\config\constant.js

export const CONFIG = {
  'navBackColor': 'navbar-purple'
}

LIGHTBLUE

src\config\constant.js

export const CONFIG = {
  'navBackColor': 'navbar-lightblue'
}

DARK

src\config\constant.js

export const CONFIG = {
  'navBackColor': 'navbar-dark'
}

Menu Background Image

DEFAULT

src\config\constant.js

export const CONFIG = {
  'navBackImage': false
}

IMAGE 1

src\config\constant.js

export const CONFIG = {
  'navBackImage': 'navbar-image-1'
}

IMAGE 2

src\config\constant.js

export const CONFIG = {
  'navBackImage': 'navbar-image-2'
}

IMAGE 3

src\config\constant.js

export const CONFIG = {
  'navBackImage': 'navbar-image-3'
}

IMAGE 4

src\config\constant.js

export const CONFIG = {
  'navBackImage': 'navbar-image-4'
}

IMAGE 5

src\config\constant.js

export const CONFIG = {
  'navBackImage': 'navbar-image-5'
}

Menu Active Item Background

DEFAULT

src\config\constant.js

export const CONFIG = {
  'navActiveListColor': 'active-default'
}

BLUE

src\config\constant.js

export const CONFIG = {
  'navActiveListColor': 'active-blue'
}

RED

src\config\constant.js

export const CONFIG = {
  'navActiveListColor': 'active-red'
}

PURPLE

src\config\constant.js

export const CONFIG = {
  'navActiveListColor': 'active-purple'
}

LIGHTBLUE

src\config\constant.js

export const CONFIG = {
  'navActiveListColor': 'active-lightblue'
}

DARK

src\config\constant.js

export const CONFIG = {
  'navActiveListColor': 'active-dark'
}

Menu Caption (title) Color

DEFAULT

src\config\constant.js

export const CONFIG = {
  'navListTitleColor': 'title-default'
}

BLUE

src\config\constant.js

export const CONFIG = {
  'navListTitleColor': 'title-blue'
}

RED

src\config\constant.js

export const CONFIG = {
  'navListTitleColor': 'title-red'
}

PURPLE

src\config\constant.js

export const CONFIG = {
  'navListTitleColor': 'title-purple'
}

LIGHTBLUE

src\config\constant.js

export const CONFIG = {
  'navListTitleColor': 'title-lightblue'
}

DARK

src\config\constant.js

export const CONFIG = {
  'navListTitleColor': 'title-dark'
}