Site color
Last updated
Was this helpful?
Last updated
Was this helpful?
Each Isomer website has two main colors, a primary color and a secondary color.
The primary color is displayed in the following elements:
the notifications banner in the homepage
the hero banner button in the homepage
font colors for headers
underlined and highlighted text colors
The secondary color is displayed in the following elements:
the key highlights buttons in the homepage
the page banner in the inner website pages (all except the homepage)
The color is set in misc/custom.scss
. You will find these 3 values in the file: $primary
, $secondary
, and $secondary-hover
. Adjust the hex codes for these 3 values accordingly. Note that the semicolon (;
) is required at the end of each line.
Sample configuration:
To change the resource room colors, edit the $media-color-...
values in the same file (misc/custom.scss
):
If you're using IsomerCMS, your color configuration will be determined on config.yml file.