Theme/Style Configuration

Header Background

DEFAULT

..\src\config\constant.js

export default {
  'headerBackColor': 'header-default'
}

BLUE

..\src\config\constant.js

export default {
  'headerBackColor': 'header-blue'
}

RED

..\src\config\constant.js

export default {
  'headerBackColor': 'header-red'
}

PURPLE

..\src\config\constant.js

export default {
  'headerBackColor': 'header-purple'
}

LIGHTBLUE

..\src\config\constant.js

export default {
  'headerBackColor': 'header-lightblue'
}

DARK

..\src\config\constant.js

export default {
  'headerBackColor': 'header-dark'
}

Menu Background

DEFAULT

..\src\config\constant.js

export default {
  'navBackColor': 'navbar-default'
}

BLUE

..\src\config\constant.js

export default {
  'navBackColor': 'navbar-blue'
}

RED

..\src\config\constant.js

export default {
  'navBackColor': 'navbar-red'
}

PURPLE

..\src\config\constant.js

export default {
  'navBackColor': 'navbar-purple'
}

LIGHTBLUE

..\src\config\constant.js

export default {
  'navBackColor': 'navbar-lightblue'
}

DARK

..\src\config\constant.js

export default {
  'navBackColor': 'navbar-dark'
}

Menu Background Image

IMAGE 1

..\src\config\constant.js

export default {
  'navBackImage': 'navbar-image-1'
}

IMAGE 2

..\src\config\constant.js

export default {
  'navBackImage': 'navbar-image-2'
}

IMAGE 3

..\src\config\constant.js

export default {
  'navBackImage': 'navbar-image-3'
}

IMAGE 4

..\src\config\constant.js

export default {
  'navBackImage': 'navbar-image-4'
}

IMAGE 5

..\src\config\constant.js

export default {
  'navBackImage': 'navbar-image-5'
}

Menu Active Item Background

DEFAULT

..\src\config\constant.js

export default {
  'navActiveListColor': 'active-default'
}

BLUE

..\src\config\constant.js

export default {
  'navActiveListColor': 'active-blue'
}

RED

..\src\config\constant.js

export default {
  'navActiveListColor': 'active-red'
}

PURPLE

..\src\config\constant.js

export default {
  'navActiveListColor': 'active-purple'
}

LIGHTBLUE

..\src\config\constant.js

export default {
  'navActiveListColor': 'active-lightblue'
}

DARK

..\src\config\constant.js

export default {
  'navActiveListColor': 'active-dark'
}

Menu Caption (title) Color

DEFAULT

..\src\config\constant.js

export default {
  'navListTitleColor': 'title-default'
}

BLUE

..\src\config\constant.js

export default {
  'navListTitleColor': 'title-blue'
}

RED

..\src\config\constant.js

export default {
  'navListTitleColor': 'title-red'
}

PURPLE

..\src\config\constant.js

export default {
  'navListTitleColor': 'title-purple'
}

LIGHTBLUE

..\src\config\constant.js

export default {
  'navListTitleColor': 'title-lightblue'
}

DARK

..\src\config\constant.js

export default {
  'navListTitleColor': 'title-dark'
}