search

Light and Dark Versions

In version 2.0 of the theme, we added the ability to change the color scheme from light to dark. All demo content options are available for installation.

In order to change the color scheme from light to dark, you need to do the following:

For Demo Content Version 1 (Animated and Multi-page)

  1. Go to Admin Panel --> Appearance --> Theme Settings --> Theme Design

  2. Set values for the following settings:

    Theme Design:
"Body Background Color" : #000000
"Blog Sidebar Background Color" : #333333
"Start Page Title Color" : #333333
"Start Page Subtitle Color" : #888888
"Theme Style" : "Dark"

Site Header  Design and Design of the Main Menu:
"Site Header Background Color" : "#222222" or "rgba(34, 34, 34, 1)"
"Header Title Font" : #f5f5f5
"Header Subtitle Font" : #eeeeee
"Main Menu Font" : #f5f5f5
"Main Menu Borders Color" : #333333
"Main Menu Hover Background Color" : #333333

Page Titles:
"Background Color" : #666666
"Title Font" : #f5f5f5

Background Color of the Area with the Content of the Page
"Background Color" : "#222222" or "rgba(34, 34, 34, 1)"

  3. Save changes

  4. Go to Admin Panel --> Appearance --> Theme Settings --> Typography

  5. Change the following settings:

    "Body Text" : #d5d5d5
"Headings Font" : #f5f5f5

  6. Save changes. If the changes have not been applied, then clear your browser’s cache.

For Demo Content Version 2 (Animated and Multi-page)

  1. Go to Admin Panel --> Appearance --> Theme Settings --> Theme Design

  2. Set values for the following settings:

  3. Save changes

  4. Go to Admin Panel --> Appearance --> Theme Settings --> Typography

  5. Change the following settings:

  6. Save changes. If the changes have not been applied, then clear your browser’s cache.

In order to change the color scheme from dark to light, you need to do the following:

For Demo Content Version 1 (Animated and Multi-page)

  1. Go to Admin Panel --> Appearance --> Theme Settings --> Theme Design

  2. Set values for the following settings:

  3. Save changes

  4. Go to Admin Panel --> Appearance --> Theme Settings --> Typography

  5. Change the following settings:

  6. Save changes. If the changes have not been applied, then clear your browser’s cache.

For Demo Content Version 2 (Animated and Multi-page)

  1. Go to Admin Panel --> Appearance --> Theme Settings --> Theme Design

  2. Set values for the following settings:

  3. Save changes

  4. Go to Admin Panel --> Appearance --> Theme Settings --> Typography

  5. Change the following settings:

  6. Save changes. If the changes have not been applied, then clear your browser’s cache.

PreviousTheme SettingsNextContact Form Settings

Last updated