Configured colours
This page shows the background colours and their matching text and link colours from _config.yml. Alert types have separate border, background, text, and link settings, shown below.
Sample text
How colours are used
Primary colours
- Background
primary_color- Value
#35452B- Text
primary_text_color: #FFF9EF- Link
primary_link_color: #FFF9EF
Sample text
How colours are used
Secondary colours
- Background
secondary_color- Value
#E8D3AF- Text
secondary_text_color: #35271F- Link
secondary_link_color: #592410
Sample text
How colours are used
Background colours
- Background
background_color- Value
#FAF6ED- Text
background_text_color: #35271F- Link
background_link_color: #465B32
Sample text
How colours are used
Surface colours
- Background
surface_color- Value
#FFFCF5- Text
surface_text_color: #35271F- Link
surface_link_color: #465B32
Sample text
How colours are used
Note colours
- Background
note_background_color- Value
#E5EBDD- Left border
note_color: #596C3C- Text
note_text_color: #35271F- Link
note_link_color: #35452B
Sample text
How colours are used
Important colours
- Background
important_background_color- Value
#592410- Left border
important_color: #35452B- Text
important_text_color: #FFFFFF- Link
important_link_color: #FFFFFF
Sample text
How colours are used
Warning colours
- Background
warning_background_color- Value
#F4E5DB- Left border
warning_color: #88442C- Text
warning_text_color: #35271F- Link
warning_link_color: #71351F
Sample text
How colours are used
Caution colours
- Background
caution_background_color- Value
#F5EBD7- Left border
caution_color: #936335- Text
caution_text_color: #35271F- Link
caution_link_color: #70451E
How these colours are used
- Primary is used for the shared header, primary background bands, primary buttons, and structural rules.
- Secondary is used for secondary background bands, coloured content blocks, and table headers.
- Background is used for the main page and open content areas.
- Surface is used for cards, panels, menus, and neutral buttons.
- Note, Important, Warning, and Caution each have a configured background, left-border colour, and matching text and link colours. These settings are shared by YAML and Markdown alert blocks.
heading_color controls headings on the normal page background, and border_color controls subtle borders. The older text_color setting remains a fallback for background_text_color in existing site configurations.