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

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

@layer design-system.tokens{html,[data-theme=aqua-expressive]{--sys-color-primary:light-dark(#875306,#feb968);--sys-color-surface-tint:light-dark(#875306,#feb968);--sys-color-on-primary:light-dark(#fff,#482900);--sys-color-primary-container:light-dark(#fdb,#673d00);--sys-color-on-primary-container:light-dark(#673d00,#fdb);--sys-color-secondary:light-dark(#406376,#a7cce1);--sys-color-on-secondary:light-dark(#fff,#0c3446);--sys-color-secondary-container:light-dark(#c3e8fe,#274b5d);--sys-color-on-secondary-container:light-dark(#274b5d,#c3e8fe);--sys-color-tertiary:light-dark(#1a6871,#8dd2db);--sys-color-on-tertiary:light-dark(#fff,#00363c);--sys-color-tertiary-container:light-dark(#a9eef8,#004f56);--sys-color-on-tertiary-container:light-dark(#004f56,#a9eef8);--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(#f1fbfc,#0c1516);--sys-color-on-background:light-dark(#141d1e,#dae4e5);--sys-color-surface:light-dark(#f1fbfc,#0c1516);--sys-color-on-surface:light-dark(#141d1e,#dae4e5);--sys-color-surface-variant:light-dark(#d4e6e7,#394a4b);--sys-color-on-surface-variant:light-dark(#394a4b,#b8cacb);--sys-color-outline:light-dark(#697a7b,#829495);--sys-color-outline-variant:light-dark(#b8cacb,#394a4b);--sys-color-shadow:light-dark(#000,#000);--sys-color-scrim:light-dark(#000,#000);--sys-color-inverse-surface:light-dark(#293233,#dae4e5);--sys-color-inverse-on-surface:light-dark(#e9f3f3,#293233);--sys-color-inverse-primary:light-dark(#feb968,#875306);--sys-color-primary-fixed:light-dark(#fdb,#fdb);--sys-color-on-primary-fixed:light-dark(#2b1700,#2b1700);--sys-color-primary-fixed-dim:light-dark(#feb968,#feb968);--sys-color-on-primary-fixed-variant:light-dark(#673d00,#673d00);--sys-color-secondary-fixed:light-dark(#c3e8fe,#c3e8fe);--sys-color-on-secondary-fixed:light-dark(#001e2b,#001e2b);--sys-color-secondary-fixed-dim:light-dark(#a7cce1,#a7cce1);--sys-color-on-secondary-fixed-variant:light-dark(#274b5d,#274b5d);--sys-color-tertiary-fixed:light-dark(#a9eef8,#a9eef8);--sys-color-on-tertiary-fixed:light-dark(#001f23,#001f23);--sys-color-tertiary-fixed-dim:light-dark(#8dd2db,#8dd2db);--sys-color-on-tertiary-fixed-variant:light-dark(#004f56,#004f56);--sys-color-surface-dim:light-dark(#d2dcdc,#0c1516);--sys-color-surface-bright:light-dark(#f1fbfc,#313b3c);--sys-color-surface-container-lowest:light-dark(#fff,#071010);--sys-color-surface-container-low:light-dark(#ebf6f6,#141d1e);--sys-color-surface-container:light-dark(#e6f0f0,#182122);--sys-color-surface-container-high:light-dark(#e0eaea,#222c2c);--sys-color-surface-container-highest:light-dark(#dae4e5,#2d3637)}}