th-zev - Méli-mélo details

Background colours used for NRCan's ZEV campaign

Sponsored by: NRCan - Eric Goodwin (@auxonic), NRCan - Gérard Dicks Pellerin (Gerard.DicksPellerin@nrcan-rncan.gc.ca)

Examples

• Zero Emission Vehicles (ZEV) Theme

Thematic definition

Class CSS list

• bg-zev-purple
• bg-zev-green
• btn-zev-purple
• btn-zev-green
• panel-zev-green
• panel-zev-purple

JavasScript function list

Implementation note

The following notes must be applied when implementing this thematic to ensure it follows the principle of progressive enhancement. These instructions must be followed so that the web page stays functional and conforming after the expiration date and removal of this thematic.

• The bg-zev-purple class must be accompanied with another dark contrast background colour such as bg-dark
• Use bg-zev-green with standard text colour to ensure sufficient contrast between text and background
• Use bg-zev-purple with text-white colour to ensure sufficient contrast between text and background
• The panel-zev-purple or panel-zev-green class must be accompanied with a fall back colour such as panel-default
• The btn-zev-purple or btn-zev-green class must be accompanied with a fall back colour such as btn-default

Accessibility statement