In order to use a standardised set of box colours, we defined the following box types:

name description
intro learning objectives/introduction
warning error / warning
advice advice
code code examples
practical practicals / exercises

Colour preview

Default boxes

To generate the above described box colours, just add the class: ### Header {.box-4 .intro}

Header

Some text using
intro

Header

Some text using
warning

Header

Some text using
advice

Header

Some text using
code

Header

Some text using
practical

Outline boxes

Outline boxes exhibit a white background and only use the header/border colour. Just add the .outline class to your box (e.g. ### Header {.box-4 .intro .outline})

Header

Some text using
intro outline

Header

Some text using
warning outline

Header

Some text using
advice outline

Header

Some text using
code outline

Header

Some text using
practical outline

Include or update the colours in your site

The colours are defined in a css file. I you’re using a site configured as expected by the bs2site package, simply run the use_box_colours() function to create (or update) the file. A link to the css file is automatically added to the lectures/_output.yml file.