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)
Go to Admin Panel --> Appearance --> Theme Settings --> Theme Design
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)"
Save changes
Go to Admin Panel --> Appearance --> Theme Settings --> Typography
Change the following settings:
"Body Text" : #d5d5d5
"Headings Font" : #f5f5f5
Save changes. If the changes have not been applied, then clear your browser’s cache.
For Demo Content Version 2 (Animated and Multi-page)
Go to Admin Panel --> Appearance --> Theme Settings --> Theme Design
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
Background Color of the Area with the Content of the Page
"Background Color" : "#222222" or "rgba(34, 34, 34, 1)"
Save changes
Go to Admin Panel --> Appearance --> Theme Settings --> Typography
Change the following settings:
"Body Text" : #d5d5d5
"Headings Font" : #f5f5f5
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)
Go to Admin Panel --> Appearance --> Theme Settings --> Theme Design
Set values for the following settings:
Theme Design:
"Body Background Color" : #f5f5f5
"Blog Sidebar Background Color" : #ffffff
"Start Page Title Color" : #ffffff
"Start Page Subtitle Color" : #ffffff
"Theme Style" : "Light"
Site Header Design and Design of the Main Menu:
"Site Header Background Color" : "#ffffff" or "rgba(255, 255, 255, 1)"
"Header Title Font" : #333333
"Header Subtitle Font" : #9c9c9c
"Main Menu Font" : #333333
"Main Menu Borders Color" : #f5f5f5
"Main Menu Hover Background Color" : #fcfcfc
Page Titles:
"Background Color" : #eeeeee
"Title Font" : #333333
Background Color of the Area with the Content of the Page
"Background Color" : "#ffffff" or "rgba(255, 255, 255, 1)"
Save changes
Go to Admin Panel --> Appearance --> Theme Settings --> Typography
Change the following settings:
"Body Text" : #666666
"Headings Font" : #333333
Save changes. If the changes have not been applied, then clear your browser’s cache.
For Demo Content Version 2 (Animated and Multi-page)
Go to Admin Panel --> Appearance --> Theme Settings --> Theme Design
Set values for the following settings:
Theme Design:
"Body Background Color" : #f5f5f5
"Blog Sidebar Background Color" : #ffffff
"Start Page Title Color" : #ffffff
"Start Page Subtitle Color" : #ffffff
"Theme Style" : "Light"
Site Header Design and Design of the Main Menu:
"Site Header Background Color" : "#ffffff" or "rgba(255, 255, 255, 1)"
"Header Title Font" : #333333
"Header Subtitle Font" : #9c9c9c
"Main Menu Font" : #333333
"Main Menu Borders Color" : #f5f5f5
"Main Menu Hover Background Color" : #fcfcfc
Background Color of the Area with the Content of the Page
"Background Color" : "#ffffff" or "rgba(255, 255, 255, 1)"
Save changes
Go to Admin Panel --> Appearance --> Theme Settings --> Typography
Change the following settings:
"Body Text" : #666666
"Headings Font" : #222222
Save changes. If the changes have not been applied, then clear your browser’s cache.