Styles
Colours
Colour contrast
We must make sure that the contrast ratio of text and interactive elements meets level AA of the Web Content Accessibility Guidelines (WCAG 2.1).
Main colours | |
$mbcLightBlue | #BCD1E3 |
$mbcBlue | #044B8C |
$mbcDarkBlue | #043C6F |
$mbcLightGreen | #D7F3F4 |
$mbcGreen | #005F61 |
$mbcDarkGreen | #144D4E |
$mbcPurple | #6F1C75 |
$mbcDarkPurple | #5E2062 |
$mbcRed | #B00000 |
$mbcLightYellow | #F9EFC4 |
$mbcLightGray | #F7F8F8 |
$mbcGray | #2B2B2B |
$mbcWhite | #FFFFFF |
$mbcBlack | #000000 |
Link colours | |
$linkColour | $mbcBlue |
$linkHoverColour | $mbcGray |
$linkFocusColour | $mbcBlack |
$focusYellow | #F4C708 |