@maggioli-design-system/design-tokens/dist/css/colors-hex-status.css

This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.

/*
@magma-design-system/design-tokens v14.1.0
Generated by Style Dictionary
Do not edit directly
Generated at Mon, 08 Jun 2026 14:52:24 GMT
*/

:root {
  --hex-status-info-01: #00244c;
  --hex-status-info-02: #003862;
  --hex-status-info-03: #00507b;
  --hex-status-info-04: #006d9a;
  --hex-status-info-05: #008ab8;
  --hex-status-info-06: #37b6e3;
  --hex-status-info-07: #7ccaeb;
  --hex-status-info-08: #a8dbf2;
  --hex-status-info-09: #d2ecf9;
  --hex-status-info-10: #def2fa;
  --hex-status-info: #23b2e1;
  --hex-status-success-01: #002b00;
  --hex-status-success-02: #004000;
  --hex-status-success-03: #005911;
  --hex-status-success-04: #007630;
  --hex-status-success-05: #00944c;
  --hex-status-success-06: #2bc076;
  --hex-status-success-07: #78d29b;
  --hex-status-success-08: #a5e1ba;
  --hex-status-success-09: #d1efdb;
  --hex-status-success-10: #def4e4;
  --hex-status-success: #21bf73;
  --hex-status-error-01: #480000;
  --hex-status-error-02: #6a0000;
  --hex-status-error-03: #930419;
  --hex-status-error-04: #b83438;
  --hex-status-error-05: #d95352;
  --hex-status-error-06: #f58b86;
  --hex-status-error-07: #fbaba6;
  --hex-status-error-08: #fec6c2;
  --hex-status-error-09: #ffe1df;
  --hex-status-error-10: #ffeae7;
  --hex-status-error: #ed6663;
  --hex-status-warning-01: #302400;
  --hex-status-warning-02: #463500;
  --hex-status-warning-03: #624900;
  --hex-status-warning-04: #836200;
  --hex-status-warning-05: #a47b00;
  --hex-status-warning-06: #d6a000;
  --hex-status-warning-07: #f2b500;
  --hex-status-warning-08: #ffcd39;
  --hex-status-warning-09: #ffe69d;
  --hex-status-warning-10: #ffedb9;
  --hex-status-warning: #ffc107;
}

:root:not(.pref-theme-scheme-light).pref-theme-dark,
:root.pref-theme-scheme-dark {
  --hex-status-info-01: #edf8fd;
  --hex-status-info-02: #def2fa;
  --hex-status-info-03: #c6e7f7;
  --hex-status-info-04: #9fd8f1;
  --hex-status-info-05: #70c6ea;
  --hex-status-info-06: #00a1d0;
  --hex-status-info-07: #0086b4;
  --hex-status-info-08: #006b97;
  --hex-status-info-09: #004974;
  --hex-status-info-10: #003d67;
  --hex-status-info: #23b2e1;
  --hex-status-success-01: #edf9f1;
  --hex-status-success-02: #def4e4;
  --hex-status-success-03: #c4ebd1;
  --hex-status-success-04: #9edeb5;
  --hex-status-success-05: #6bce93;
  --hex-status-success-06: #00ab61;
  --hex-status-success-07: #009048;
  --hex-status-success-08: #00742e;
  --hex-status-success-09: #005209;
  --hex-status-success-10: #004500;
  --hex-status-success: #21bf73;
  --hex-status-error-01: #fff3f2;
  --hex-status-error-02: #ffeae7;
  --hex-status-error-03: #ffd9d6;
  --hex-status-error-04: #fec1bd;
  --hex-status-error-05: #faa5a0;
  --hex-status-error-06: #ef6c69;
  --hex-status-error-07: #d4504f;
  --hex-status-error-08: #b63236;
  --hex-status-error-09: #87000e;
  --hex-status-error-10: #730000;
  --hex-status-error: #ed6663;
  --hex-status-warning-01: #fff6d9;
  --hex-status-warning-02: #ffedb9;
  --hex-status-warning-03: #ffdf81;
  --hex-status-warning-04: #ffc821;
  --hex-status-warning-05: #edb100;
  --hex-status-warning-06: #be8e00;
  --hex-status-warning-07: #9f7800;
  --hex-status-warning-08: #816000;
  --hex-status-warning-09: #5a4300;
  --hex-status-warning-10: #4d3900;
  --hex-status-warning: #ffc107;
}

@media (prefers-color-scheme: dark) {
  :root:not(.pref-theme-scheme-light).pref-theme-system,
  :root:not([data-magma-pref]) {
    --hex-status-info-01: #edf8fd;
    --hex-status-info-02: #def2fa;
    --hex-status-info-03: #c6e7f7;
    --hex-status-info-04: #9fd8f1;
    --hex-status-info-05: #70c6ea;
    --hex-status-info-06: #00a1d0;
    --hex-status-info-07: #0086b4;
    --hex-status-info-08: #006b97;
    --hex-status-info-09: #004974;
    --hex-status-info-10: #003d67;
    --hex-status-info: #23b2e1;
    --hex-status-success-01: #edf9f1;
    --hex-status-success-02: #def4e4;
    --hex-status-success-03: #c4ebd1;
    --hex-status-success-04: #9edeb5;
    --hex-status-success-05: #6bce93;
    --hex-status-success-06: #00ab61;
    --hex-status-success-07: #009048;
    --hex-status-success-08: #00742e;
    --hex-status-success-09: #005209;
    --hex-status-success-10: #004500;
    --hex-status-success: #21bf73;
    --hex-status-error-01: #fff3f2;
    --hex-status-error-02: #ffeae7;
    --hex-status-error-03: #ffd9d6;
    --hex-status-error-04: #fec1bd;
    --hex-status-error-05: #faa5a0;
    --hex-status-error-06: #ef6c69;
    --hex-status-error-07: #d4504f;
    --hex-status-error-08: #b63236;
    --hex-status-error-09: #87000e;
    --hex-status-error-10: #730000;
    --hex-status-error: #ed6663;
    --hex-status-warning-01: #fff6d9;
    --hex-status-warning-02: #ffedb9;
    --hex-status-warning-03: #ffdf81;
    --hex-status-warning-04: #ffc821;
    --hex-status-warning-05: #edb100;
    --hex-status-warning-06: #be8e00;
    --hex-status-warning-07: #9f7800;
    --hex-status-warning-08: #816000;
    --hex-status-warning-09: #5a4300;
    --hex-status-warning-10: #4d3900;
    --hex-status-warning: #ffc107;
  }
}