Theme Color Schemes

Colors that we want to configure as website colors.
 

Color Schemes Features

 
  • They consist of six colors:
    • Main
    • SideBackground
    • BodyBackground
    • SubMenu
    • Secondary
    • Subordinate
  • Each color affects one or more areas of the website.
  • Colors are represented in hexadecimal format.
 

Color Scheme Example

 
"Color": [
    {
      "Scheme": "Default",
      "Main": "#394949",
      "SideBackground": "#f6d000",
      "BodyBackground": "#ffffff",
      "SubMenu": "#a8204a",
      "Secondary": "#4fc3b3",
      "Subordinate": "#dfdfdf"
    }
]
 
The color scheme called Default is configured in the following image
 
 
Note that the above image shows the areas of the website affected by the color scheme.
 
In the sections that follow we will study in detail how each color of the sample scheme affects the website.
 

Main Color

We can find the Main color in the following areas:
  • Main Menu (Home)
  • Footer (Home)
  • Popup window with product or service details (Products or Services, see below)
  • Job Applicant Form (Job, see below)


SideBackground Color

The SideBackground color is the color of the website background, is the color of the sides of the website.


BodyBackground Color

The BodyBackground color is the color of the Body or content of the website, is the color of the  center of the website.


SubMenu Color

We can find the SubMenu color in the following areas:
  • In the SubMenu (three categories located in the Home of the website)
  • In the Category selected under the carousel of products or services.


Secondary Color

We can find the Secondary color in the following areas:
  • List of Categories (Products or Services)
  • Apex (We Are)
  • Address (Contact)


Subordinate Color

We can find the Subordinate color in the following areas:
  • Category Image (Products or Services)
  • Carousel of Products or Services (Products or Services)
  • Description (We Are)
  • Contact Form (Contact)
 

Other areas where we can find the Main color

 

Popup window with product or service details

 
 

Job Applicant Form

 
 
 

Add Feedback