A NSW Government website
Design System v3.16.0

Background

Utilities for controlling an element's background color.

Setting the background color

Control the background color of an element using the nsw-bg--{color} utilities.

.nsw-bg--brand-dark
.nsw-bg--brand-light
.nsw-bg--brand-supplementary
.nsw-bg--brand-accent
.nsw-bg--black
.nsw-bg--white
.nsw-bg--off-white
.nsw-bg--grey-01
.nsw-bg--grey-02
.nsw-bg--grey-03
.nsw-bg--grey-04
.nsw-bg--transparent
.nsw-bg--info-dark
.nsw-bg--info-light
.nsw-bg--success-dark
.nsw-bg--success-light
.nsw-bg--warning-dark
.nsw-bg--warning-light
.nsw-bg--error-dark
.nsw-bg--error-light

Hover state

Style the background color on hover using the nsw-bg--{color}-hover modifier.

The Digital Driver's License trial

Once we launch statewide, the Digital Drivers License will become legal for use across NSW

Opacity

.nsw-bg-opacity--10
.nsw-bg-opacity--25
.nsw-bg-opacity--50
.nsw-bg-opacity--75
.nsw-bg-opacity--100