@maggioli-design-system/design-tokens/dist/css/colors-rgb-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 {
  --status-info-01: 0 36 76;
  --status-info-02: 0 56 98;
  --status-info-03: 0 80 123;
  --status-info-04: 0 109 154;
  --status-info-05: 0 138 184;
  --status-info-06: 55 182 227;
  --status-info-07: 124 202 235;
  --status-info-08: 168 219 242;
  --status-info-09: 210 236 249;
  --status-info-10: 222 242 250;
  --status-info: 35 178 225;
  --status-success-01: 0 43 0;
  --status-success-02: 0 64 0;
  --status-success-03: 0 89 17;
  --status-success-04: 0 118 48;
  --status-success-05: 0 148 76;
  --status-success-06: 43 192 118;
  --status-success-07: 120 210 155;
  --status-success-08: 165 225 186;
  --status-success-09: 209 239 219;
  --status-success-10: 222 244 228;
  --status-success: 33 191 115;
  --status-error-01: 72 0 0;
  --status-error-02: 106 0 0;
  --status-error-03: 147 4 25;
  --status-error-04: 184 52 56;
  --status-error-05: 217 83 82;
  --status-error-06: 245 139 134;
  --status-error-07: 251 171 166;
  --status-error-08: 254 198 194;
  --status-error-09: 255 225 223;
  --status-error-10: 255 234 231;
  --status-error: 237 102 99;
  --status-warning-01: 48 36 0;
  --status-warning-02: 70 53 0;
  --status-warning-03: 98 73 0;
  --status-warning-04: 131 98 0;
  --status-warning-05: 164 123 0;
  --status-warning-06: 214 160 0;
  --status-warning-07: 242 181 0;
  --status-warning-08: 255 205 57;
  --status-warning-09: 255 230 157;
  --status-warning-10: 255 237 185;
  --status-warning: 255 193 7;
}

:root:not(.pref-theme-scheme-light).pref-theme-dark,
:root.pref-theme-scheme-dark {
  --status-info-01: 237 248 253;
  --status-info-02: 222 242 250;
  --status-info-03: 198 231 247;
  --status-info-04: 159 216 241;
  --status-info-05: 112 198 234;
  --status-info-06: 0 161 208;
  --status-info-07: 0 134 180;
  --status-info-08: 0 107 151;
  --status-info-09: 0 73 116;
  --status-info-10: 0 61 103;
  --status-info: 35 178 225;
  --status-success-01: 237 249 241;
  --status-success-02: 222 244 228;
  --status-success-03: 196 235 209;
  --status-success-04: 158 222 181;
  --status-success-05: 107 206 147;
  --status-success-06: 0 171 97;
  --status-success-07: 0 144 72;
  --status-success-08: 0 116 46;
  --status-success-09: 0 82 9;
  --status-success-10: 0 69 0;
  --status-success: 33 191 115;
  --status-error-01: 255 243 242;
  --status-error-02: 255 234 231;
  --status-error-03: 255 217 214;
  --status-error-04: 254 193 189;
  --status-error-05: 250 165 160;
  --status-error-06: 239 108 105;
  --status-error-07: 212 80 79;
  --status-error-08: 182 50 54;
  --status-error-09: 135 0 14;
  --status-error-10: 115 0 0;
  --status-error: 237 102 99;
  --status-warning-01: 255 246 217;
  --status-warning-02: 255 237 185;
  --status-warning-03: 255 223 129;
  --status-warning-04: 255 200 33;
  --status-warning-05: 237 177 0;
  --status-warning-06: 190 142 0;
  --status-warning-07: 159 120 0;
  --status-warning-08: 129 96 0;
  --status-warning-09: 90 67 0;
  --status-warning-10: 77 57 0;
  --status-warning: 255 193 7;
}

@media (prefers-color-scheme: dark) {
  :root:not(.pref-theme-scheme-light).pref-theme-system,
  :root:not([data-magma-pref]) {
    --status-info-01: 237 248 253;
    --status-info-02: 222 242 250;
    --status-info-03: 198 231 247;
    --status-info-04: 159 216 241;
    --status-info-05: 112 198 234;
    --status-info-06: 0 161 208;
    --status-info-07: 0 134 180;
    --status-info-08: 0 107 151;
    --status-info-09: 0 73 116;
    --status-info-10: 0 61 103;
    --status-info: 35 178 225;
    --status-success-01: 237 249 241;
    --status-success-02: 222 244 228;
    --status-success-03: 196 235 209;
    --status-success-04: 158 222 181;
    --status-success-05: 107 206 147;
    --status-success-06: 0 171 97;
    --status-success-07: 0 144 72;
    --status-success-08: 0 116 46;
    --status-success-09: 0 82 9;
    --status-success-10: 0 69 0;
    --status-success: 33 191 115;
    --status-error-01: 255 243 242;
    --status-error-02: 255 234 231;
    --status-error-03: 255 217 214;
    --status-error-04: 254 193 189;
    --status-error-05: 250 165 160;
    --status-error-06: 239 108 105;
    --status-error-07: 212 80 79;
    --status-error-08: 182 50 54;
    --status-error-09: 135 0 14;
    --status-error-10: 115 0 0;
    --status-error: 237 102 99;
    --status-warning-01: 255 246 217;
    --status-warning-02: 255 237 185;
    --status-warning-03: 255 223 129;
    --status-warning-04: 255 200 33;
    --status-warning-05: 237 177 0;
    --status-warning-06: 190 142 0;
    --status-warning-07: 159 120 0;
    --status-warning-08: 129 96 0;
    --status-warning-09: 90 67 0;
    --status-warning-10: 77 57 0;
    --status-warning: 255 193 7;
  }
}