Buttons, modals, tables and general styles
Apply all implemented component colours and generated interaction states.
Guides in this workflow
Follow the guide that matches the exact action, filter, menu change or issue.
Style default buttons
Set the default button background/text colours.
Style primary buttons
Set primary button colours.
Style information buttons
Set info button colours.
Style success buttons
Set success button colours.
Style danger buttons
Set danger button colours.
Understand generated button states
Hover, focus, active and disabled variants are generated by brightness adjustment of approximately ±50.
Understand button border colours
Generated button borders follow their background states.
Style modal headers
Set modal header background.
Style modal title text
Set modal title colour.
Style modal close controls
Set close icon/text colour.
Style other modal text
Set additional modal text colour.
Style table links
Set links inside tables.
Style table row hover
Set hover background or text behaviour.
Style table headings
Set heading text colour.
Style item-table headings
Set item heading background and text.
Style general links
Set normal link colour.
Style general link hover
Set hover colour.
Set administrator login background
Choose the admin authentication background.
Style muted text
Set muted text colour.
Style danger text
Set danger text colour.
Style warning text
Set warning text colour.
Style information text
Set info text colour.
Style success text
Set success text colour.