Theme/Style Configuration

Theme Background

preset-1

src/config.ts

const config = {
  'customColor': 'preset-1'
}

export default config;

preset-2

src/config.ts

const config = {
  'customColor': 'preset-2'
}

export default config;

preset-3

src/config.ts

const config = {
  'customColor': 'preset-3'
}

export default config;

preset-4

src/config.ts

const config = {
  'customColor': 'preset-4'
}

export default config;

preset-5

src/config.ts

const config = {
  'customColor': 'preset-5'
}

export default config;

preset-6

src/config.ts

const config = {
  'customColor': 'preset-6'
}

export default config;

preset-7

src/config.ts

const config = {
  'customColor': 'preset-7'
}

export default config;

preset-8

src/config.ts

const config = {
  'customColor': 'preset-8'
}

export default config;

Header Background

preset-1

src/config.js

const config = {
  'headerColor': 'preset-1'
}

export default config;

preset-2

src/config.js

const config = {
  'headerColor': 'preset-2'
}

export default config;

preset-3

src\config.js

const config = {
  'headerColor': 'preset-3'
}

export default config;

preset-4

src\config.js

const config = {
  'headerColor': 'preset-4'
}

export default config;

preset-5

src/config.js

const config = {
  'headerColor': 'preset-5'
}

export default config;

preset-6

src/config.js

const config = {
  'headerColor': 'preset-6'
}

export default config;

preset-7

src/config.js

const config = {
  'headerColor': 'preset-7'
}

export default config;

preset-8

src/config.js

const config = {
  'headerColor': 'preset-8'
}

export default config;

Navbar Background

preset-1

src/config.js

const config = {
  'navbarColor': 'preset-1'
}

export default config;

preset-2

src/config.js

const config = {
  'navbarColor': 'preset-2'
}

export default config;

preset-3

src/config.js

 const config = {
  'navbarColor': 'preset-3'
}

export default config;

preset-4

src/config.js

const config = {
  'navbarColor': 'preset-4'
}

export default config;

preset-5

src/config.js

const config = {
  'navbarColor': 'preset-5'
}

export default config;

preset-6

src/config.js

const config = {
  'navbarColor': 'preset-6'
}

export default config;

preset-7

src/config.js

const config = {
  'navbarColor': 'preset-7'
}

export default config;

preset-8

src/config.js

const config = {
  'navbarColor': 'preset-8'
}

export default config;

Menu Background Image

preset-1

src\config.js

const config = {
  'navbarImg': 'preset-1'
}

export default config;

preset-2

src\config.js

const config = {
  'navbarImg': 'preset-2'
}

export default config;

preset-3

src\config.js

const config = {
  'navbarImg': 'preset-3'
}

export default config;

preset-4

src\config.js

const config = {
  'navbarImg': 'preset-4'
}

export default config;

Logo Background

preset-1

src\config\constant.js

const config = {
  'logoColor': 'preset-1'
}

export default config;

preset-2

src\config.js

const config = {
  'logoColor': 'preset-2'
}

export default config;

preset-3

src\config.js

const config = {
  'logoColor': 'preset-3'
}

export default config;

preset-4

src\config.js

const config = {
  'logoColor': 'preset-4'
}

export default config;

preset-5

src\config.js

const config = {
  'logoColor': 'preset-5'
}

export default config;

preset-6

src\config.js

const config = {
  'logoColor': 'preset-6'
}

export default config;

preset-7

src\config.js

const config = {
  'logoColor': 'preset-7'
}

export default config;

preset-8

src\config.js

const config = {
  'logoColor': 'preset-8'
}

export default config;

Menu Caption (title) Color

preset-1

src\config.js

const config = {
  'navbarCaptionColor': 'preset-1'
}

export default config;

preset-2

src\config.js

const config = {
  'navbarCaptionColor': 'preset-2'
}

export default config;

preset-3

src\config.js

const config = {
  'navbarCaptionColor': 'preset-3'
}

export default config;

preset-4

src\config.js

const config = {
  'navbarCaptionColor': 'preset-4'
}

export default config;

preset-5

src\config.js

const config = {
  'navbarCaptionColor': 'preset-5'
}

export default config;

preset-6

src\config.js

const config = {
  'navbarCaptionColor': 'preset-6'
}

export default config;

preset-7

src\config.js

const config = {
  'navbarCaptionColor': 'preset-7'
}

export default config;

preset-8

src\config.js

const config = {
  'navbarCaptionColor': 'preset-8'
}

export default config;