web-expressive/dist/schemes/sun-neutral.css

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

@layer design-system.tokens{html,[data-theme=sun-neutral]{--sys-color-primary:light-dark(#6d5b48,#dac3ac);--sys-color-surface-tint:light-dark(#6d5b48,#dac3ac);--sys-color-on-primary:light-dark(#fff,#3c2e1e);--sys-color-primary-container:light-dark(#f7dfc6,#544432);--sys-color-on-primary-container:light-dark(#544432,#f7dfc6);--sys-color-secondary:light-dark(#685c50,#d4c4b5);--sys-color-on-secondary:light-dark(#fff,#382f24);--sys-color-secondary-container:light-dark(#f1e0d0,#504539);--sys-color-on-secondary-container:light-dark(#504539,#f1e0d0);--sys-color-tertiary:light-dark(#715a41,#dfc2a2);--sys-color-on-tertiary:light-dark(#fff,#3f2d17);--sys-color-tertiary-container:light-dark(#fcddbd,#57432b);--sys-color-on-tertiary-container:light-dark(#57432b,#fcddbd);--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(#fff8f4,#151311);--sys-color-on-background:light-dark(#1e1b19,#e8e1dd);--sys-color-surface:light-dark(#fff8f4,#151311);--sys-color-on-surface:light-dark(#1e1b19,#e8e1dd);--sys-color-surface-variant:light-dark(#e8e1dd,#4a4643);--sys-color-on-surface-variant:light-dark(#4a4643,#ccc5c1);--sys-color-outline:light-dark(#7b7673,#95908c);--sys-color-outline-variant:light-dark(#ccc5c1,#4a4643);--sys-color-shadow:#000;--sys-color-scrim:#000;--sys-color-inverse-surface:light-dark(#33302d,#e8e1dd);--sys-color-inverse-on-surface:light-dark(#f6efeb,#33302d);--sys-color-inverse-primary:light-dark(#dac3ac,#6d5b48);--sys-color-primary-fixed:#f7dfc6;--sys-color-on-primary-fixed:#25190b;--sys-color-primary-fixed-dim:#dac3ac;--sys-color-on-primary-fixed-variant:#544432;--sys-color-secondary-fixed:#f1e0d0;--sys-color-on-secondary-fixed:#221a11;--sys-color-secondary-fixed-dim:#d4c4b5;--sys-color-on-secondary-fixed-variant:#504539;--sys-color-tertiary-fixed:#fcddbd;--sys-color-on-tertiary-fixed:#281805;--sys-color-tertiary-fixed-dim:#dfc2a2;--sys-color-on-tertiary-fixed-variant:#57432b;--sys-color-surface-dim:light-dark(#dfd9d5,#151311);--sys-color-surface-bright:light-dark(#fff8f4,#3c3936);--sys-color-surface-container-lowest:light-dark(#fff,#100e0c);--sys-color-surface-container-low:light-dark(#f9f2ee,#1e1b19);--sys-color-surface-container:light-dark(#f4ece8,#221f1d);--sys-color-surface-container-high:light-dark(#eee7e3,#2c2927);--sys-color-surface-container-highest:light-dark(#e8e1dd,#373432)}}