Skip to main content
  • 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