Variable: statusColourValues¶

const statusColourValues: object

Status colour tokens — semantic colours for badges, alerts, and buttons.

Registered as CSS variables (e.g. var(--success-color)) via cssVariablesResolver. Shared across light and dark modes — these are used as filled backgrounds with white/dark text.

Note: --error-color (#f55142) is a separate token for form validation borders (accessibility-tuned). --error-focus-color (#ffb3b3) is a lighter variant used when an errored field receives focus. --alert-color (#fa5252) is for status badges, destructive buttons, and notifications.

Type Declaration¶

accent¶

readonly accent: "#7950f2" = "#7950f2"

alert¶

readonly alert: "#fa5252" = "#fa5252"

info¶

readonly info: "#228be6" = "#228be6"

neutral¶

readonly neutral: "#ffd43b" = "#ffd43b"

outstanding¶

readonly outstanding: "#e64980" = "#e64980"

success¶

readonly success: "#12b886" = "#12b886"

warning¶

readonly warning: "#15aabf" = "#15aabf"