web-expressive/dist/schemes/carbon-expressive.css

A standard-first frontend toolkit based on Material Expressive design language intent.

@layer design-system.tokens{html,[data-theme=carbon-expressive]{--sys-color-primary:light-dark(#924b29,#ffb596);--sys-color-surface-tint:light-dark(#924b29,#ffb596);--sys-color-on-primary:light-dark(#fff,#571f01);--sys-color-primary-container:light-dark(#ffdbcd,#743414);--sys-color-on-primary-container:light-dark(#743414,#ffdbcd);--sys-color-secondary:light-dark(#39656b,#a1ced5);--sys-color-on-secondary:light-dark(#fff,#00363c);--sys-color-secondary-container:light-dark(#bcebf1,#1f4d53);--sys-color-on-secondary-container:light-dark(#1f4d53,#bcebf1);--sys-color-tertiary:light-dark(#20695d,#8ed4c5);--sys-color-on-tertiary:light-dark(#fff,#003730);--sys-color-tertiary-container:light-dark(#aaf0e1,#005046);--sys-color-on-tertiary-container:light-dark(#005046,#aaf0e1);--sys-color-error:light-dark(#ba1a1a,#ffb4ab);--sys-color-on-error:light-dark(#fff,#690005);--sys-color-error-container:light-dark(#ffdad6,#93000a);--sys-color-on-error-container:light-dark(#93000a,#ffdad6);--sys-color-background:light-dark(#f2fcf6,#0c1512);--sys-color-on-background:light-dark(#141d1b,#dbe5e0);--sys-color-surface:light-dark(#f2fcf6,#0c1512);--sys-color-on-surface:light-dark(#141d1b,#dbe5e0);--sys-color-surface-variant:light-dark(#d4e7df,#3a4a45);--sys-color-on-surface-variant:light-dark(#3a4a45,#b8cbc3);--sys-color-outline:light-dark(#6a7b75,#83958e);--sys-color-outline-variant:light-dark(#b8cbc3,#3a4a45);--sys-color-shadow:#000;--sys-color-scrim:#000;--sys-color-inverse-surface:light-dark(#29322f,#dbe5e0);--sys-color-inverse-on-surface:light-dark(#e9f3ee,#29322f);--sys-color-inverse-primary:light-dark(#ffb596,#924b29);--sys-color-primary-fixed:#ffdbcd;--sys-color-on-primary-fixed:#360f00;--sys-color-primary-fixed-dim:#ffb596;--sys-color-on-primary-fixed-variant:#743414;--sys-color-secondary-fixed:#bcebf1;--sys-color-on-secondary-fixed:#001f23;--sys-color-secondary-fixed-dim:#a1ced5;--sys-color-on-secondary-fixed-variant:#1f4d53;--sys-color-tertiary-fixed:#aaf0e1;--sys-color-on-tertiary-fixed:#00201b;--sys-color-tertiary-fixed-dim:#8ed4c5;--sys-color-on-tertiary-fixed-variant:#005046;--sys-color-surface-dim:light-dark(#d2dcd7,#0c1512);--sys-color-surface-bright:light-dark(#f2fcf6,#323b38);--sys-color-surface-container-lowest:light-dark(#fff,#07100d);--sys-color-surface-container-low:light-dark(#ecf6f1,#141d1b);--sys-color-surface-container:light-dark(#e6f0eb,#18211e);--sys-color-surface-container-high:light-dark(#e0eae5,#232c29);--sys-color-surface-container-highest:light-dark(#dbe5e0,#2d3733)}}