Styles
Colours
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 |
Cards
Card backgrounds | |
$boxBackgroundColor
|
$mbcLightGray
|
$boxBackgroundColor--hover
|
#DDDDDD
|
Card border bottom | |
$borderBottomBlue
|
#005eae
|
$borderBottomGreen
|
#007577
|
$borderBottomPurple
|
#A329AC
|
These colours are only used as border colours on cards. They're lighter versions of our main blue, green and purple colours however, they're separate from the main palette as we needed to brighten the home page and landing pages.