Base
Invert / Base
Heading
Default Heading Styles
Subheading
Default subheading styles
Body
Default body styles
Focus Outer
Outer Ring Focus States
Focus Inner
Inner Ring Focus States
Border
Base Border Colour
Surface
On Light
On Dark
Type
Invert / Type
Strong
Darker than body text
Collection
-
Syntax: Web
-
Subtle
Lighter than body text
Collection
-
Syntax: Web
-
Surfaces
Invert / Surface
Alt 1
Alt 2
Alt 3
Brand 1
Alternate Brand Colour
Brand 2
Alternate Brand Colour
Brand 3
Alternate Brand Colour
Brand 4
Alternate Colour
Brand 5
Alternate brand colour
Link
Invert / Link
Default
#FFBB00 Yellow 700
Hover
#FFCF4D Yellow 500
Visited
#DBCDE4 Purple 200
Active
#FFF7E0 Yellow 100
Actions
Invert / Action / Secondary
Text
#ffffff
Bg
Border
Fill
Invert / Action / Secondary / Hover
Text
Bg
Border
Fill
Invert / Action / Secondary / Active
Text
Bg
Border
Fill
Invert / Action / Disabled / Solid
Text
Bg
#ffffff
Border
Fill
Invert / Action / Disabled / Outline
Text
#ffffff
Bg
Border
Fill
Invert / Action / Tertiary
Text
#ffffff
Bg
#ffffff
Border
Fill
Invert / Action / Tertiary / Active
Text
Bg
#ffffff
Border
Fill
Invert / Action / Tertiary / Hover
Text
Bg
#ffffff
Border
Fill
Invert / Action / Selected
Text
Bg
Border
Fill
Invert / Action / Selected / Hover
Text
Bg
Border
Fill
Invert / Action / Selected / Active
Text
Bg
Border
Fill
Invert / Action / Primary
Text
Bg
#ffffff
Border
Fill
Invert / Action / Primary / Hover
Text
Bg
#ffffff
Border
Fill
Invert / Action / Primary / Active
Text
Bg
#ffffff
Border
Fill
Status
Invert / Status
Base
Collection
-
Syntax: Web
-
Highlight
#008075 Aqua 900
Collection
-
Syntax: Web
-
Accent
#FFBB00 Yellow 700
Collection
-
Syntax: Web
-
Positive
Collection
-
Syntax: Web
-
Negative
Collection
-
Syntax: Web
-
Icon
Fill
Collection
-
Syntax: Web
-
Token set
Semantic
Nav
Invert / Nav
Text
Token set
Semantic
Bg
Token set
Semantic
Border
Token set
Semantic
Fill
Token set
Semantic
Invert / Nav / Hover
Text
Token set
Semantic
Border
Token set
Semantic
Bg
Token set
Semantic
Fill
Token set
Semantic
Invert / Nav / Active
Text
Token set
Semantic
Bg
Token set
Semantic
Border
Token set
Semantic
Fill
Token set
Semantic
Invert / Nav / Selected
Text
Token set
Semantic
Bg
Token set
Semantic
Border
Token set
Semantic
Fill
Token set
Semantic