@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 v13.7.1
Generated by Style Dictionary
Do not edit directly
Generated at Tue, 03 Jun 2025 08:08:46 GMT
*/

:root {
  --status-info-01: #001942;
  --status-info-02: #00446d;
  --status-info-03: #00517c;
  --status-info-04: #00628d;
  --status-info-05: #0075a2;
  --status-info-06: #0099c7;
  --status-info-07: #7acaeb;
  --status-info-08: #b0dff3;
  --status-info-09: #d1ecf8;
  --status-info-10: #ecf7fc;
  --status-info: #23b2e1;
  --status-success-01: #002100;
  --status-success-02: #004c03;
  --status-success-03: #005a14;
  --status-success-04: #006b25;
  --status-success-05: #007f37;
  --status-success-06: #00a359;
  --status-success-07: #77d29a;
  --status-success-08: #afe4c1;
  --status-success-09: #d1efda;
  --status-success-10: #ebf8ef;
  --status-success: #21bf73;
  --status-error-01: #400000;
  --status-error-02: #88000e;
  --status-error-03: #9a111f;
  --status-error-04: #ac292e;
  --status-error-05: #c23f40;
  --status-error-06: #e96260;
  --status-error-07: #fbaba5;
  --status-error-08: #ffccc8;
  --status-error-09: #ffe1df;
  --status-error-10: #fff3f1;
  --status-error: #ed6663;
  --status-warning-01: #231a00;
  --status-warning-02: #523d00;
  --status-warning-03: #624900;
  --status-warning-04: #755700;
  --status-warning-05: #8b6800;
  --status-warning-06: #b38700;
  --status-warning-07: #f3b600;
  --status-warning-08: #ffd451;
  --status-warning-09: #ffe69c;
  --status-warning-10: #fff5d6;
  --status-warning: #ffc107;
}

:root.pref-theme-dark {
  --status-info-01: #d2edf9;
  --status-info-02: #61c1e7;
  --status-info-03: #22b1e0;
  --status-info-04: #009dcc;
  --status-info-05: #0087b5;
  --status-info-06: #006691;
  --status-info-07: #003c65;
  --status-info-08: #002851;
  --status-info-09: #001941;
  --status-info-10: #000a34;
  --status-info: #23b2e1;
  --status-success-01: #d2f0db;
  --status-success-02: #5ccb8b;
  --status-success-03: #19bb70;
  --status-success-04: #00a75d;
  --status-success-05: #009148;
  --status-success-06: #006f28;
  --status-success-07: #004400;
  --status-success-08: #003000;
  --status-success-09: #002100;
  --status-success-10: #001400;
  --status-success: #21bf73;
  --status-error-01: #ffe3e0;
  --status-error-02: #f99d97;
  --status-error-03: #f4847e;
  --status-error-04: #ed6763;
  --status-error-05: #d65150;
  --status-error-06: #b12d32;
  --status-error-07: #7a0001;
  --status-error-08: #590000;
  --status-error-09: #420000;
  --status-error-10: #270000;
  --status-error: #ed6663;
  --status-warning-01: #ffe7a1;
  --status-warning-02: #e6ac00;
  --status-warning-03: #d09c00;
  --status-warning-04: #b98a00;
  --status-warning-05: #9f7700;
  --status-warning-06: #795a00;
  --status-warning-07: #493700;
  --status-warning-08: #332600;
  --status-warning-09: #231a00;
  --status-warning-10: #130e00;
  --status-warning: #ffc107;
}

@media (prefers-color-scheme: dark) {
  :root.pref-theme-system {
    --status-info-01: #d2edf9;
    --status-info-02: #61c1e7;
    --status-info-03: #22b1e0;
    --status-info-04: #009dcc;
    --status-info-05: #0087b5;
    --status-info-06: #006691;
    --status-info-07: #003c65;
    --status-info-08: #002851;
    --status-info-09: #001941;
    --status-info-10: #000a34;
    --status-info: #23b2e1;
    --status-success-01: #d2f0db;
    --status-success-02: #5ccb8b;
    --status-success-03: #19bb70;
    --status-success-04: #00a75d;
    --status-success-05: #009148;
    --status-success-06: #006f28;
    --status-success-07: #004400;
    --status-success-08: #003000;
    --status-success-09: #002100;
    --status-success-10: #001400;
    --status-success: #21bf73;
    --status-error-01: #ffe3e0;
    --status-error-02: #f99d97;
    --status-error-03: #f4847e;
    --status-error-04: #ed6763;
    --status-error-05: #d65150;
    --status-error-06: #b12d32;
    --status-error-07: #7a0001;
    --status-error-08: #590000;
    --status-error-09: #420000;
    --status-error-10: #270000;
    --status-error: #ed6663;
    --status-warning-01: #ffe7a1;
    --status-warning-02: #e6ac00;
    --status-warning-03: #d09c00;
    --status-warning-04: #b98a00;
    --status-warning-05: #9f7700;
    --status-warning-06: #795a00;
    --status-warning-07: #493700;
    --status-warning-08: #332600;
    --status-warning-09: #231a00;
    --status-warning-10: #130e00;
    --status-warning: #ffc107;
  }
}