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)
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.
Please ensure your color palette provides sufficient contrast using the . If you have any questions regarding this, please reach out to us via Slack or email us at
The color is set in misc/custom.scss
. You will find these 3 values in the file: $primary
, $secondary
, and $secondary-hover
. Adjust the for these 3 values accordingly. Note that the semicolon (;
) is required at the end of each line.