This is a debug message <span style="color: #70bf2b; background-color: var(--message-debug-bg)">Contrast</span>.
This is a info message <span style="color: #70bf2b; background-color: var(--message-info-bg)">Contrast</span>.
This is a success message <span style="color: #70bf2b; background-color: var(--message-success-bg)">Contrast</span>.
This is a warning message <span style="color: #efb80b; background-color: var(--message-warning-bg)">Contrast</span>.
This is a error message <span style="color: #dd4646; background-color: var(--message-error-bg)">Contrast</span>.

Styleguide

Messages

This is a debug message Contrast.
This is a info message Contrast.
This is a success message Contrast.
This is a warning message Contrast.
This is a error message Contrast.

Icons

All admin icons
Visual	Name	Fill color	File path
	`calendar-icons`	`#000000`	body-bg darkened-bg selected-bg selected-row	`admin/img/calendar-icons.svg`
	`icon-unknown-alt`	`#ffffff`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-unknown-alt.svg`
	`icon-alert`	`#efb80b`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-alert.svg`
	`inline-delete`	`#999999`	body-bg darkened-bg selected-bg selected-row	`admin/img/inline-delete.svg`
	`icon-yes`	`#70bf2b`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-yes.svg`
	`search`	`#555555`	body-bg darkened-bg selected-bg selected-row	`admin/img/search.svg`
	`icon-hidelink`	`#2b70bf`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-hidelink.svg`
	`icon-clock`	`#447e9b`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-clock.svg`
	`icon-changelink`	`#b48c08`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-changelink.svg`
	`tooltag-add`	`#ffffff`	body-bg darkened-bg selected-bg selected-row	`admin/img/tooltag-add.svg`
	`sorting-icons`	`#999999`	body-bg darkened-bg selected-bg selected-row	`admin/img/sorting-icons.svg`
	`icon-deletelink`	`#dd4646`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-deletelink.svg`
	`selector-icons`	`#666666`	body-bg darkened-bg selected-bg selected-row	`admin/img/selector-icons.svg`
	`icon-viewlink`	`#2b70bf`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-viewlink.svg`
	`icon-unknown`	`#666666`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-unknown.svg`
	`icon-no`	`#dd4646`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-no.svg`
	`icon-addlink`	`#5fa225`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-addlink.svg`
	`icon-calendar`	`#447e9b`	body-bg darkened-bg selected-bg selected-row	`admin/img/icon-calendar.svg`
	`tooltag-arrowright`	`#ffffff`	body-bg darkened-bg selected-bg selected-row	`admin/img/tooltag-arrowright.svg`
	`move_vertex_on`	`#F1C02A`	body-bg darkened-bg selected-bg selected-row	`admin/img/gis/move_vertex_on.svg`
	`move_vertex_off`	`#EBECE6`	body-bg darkened-bg selected-bg selected-row	`admin/img/gis/move_vertex_off.svg`