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 |