Skip links and keyboard navigation

Colour

We built-in SASS colour variables to ensure a consistent application of colour across the SWE. Defining custom colours should be minimal and only done when appropriate to meet user and business needs.

By default the colours in the SWE meet level AA of the Web Content Accessibility Guidelines (WCAG) 2.0.

Brand

The Queensland Government colour palette is primarily blue and green.

Blue

#005E85
$qg-global-primary

Dark blue

#063652
$qg-global-primary-dark

Green

#78ba00
$qg-green

Light green

#9AC02C
$qg-light-green

Text

For headings, body text, muted text, and links.

Text

#212529
$qg-dark-grey-darker

Text muted

#585e62
$qg-dark-grey

Text light

#EFF2F4
$qg-global-primary-light

Links

#13578b
$qg-blue-dark

Links:visited

#8800BB

Alerts

These colours are reserved specifically for use in the alert component.

Info

#1E77AA
$brand-info

Success

#9EBF6D
$brand-success

Warning

#F9AF71
$brand-warning

Critical

#B90824
$brand-danger