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:
$secondary-hover. Adjust the hex codes for these 3 values accordingly. Note that the semicolon (
;) is required at the end of each line.
// Website brand colors$primary: #6031b6;$secondary: #4372d6;$secondary-hover: darken(#4372d6, 20%);
To change the resource room colors, edit the
$media-color-... values in the same file (
// Resources page colors$media-color-one: #49759a;$media-color-two: #744d9f;$media-color-three: #00838f;$media-color-four: #00838f;$media-color-five: #00838f;
If you're using IsomerCMS, your color configuration will be determined on config.yml file.