@maggioli-design-system/design-tokens/dist/css/colors-hex-brand-synbee.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 {
  --brand-synbee-eolo-01: #121b2b;
  --brand-synbee-eolo-02: #2b4066;
  --brand-synbee-eolo-03: #334d7a;
  --brand-synbee-eolo-04: #3d5b91;
  --brand-synbee-eolo-05: #496dad;
  --brand-synbee-eolo-06: #708ec3;
  --brand-synbee-eolo-07: #b0c1de;
  --brand-synbee-eolo-08: #cfd9eb;
  --brand-synbee-eolo-09: #e3e9f3;
  --brand-synbee-eolo-10: #f2f5f9;
  --brand-synbee-eolo: #597cb9;
  --brand-synbee-01: #231a00;
  --brand-synbee-02: #513e00;
  --brand-synbee-03: #604a00;
  --brand-synbee-04: #735800;
  --brand-synbee-05: #896900;
  --brand-synbee-06: #b18800;
  --brand-synbee-07: #f0b800;
  --brand-synbee-08: #ffd448;
  --brand-synbee-09: #ffe696;
  --brand-synbee-10: #fff5d3;
  --brand-synbee: #ffc300;
}

:root.pref-theme-dark {
  --brand-synbee-eolo-01: #e3e9f3;
  --brand-synbee-eolo-02: #a3b6d8;
  --brand-synbee-eolo-03: #8ea6cf;
  --brand-synbee-eolo-04: #7692c5;
  --brand-synbee-eolo-05: #5b7eba;
  --brand-synbee-eolo-06: #3f5f96;
  --brand-synbee-eolo-07: #26395b;
  --brand-synbee-eolo-08: #1b283f;
  --brand-synbee-eolo-09: #131c2c;
  --brand-synbee-eolo-10: #090e16;
  --brand-synbee-eolo: #597cb9;
  --brand-synbee-01: #ffe79b;
  --brand-synbee-02: #e3ad00;
  --brand-synbee-03: #ce9d00;
  --brand-synbee-04: #b68b00;
  --brand-synbee-05: #9e7800;
  --brand-synbee-06: #785b00;
  --brand-synbee-07: #483700;
  --brand-synbee-08: #322700;
  --brand-synbee-09: #221a00;
  --brand-synbee-10: #120e00;
  --brand-synbee: #ffc300;
}

@media (prefers-color-scheme: dark) {
  :root.pref-theme-system {
    --brand-synbee-eolo-01: #e3e9f3;
    --brand-synbee-eolo-02: #a3b6d8;
    --brand-synbee-eolo-03: #8ea6cf;
    --brand-synbee-eolo-04: #7692c5;
    --brand-synbee-eolo-05: #5b7eba;
    --brand-synbee-eolo-06: #3f5f96;
    --brand-synbee-eolo-07: #26395b;
    --brand-synbee-eolo-08: #1b283f;
    --brand-synbee-eolo-09: #131c2c;
    --brand-synbee-eolo-10: #090e16;
    --brand-synbee-eolo: #597cb9;
    --brand-synbee-01: #ffe79b;
    --brand-synbee-02: #e3ad00;
    --brand-synbee-03: #ce9d00;
    --brand-synbee-04: #b68b00;
    --brand-synbee-05: #9e7800;
    --brand-synbee-06: #785b00;
    --brand-synbee-07: #483700;
    --brand-synbee-08: #322700;
    --brand-synbee-09: #221a00;
    --brand-synbee-10: #120e00;
    --brand-synbee: #ffc300;
  }
}