NSW Design System supports multiple levels of customisation depending on your branding requirements.
CSS variables allow easy and on the fly customisation whether you have a build setup or a vanilla css implementation. These variables allow customising the following:
Below are the exposed variables for the NSW Design System's base theme. Simply copy the variables and update the values to match your theming requirements. Please refer here for the available list of brand colours or create a customised
Enclose the CSS variables in style tag in your html page after the head tag.
For a more local scope, use a selector to target instead of
Read more on custom properties here.
The NSW Design System has a
theme.scss file that defines its
look and feel.
Create your own theme file and import it in your