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

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

@layer design-system.tokens{html,[data-theme=paper-expressive]{--sys-color-primary:light-dark(#006c50,#80d7b5);--sys-color-surface-tint:light-dark(#006c50,#80d7b5);--sys-color-on-primary:light-dark(#fff,#003828);--sys-color-primary-container:light-dark(#9bf4d0,#00513c);--sys-color-on-primary-container:light-dark(#00513c,#9bf4d0);--sys-color-secondary:light-dark(#75546f,#e4bada);--sys-color-on-secondary:light-dark(#fff,#43273f);--sys-color-secondary-container:light-dark(#ffd7f5,#5c3d56);--sys-color-on-secondary-container:light-dark(#5c3d56,#ffd7f5);--sys-color-tertiary:light-dark(#6c5484,#d8bbf2);--sys-color-on-tertiary:light-dark(#fff,#3c2653);--sys-color-tertiary-container:light-dark(#f0dbff,#543d6b);--sys-color-on-tertiary-container:light-dark(#543d6b,#f0dbff);--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(#fef7ff,#15121a);--sys-color-on-background:light-dark(#1e1a22,#e8e0eb);--sys-color-surface:light-dark(#fef7ff,#15121a);--sys-color-on-surface:light-dark(#1e1a22,#e8e0eb);--sys-color-surface-variant:light-dark(#e9dff1,#4b4452);--sys-color-on-surface-variant:light-dark(#4b4452,#cdc3d5);--sys-color-outline:light-dark(#7c7484,#968d9e);--sys-color-outline-variant:light-dark(#cdc3d5,#4b4452);--sys-color-shadow:#000;--sys-color-scrim:#000;--sys-color-inverse-surface:light-dark(#332f37,#e8e0eb);--sys-color-inverse-on-surface:light-dark(#f6eef9,#332f37);--sys-color-inverse-primary:light-dark(#80d7b5,#006c50);--sys-color-primary-fixed:#9bf4d0;--sys-color-on-primary-fixed:#002116;--sys-color-primary-fixed-dim:#80d7b5;--sys-color-on-primary-fixed-variant:#00513c;--sys-color-secondary-fixed:#ffd7f5;--sys-color-on-secondary-fixed:#2c1229;--sys-color-secondary-fixed-dim:#e4bada;--sys-color-on-secondary-fixed-variant:#5c3d56;--sys-color-tertiary-fixed:#f0dbff;--sys-color-on-tertiary-fixed:#26103d;--sys-color-tertiary-fixed-dim:#d8bbf2;--sys-color-on-tertiary-fixed-variant:#543d6b;--sys-color-surface-dim:light-dark(#dfd7e3,#15121a);--sys-color-surface-bright:light-dark(#fef7ff,#3c3740);--sys-color-surface-container-lowest:light-dark(#fff,#100d14);--sys-color-surface-container-low:light-dark(#f9f1fc,#1e1a22);--sys-color-surface-container:light-dark(#f3ebf7,#221e26);--sys-color-surface-container-high:light-dark(#eee5f1,#2c2831);--sys-color-surface-container-highest:light-dark(#e8e0eb,#37333c)}}