@sandlada/material-design-css 2.4.0-20260426.a → 2.5.0-20260607.a

package/prebuilt-colors/fruit-salad/h90-2025.css

@@ -0,0 +1,183 @@
+:root {
+    --md-sys-color-background: light-dark(#fff8f1, #181306);
+    --md-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
+    --md-sys-color-error-container: light-dark(#ffdad6, #93000a);
+    --md-sys-color-error-dim: light-dark(#a80710, #ff554a);
+    --md-sys-color-error-palette-key-color: light-dark(#de3730, #de3730);
+    --md-sys-color-inverse-on-surface: light-dark(#fcefd8, #363020);
+    --md-sys-color-inverse-primary: light-dark(#ffb598, #9a451f);
+    --md-sys-color-inverse-surface: light-dark(#363020, #ede1ca);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7f7663, #7f7663);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837656, #837656);
+    --md-sys-color-on-background: light-dark(#211b0d, #ede1ca);
+    --md-sys-color-on-error: light-dark(#ffffff, #690005);
+    --md-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
+    --md-sys-color-on-primary: light-dark(#ffffff, #591c00);
+    --md-sys-color-on-primary-container: light-dark(#7b2f09, #ffdbce);
+    --md-sys-color-on-primary-fixed: light-dark(#370e00, #370e00);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#7b2f09, #7b2f09);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #552008);
+    --md-sys-color-on-secondary-container: light-dark(#71361c, #ffdbce);
+    --md-sys-color-on-secondary-fixed: light-dark(#370e00, #370e00);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#71361c, #71361c);
+    --md-sys-color-on-surface: light-dark(#211b0d, #ede1ca);
+    --md-sys-color-on-surface-variant: light-dark(#51462a, #d5c5a0);
+    --md-sys-color-on-tertiary: light-dark(#ffffff, #3d2e00);
+    --md-sys-color-on-tertiary-container: light-dark(#584400, #ffdf90);
+    --md-sys-color-on-tertiary-fixed: light-dark(#241a00, #241a00);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#584400, #584400);
+    --md-sys-color-outline: light-dark(#837656, #9e8f6e);
+    --md-sys-color-outline-variant: light-dark(#d5c5a0, #51462a);
+    --md-sys-color-primary: light-dark(#9a451f, #ffb598);
+    --md-sys-color-primary-container: light-dark(#ffdbce, #7b2f09);
+    --md-sys-color-primary-dim: light-dark(#8a3a15, #f98f63);
+    --md-sys-color-primary-fixed: light-dark(#ffdbce, #ffdbce);
+    --md-sys-color-primary-fixed-dim: light-dark(#ffb598, #ffb598);
+    --md-sys-color-primary-palette-key-color: light-dark(#b95d35, #b95d35);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#8e4d31, #ffb598);
+    --md-sys-color-secondary-container: light-dark(#ffdbce, #71361c);
+    --md-sys-color-secondary-dim: light-dark(#804126, #ffa987);
+    --md-sys-color-secondary-fixed: light-dark(#ffdbce, #ffdbce);
+    --md-sys-color-secondary-fixed-dim: light-dark(#ffb598, #ffb598);
+    --md-sys-color-secondary-palette-key-color: light-dark(#ac6447, #ac6447);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f1, #181306);
+    --md-sys-color-surface-bright: light-dark(#fff8f1, #3f3828);
+    --md-sys-color-surface-container: light-dark(#f9edd5, #251f11);
+    --md-sys-color-surface-container-high: light-dark(#f3e7d0, #30291a);
+    --md-sys-color-surface-container-highest: light-dark(#ede1ca, #3b3424);
+    --md-sys-color-surface-container-low: light-dark(#fff2db, #211b0d);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #120e03);
+    --md-sys-color-surface-dim: light-dark(#e5d9c2, #181306);
+    --md-sys-color-surface-tint: light-dark(#9a451f, #ffb598);
+    --md-sys-color-surface-variant: light-dark(#f2e1bb, #51462a);
+    --md-sys-color-tertiary: light-dark(#745b0c, #e4c36c);
+    --md-sys-color-tertiary-container: light-dark(#ffdf90, #584400);
+    --md-sys-color-tertiary-dim: light-dark(#664f00, #f6d47b);
+    --md-sys-color-tertiary-fixed: light-dark(#ffdf90, #ffdf90);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#e4c36c, #e4c36c);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#8f7426, #8f7426);
+}
+:root[low-contrast] {
+    --md-sys-color-background: light-dark(#fff8f1, #181306);
+    --md-sys-color-error: light-dark(#da342e, #ff5449);
+    --md-sys-color-error-container: light-dark(#ffcdc7, #7b0007);
+    --md-sys-color-error-dim: light-dark(#c82623, #ff554a);
+    --md-sys-color-error-palette-key-color: light-dark(#de3730, #de3730);
+    --md-sys-color-inverse-on-surface: light-dark(#a19783, #6c6451);
+    --md-sys-color-inverse-primary: light-dark(#bc6038, #c5663e);
+    --md-sys-color-inverse-surface: light-dark(#363020, #ede1ca);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7f7663, #7f7663);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837656, #837656);
+    --md-sys-color-on-background: light-dark(#998f7b, #6a614f);
+    --md-sys-color-on-error: light-dark(#fffbff, #5c0003);
+    --md-sys-color-on-error-container: light-dark(#e23a32, #f0443b);
+    --md-sys-color-on-primary: light-dark(#fffbff, #4e1800);
+    --md-sys-color-on-primary-container: light-dark(#bd6038, #c96a41);
+    --md-sys-color-on-primary-fixed: light-dark(#82340f, #ffb293);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#a44d27, #ec8559);
+    --md-sys-color-on-secondary: light-dark(#fffbff, #4c1a03);
+    --md-sys-color-on-secondary-container: light-dark(#af6749, #bb7153);
+    --md-sys-color-on-secondary-fixed: light-dark(#783b21, #ffb293);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#985438, #dc8c6c);
+    --md-sys-color-on-surface: light-dark(#665e4c, #aca28d);
+    --md-sys-color-on-surface-variant: light-dark(#87795a, #908261);
+    --md-sys-color-on-tertiary: light-dark(#fffbff, #352800);
+    --md-sys-color-on-tertiary-container: light-dark(#927728, #9d8131);
+    --md-sys-color-on-tertiary-fixed: light-dark(#5f4900, #e1c16a);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#7d6315, #bb9d4a);
+    --md-sys-color-outline: light-dark(#c0b08d, #5f5336);
+    --md-sys-color-outline-variant: light-dark(#e8d7b2, #43391e);
+    --md-sys-color-primary: light-dark(#b65b33, #d9764c);
+    --md-sys-color-primary-container: light-dark(#ffcebc, #692300);
+    --md-sys-color-primary-dim: light-dark(#a64f28, #d9764c);
+    --md-sys-color-primary-fixed: light-dark(#ffcebc, #883913);
+    --md-sys-color-primary-fixed-dim: light-dark(#ffa885, #692300);
+    --md-sys-color-primary-palette-key-color: light-dark(#b95d35, #b95d35);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#a96245, #ca7d5e);
+    --md-sys-color-secondary-container: light-dark(#ffcebc, #612a11);
+    --md-sys-color-secondary-dim: light-dark(#9a5639, #cb7e5e);
+    --md-sys-color-secondary-fixed: light-dark(#ffcebc, #7e4025);
+    --md-sys-color-secondary-fixed-dim: light-dark(#fea886, #612a11);
+    --md-sys-color-secondary-palette-key-color: light-dark(#ac6447, #ac6447);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f1, #181306);
+    --md-sys-color-surface-bright: light-dark(#fff8f1, #3f3828);
+    --md-sys-color-surface-container: light-dark(#f9edd5, #251f11);
+    --md-sys-color-surface-container-high: light-dark(#f3e7d0, #30291a);
+    --md-sys-color-surface-container-highest: light-dark(#ede1ca, #3b3424);
+    --md-sys-color-surface-container-low: light-dark(#fff2db, #211b0d);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #120e03);
+    --md-sys-color-surface-dim: light-dark(#e5d9c2, #181306);
+    --md-sys-color-surface-tint: light-dark(#9a451f, #ffb598);
+    --md-sys-color-surface-variant: light-dark(#f2e1bb, #51462a);
+    --md-sys-color-tertiary: light-dark(#8c7123, #aa8d3d);
+    --md-sys-color-tertiary-container: light-dark(#f8d57d, #493800);
+    --md-sys-color-tertiary-dim: light-dark(#7e6516, #ab8e3d);
+    --md-sys-color-tertiary-fixed: light-dark(#f8d57d, #654e00);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#daba64, #493800);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#8f7426, #8f7426);
+}
+:root[high-contrast] {
+    --md-sys-color-background: light-dark(#fff8f1, #181306);
+    --md-sys-color-error: light-dark(#600004, #ffece9);
+    --md-sys-color-error-container: light-dark(#98000a, #ffaea4);
+    --md-sys-color-error-dim: light-dark(#480002, #ffedea);
+    --md-sys-color-error-palette-key-color: light-dark(#de3730, #de3730);
+    --md-sys-color-inverse-on-surface: light-dark(#ffffff, #000000);
+    --md-sys-color-inverse-primary: light-dark(#ffb598, #7c300a);
+    --md-sys-color-inverse-surface: light-dark(#363020, #ede1ca);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7f7663, #7f7663);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837656, #837656);
+    --md-sys-color-on-background: light-dark(#211b0d, #ede1ca);
+    --md-sys-color-on-error: light-dark(#ffffff, #000000);
+    --md-sys-color-on-error-container: light-dark(#ffffff, #220001);
+    --md-sys-color-on-primary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-container: light-dark(#ffffff, #1c0400);
+    --md-sys-color-on-primary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#ffffff, #250700);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-container: light-dark(#ffffff, #1c0400);
+    --md-sys-color-on-secondary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#ffffff, #250700);
+    --md-sys-color-on-surface: light-dark(#000000, #ffffff);
+    --md-sys-color-on-surface-variant: light-dark(#000000, #ffffff);
+    --md-sys-color-on-tertiary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-container: light-dark(#ffffff, #100a00);
+    --md-sys-color-on-tertiary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#ffffff, #181000);
+    --md-sys-color-outline: light-dark(#352b12, #ffeecc);
+    --md-sys-color-outline-variant: light-dark(#53482c, #d1c19d);
+    --md-sys-color-primary: light-dark(#521a00, #ffece6);
+    --md-sys-color-primary-container: light-dark(#7e310c, #ffb090);
+    --md-sys-color-primary-dim: light-dark(#3d1100, #ffede7);
+    --md-sys-color-primary-fixed: light-dark(#7e310c, #ffdbce);
+    --md-sys-color-primary-fixed-dim: light-dark(#5d1e00, #ffb598);
+    --md-sys-color-primary-palette-key-color: light-dark(#b95d35, #b95d35);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#4f1c05, #ffece6);
+    --md-sys-color-secondary-container: light-dark(#74381e, #ffb090);
+    --md-sys-color-secondary-dim: light-dark(#3d1100, #ffede7);
+    --md-sys-color-secondary-fixed: light-dark(#74381e, #ffdbce);
+    --md-sys-color-secondary-fixed-dim: light-dark(#58230a, #ffb598);
+    --md-sys-color-secondary-palette-key-color: light-dark(#ac6447, #ac6447);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f1, #181306);
+    --md-sys-color-surface-bright: light-dark(#fff8f1, #574f3e);
+    --md-sys-color-surface-container: light-dark(#ede1ca, #363020);
+    --md-sys-color-surface-container-high: light-dark(#dfd3bd, #423b2a);
+    --md-sys-color-surface-container-highest: light-dark(#d1c5af, #4d4635);
+    --md-sys-color-surface-container-low: light-dark(#fcefd8, #251f11);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
+    --md-sys-color-surface-dim: light-dark(#c3b8a2, #181306);
+    --md-sys-color-surface-tint: light-dark(#9a451f, #ffb598);
+    --md-sys-color-surface-variant: light-dark(#f2e1bb, #51462a);
+    --md-sys-color-tertiary: light-dark(#382a00, #ffeecc);
+    --md-sys-color-tertiary-container: light-dark(#5b4600, #e0bf69);
+    --md-sys-color-tertiary-dim: light-dark(#291e00, #ffefcf);
+    --md-sys-color-tertiary-fixed: light-dark(#5b4600, #ffdf90);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#403100, #e4c36c);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#8f7426, #8f7426);
+}

package/prebuilt-colors/monochrome/black.css

@@ -0,0 +1,183 @@
+:root {
+    --md-sys-color-background: light-dark(#f9f9f9, #131313);
+    --md-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
+    --md-sys-color-error-container: light-dark(#ffdad6, #93000a);
+    --md-sys-color-error-dim: light-dark(#a80710, #ff554a);
+    --md-sys-color-error-palette-key-color: light-dark(#de3730, #de3730);
+    --md-sys-color-inverse-on-surface: light-dark(#f1f1f1, #303030);
+    --md-sys-color-inverse-primary: light-dark(#c6c6c6, #5e5e5e);
+    --md-sys-color-inverse-surface: light-dark(#303030, #e2e2e2);
+    --md-sys-color-neutral-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-on-background: light-dark(#1b1b1b, #e2e2e2);
+    --md-sys-color-on-error: light-dark(#ffffff, #690005);
+    --md-sys-color-on-error-container: light-dark(#410002, #ffdad6);
+    --md-sys-color-on-primary: light-dark(#e2e2e2, #1b1b1b);
+    --md-sys-color-on-primary-container: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-fixed: light-dark(#ffffff, #ffffff);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#e2e2e2, #e2e2e2);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #1b1b1b);
+    --md-sys-color-on-secondary-container: light-dark(#1b1b1b, #e2e2e2);
+    --md-sys-color-on-secondary-fixed: light-dark(#1b1b1b, #1b1b1b);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#3b3b3b, #3b3b3b);
+    --md-sys-color-on-surface: light-dark(#1b1b1b, #e2e2e2);
+    --md-sys-color-on-surface-variant: light-dark(#474747, #c6c6c6);
+    --md-sys-color-on-tertiary: light-dark(#e2e2e2, #1b1b1b);
+    --md-sys-color-on-tertiary-container: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-fixed: light-dark(#ffffff, #ffffff);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#e2e2e2, #e2e2e2);
+    --md-sys-color-outline: light-dark(#777777, #919191);
+    --md-sys-color-outline-variant: light-dark(#c6c6c6, #474747);
+    --md-sys-color-primary: light-dark(#000000, #ffffff);
+    --md-sys-color-primary-container: light-dark(#3b3b3b, #d4d4d4);
+    --md-sys-color-primary-dim: light-dark(#000000, #f1f1f1);
+    --md-sys-color-primary-fixed: light-dark(#5e5e5e, #5e5e5e);
+    --md-sys-color-primary-fixed-dim: light-dark(#474747, #474747);
+    --md-sys-color-primary-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#5e5e5e, #c6c6c6);
+    --md-sys-color-secondary-container: light-dark(#d4d4d4, #474747);
+    --md-sys-color-secondary-dim: light-dark(#525252, #e2e2e2);
+    --md-sys-color-secondary-fixed: light-dark(#c6c6c6, #c6c6c6);
+    --md-sys-color-secondary-fixed-dim: light-dark(#ababab, #ababab);
+    --md-sys-color-secondary-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#f9f9f9, #131313);
+    --md-sys-color-surface-bright: light-dark(#f9f9f9, #393939);
+    --md-sys-color-surface-container: light-dark(#eeeeee, #1f1f1f);
+    --md-sys-color-surface-container-high: light-dark(#e8e8e8, #2a2a2a);
+    --md-sys-color-surface-container-highest: light-dark(#e2e2e2, #353535);
+    --md-sys-color-surface-container-low: light-dark(#f3f3f3, #1b1b1b);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #0e0e0e);
+    --md-sys-color-surface-dim: light-dark(#dadada, #131313);
+    --md-sys-color-surface-tint: light-dark(#5e5e5e, #c6c6c6);
+    --md-sys-color-surface-variant: light-dark(#e2e2e2, #474747);
+    --md-sys-color-tertiary: light-dark(#3b3b3b, #e2e2e2);
+    --md-sys-color-tertiary-container: light-dark(#747474, #919191);
+    --md-sys-color-tertiary-dim: light-dark(#303030, #f1f1f1);
+    --md-sys-color-tertiary-fixed: light-dark(#5e5e5e, #5e5e5e);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#474747, #474747);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#777777, #777777);
+}
+:root[low-contrast] {
+    --md-sys-color-background: light-dark(#f9f9f9, #131313);
+    --md-sys-color-error: light-dark(#da342e, #ff5449);
+    --md-sys-color-error-container: light-dark(#ffcdc7, #7b0007);
+    --md-sys-color-error-dim: light-dark(#c82623, #ff554a);
+    --md-sys-color-error-palette-key-color: light-dark(#de3730, #de3730);
+    --md-sys-color-inverse-on-surface: light-dark(#989898, #646464);
+    --md-sys-color-inverse-primary: light-dark(#7a7a7a, #808080);
+    --md-sys-color-inverse-surface: light-dark(#303030, #e2e2e2);
+    --md-sys-color-neutral-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-on-background: light-dark(#909090, #626262);
+    --md-sys-color-on-error: light-dark(#fffbff, #5c0003);
+    --md-sys-color-on-error-container: light-dark(#e23a32, #f0443b);
+    --md-sys-color-on-primary: light-dark(#fcfcfc, #2a2a2a);
+    --md-sys-color-on-primary-container: light-dark(#7a7a7a, #848484);
+    --md-sys-color-on-primary-fixed: light-dark(#4c4c4c, #c4c4c4);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#666666, #a0a0a0);
+    --md-sys-color-on-secondary: light-dark(#fcfcfc, #2a2a2a);
+    --md-sys-color-on-secondary-container: light-dark(#7a7a7a, #848484);
+    --md-sys-color-on-secondary-fixed: light-dark(#4c4c4c, #c4c4c4);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#666666, #a0a0a0);
+    --md-sys-color-on-surface: light-dark(#5f5f5f, #a3a3a3);
+    --md-sys-color-on-surface-variant: light-dark(#7b7b7b, #838383);
+    --md-sys-color-on-tertiary: light-dark(#fcfcfc, #2a2a2a);
+    --md-sys-color-on-tertiary-container: light-dark(#7a7a7a, #848484);
+    --md-sys-color-on-tertiary-fixed: light-dark(#4c4c4c, #c4c4c4);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#666666, #a0a0a0);
+    --md-sys-color-outline: light-dark(#b2b2b2, #545454);
+    --md-sys-color-outline-variant: light-dark(#d9d9d9, #3a3a3a);
+    --md-sys-color-primary: light-dark(#747474, #919191);
+    --md-sys-color-primary-container: light-dark(#d9d9d9, #3a3a3a);
+    --md-sys-color-primary-dim: light-dark(#686868, #919191);
+    --md-sys-color-primary-fixed: light-dark(#d9d9d9, #515151);
+    --md-sys-color-primary-fixed-dim: light-dark(#bdbdbd, #3a3a3a);
+    --md-sys-color-primary-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#747474, #919191);
+    --md-sys-color-secondary-container: light-dark(#d9d9d9, #3a3a3a);
+    --md-sys-color-secondary-dim: light-dark(#686868, #919191);
+    --md-sys-color-secondary-fixed: light-dark(#d9d9d9, #515151);
+    --md-sys-color-secondary-fixed-dim: light-dark(#bdbdbd, #3a3a3a);
+    --md-sys-color-secondary-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#f9f9f9, #131313);
+    --md-sys-color-surface-bright: light-dark(#f9f9f9, #393939);
+    --md-sys-color-surface-container: light-dark(#eeeeee, #1f1f1f);
+    --md-sys-color-surface-container-high: light-dark(#e8e8e8, #2a2a2a);
+    --md-sys-color-surface-container-highest: light-dark(#e2e2e2, #353535);
+    --md-sys-color-surface-container-low: light-dark(#f3f3f3, #1b1b1b);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #0e0e0e);
+    --md-sys-color-surface-dim: light-dark(#dadada, #131313);
+    --md-sys-color-surface-tint: light-dark(#5e5e5e, #c6c6c6);
+    --md-sys-color-surface-variant: light-dark(#e2e2e2, #474747);
+    --md-sys-color-tertiary: light-dark(#747474, #919191);
+    --md-sys-color-tertiary-container: light-dark(#d9d9d9, #3a3a3a);
+    --md-sys-color-tertiary-dim: light-dark(#686868, #919191);
+    --md-sys-color-tertiary-fixed: light-dark(#d9d9d9, #515151);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#bdbdbd, #3a3a3a);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#777777, #777777);
+}
+:root[high-contrast] {
+    --md-sys-color-background: light-dark(#f9f9f9, #131313);
+    --md-sys-color-error: light-dark(#600004, #ffece9);
+    --md-sys-color-error-container: light-dark(#98000a, #ffaea4);
+    --md-sys-color-error-dim: light-dark(#480002, #ffedea);
+    --md-sys-color-error-palette-key-color: light-dark(#de3730, #de3730);
+    --md-sys-color-inverse-on-surface: light-dark(#ffffff, #000000);
+    --md-sys-color-inverse-primary: light-dark(#c6c6c6, #484848);
+    --md-sys-color-inverse-surface: light-dark(#303030, #e2e2e2);
+    --md-sys-color-neutral-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-on-background: light-dark(#1b1b1b, #e2e2e2);
+    --md-sys-color-on-error: light-dark(#ffffff, #000000);
+    --md-sys-color-on-error-container: light-dark(#ffffff, #220001);
+    --md-sys-color-on-primary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-container: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#ffffff, #0b0b0b);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-container: light-dark(#ffffff, #0b0b0b);
+    --md-sys-color-on-secondary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#ffffff, #0b0b0b);
+    --md-sys-color-on-surface: light-dark(#000000, #ffffff);
+    --md-sys-color-on-surface-variant: light-dark(#000000, #ffffff);
+    --md-sys-color-on-tertiary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-container: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#ffffff, #0b0b0b);
+    --md-sys-color-outline: light-dark(#2c2c2c, #f0f0f0);
+    --md-sys-color-outline-variant: light-dark(#494949, #c2c2c2);
+    --md-sys-color-primary: light-dark(#000000, #ffffff);
+    --md-sys-color-primary-container: light-dark(#3b3b3b, #d4d4d4);
+    --md-sys-color-primary-dim: light-dark(#000000, #f1f1f1);
+    --md-sys-color-primary-fixed: light-dark(#494949, #dedede);
+    --md-sys-color-primary-fixed-dim: light-dark(#333333, #c2c2c2);
+    --md-sys-color-primary-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#2c2c2c, #f0f0f0);
+    --md-sys-color-secondary-container: light-dark(#494949, #c2c2c2);
+    --md-sys-color-secondary-dim: light-dark(#1f1f1f, #f1f1f1);
+    --md-sys-color-secondary-fixed: light-dark(#494949, #dedede);
+    --md-sys-color-secondary-fixed-dim: light-dark(#333333, #c2c2c2);
+    --md-sys-color-secondary-palette-key-color: light-dark(#777777, #777777);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#f9f9f9, #131313);
+    --md-sys-color-surface-bright: light-dark(#f9f9f9, #505050);
+    --md-sys-color-surface-container: light-dark(#e2e2e2, #303030);
+    --md-sys-color-surface-container-high: light-dark(#d4d4d4, #3b3b3b);
+    --md-sys-color-surface-container-highest: light-dark(#c6c6c6, #474747);
+    --md-sys-color-surface-container-low: light-dark(#f1f1f1, #1f1f1f);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
+    --md-sys-color-surface-dim: light-dark(#b9b9b9, #131313);
+    --md-sys-color-surface-tint: light-dark(#5e5e5e, #c6c6c6);
+    --md-sys-color-surface-variant: light-dark(#e2e2e2, #474747);
+    --md-sys-color-tertiary: light-dark(#2c2c2c, #f0f0f0);
+    --md-sys-color-tertiary-container: light-dark(#494949, #c2c2c2);
+    --md-sys-color-tertiary-dim: light-dark(#1f1f1f, #f1f1f1);
+    --md-sys-color-tertiary-fixed: light-dark(#494949, #dedede);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#333333, #c2c2c2);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#777777, #777777);
+}

package/prebuilt-colors/neutral/h0-2021.css

@@ -0,0 +1,183 @@
+:root {
+    --md-sys-color-background: light-dark(#fff8f8, #151313);
+    --md-sys-color-error: light-dark(#ba1a1a, #ffb4ab);
+    --md-sys-color-error-container: light-dark(#ffdad6, #93000a);
+    --md-sys-color-error-dim: light-dark(#a80710, #ff554a);
+    --md-sys-color-error-palette-key-color: light-dark(#de3730, #de3730);
+    --md-sys-color-inverse-on-surface: light-dark(#f7efef, #332f30);
+    --md-sys-color-inverse-primary: light-dark(#dcbfc6, #6f595e);
+    --md-sys-color-inverse-surface: light-dark(#332f30, #e8e1e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7b7676, #7b7676);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#7b7676, #7b7676);
+    --md-sys-color-on-background: light-dark(#1e1b1b, #e8e1e1);
+    --md-sys-color-on-error: light-dark(#ffffff, #690005);
+    --md-sys-color-on-error-container: light-dark(#93000a, #ffdad6);
+    --md-sys-color-on-primary: light-dark(#ffffff, #3e2b31);
+    --md-sys-color-on-primary-container: light-dark(#564147, #f9dbe2);
+    --md-sys-color-on-primary-fixed: light-dark(#27171c, #27171c);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#564147, #564147);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #3a2d30);
+    --md-sys-color-on-secondary-container: light-dark(#514347, #f2dde1);
+    --md-sys-color-on-secondary-fixed: light-dark(#24191c, #24191c);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#514347, #514347);
+    --md-sys-color-on-surface: light-dark(#1e1b1b, #e8e1e1);
+    --md-sys-color-on-surface-variant: light-dark(#4a4646, #ccc5c5);
+    --md-sys-color-on-tertiary: light-dark(#ffffff, #422931);
+    --md-sys-color-on-tertiary-container: light-dark(#5b3f47, #ffd9e2);
+    --md-sys-color-on-tertiary-fixed: light-dark(#2b151c, #2b151c);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#5b3f47, #5b3f47);
+    --md-sys-color-outline: light-dark(#7b7676, #958f90);
+    --md-sys-color-outline-variant: light-dark(#ccc5c5, #4a4646);
+    --md-sys-color-primary: light-dark(#6f595e, #dcbfc6);
+    --md-sys-color-primary-container: light-dark(#f9dbe2, #564147);
+    --md-sys-color-primary-dim: light-dark(#624d52, #ebcdd4);
+    --md-sys-color-primary-fixed: light-dark(#f9dbe2, #f9dbe2);
+    --md-sys-color-primary-fixed-dim: light-dark(#dcbfc6, #dcbfc6);
+    --md-sys-color-primary-palette-key-color: light-dark(#897177, #897177);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#6a5b5e, #d5c2c6);
+    --md-sys-color-secondary-container: light-dark(#f2dde1, #514347);
+    --md-sys-color-secondary-dim: light-dark(#5d4f52, #e4cfd3);
+    --md-sys-color-secondary-fixed: light-dark(#f2dde1, #f2dde1);
+    --md-sys-color-secondary-fixed-dim: light-dark(#d5c2c6, #d5c2c6);
+    --md-sys-color-secondary-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #151313);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #3c3839);
+    --md-sys-color-surface-container: light-dark(#f4ecec, #221f1f);
+    --md-sys-color-surface-container-high: light-dark(#eee6e7, #2d292a);
+    --md-sys-color-surface-container-highest: light-dark(#e8e1e1, #383434);
+    --md-sys-color-surface-container-low: light-dark(#faf2f2, #1e1b1b);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #100d0e);
+    --md-sys-color-surface-dim: light-dark(#e0d8d9, #151313);
+    --md-sys-color-surface-tint: light-dark(#6f595e, #dcbfc6);
+    --md-sys-color-surface-variant: light-dark(#e8e1e1, #4a4646);
+    --md-sys-color-tertiary: light-dark(#74565f, #e3bdc6);
+    --md-sys-color-tertiary-container: light-dark(#ffd9e2, #5b3f47);
+    --md-sys-color-tertiary-dim: light-dark(#674b53, #f7d0da);
+    --md-sys-color-tertiary-fixed: light-dark(#ffd9e2, #ffd9e2);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#e3bdc6, #e3bdc6);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#8f6f77, #8f6f77);
+}
+:root[low-contrast] {
+    --md-sys-color-background: light-dark(#fff8f8, #151313);
+    --md-sys-color-error: light-dark(#da342e, #ff5449);
+    --md-sys-color-error-container: light-dark(#ffcdc7, #7b0007);
+    --md-sys-color-error-dim: light-dark(#c82623, #ff554a);
+    --md-sys-color-error-palette-key-color: light-dark(#de3730, #de3730);
+    --md-sys-color-inverse-on-surface: light-dark(#9d9797, #686364);
+    --md-sys-color-inverse-primary: light-dark(#8c7379, #937a80);
+    --md-sys-color-inverse-surface: light-dark(#332f30, #e8e1e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7b7676, #7b7676);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#7b7676, #7b7676);
+    --md-sys-color-on-background: light-dark(#948f8f, #666162);
+    --md-sys-color-on-error: light-dark(#fffbff, #5c0003);
+    --md-sys-color-on-error-container: light-dark(#e23a32, #f0443b);
+    --md-sys-color-on-primary: light-dark(#fffbff, #37252a);
+    --md-sys-color-on-primary-container: light-dark(#8c747a, #977e84);
+    --md-sys-color-on-primary-fixed: light-dark(#5c474c, #d9bdc3);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#776066, #b499a0);
+    --md-sys-color-on-secondary: light-dark(#fffbff, #33272a);
+    --md-sys-color-on-secondary-container: light-dark(#867679, #918084);
+    --md-sys-color-on-secondary-fixed: light-dark(#57494c, #d3bfc3);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#726266, #ae9c9f);
+    --md-sys-color-on-surface: light-dark(#635e5e, #a8a1a2);
+    --md-sys-color-on-surface-variant: light-dark(#7f797a, #878282);
+    --md-sys-color-on-tertiary: light-dark(#fffbff, #3b232a);
+    --md-sys-color-on-tertiary-container: light-dark(#92717a, #9c7b84);
+    --md-sys-color-on-tertiary-fixed: light-dark(#60454c, #e0bac4);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#7d5e66, #ba97a0);
+    --md-sys-color-outline: light-dark(#b7b0b1, #575353);
+    --md-sys-color-outline-variant: light-dark(#dfd7d7, #3d393a);
+    --md-sys-color-primary: light-dark(#866e74, #a48a90);
+    --md-sys-color-primary-container: light-dark(#efd2d8, #48353a);
+    --md-sys-color-primary-dim: light-dark(#796268, #a48b91);
+    --md-sys-color-primary-fixed: light-dark(#efd2d8, #614b51);
+    --md-sys-color-primary-fixed-dim: light-dark(#d2b6bd, #48353a);
+    --md-sys-color-primary-palette-key-color: light-dark(#897177, #897177);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#817074, #9e8c90);
+    --md-sys-color-secondary-container: light-dark(#e8d4d8, #44373a);
+    --md-sys-color-secondary-dim: light-dark(#746467, #9e8d90);
+    --md-sys-color-secondary-fixed: light-dark(#e8d4d8, #5c4d51);
+    --md-sys-color-secondary-fixed-dim: light-dark(#ccb8bc, #44373a);
+    --md-sys-color-secondary-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #151313);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #3c3839);
+    --md-sys-color-surface-container: light-dark(#f4ecec, #221f1f);
+    --md-sys-color-surface-container-high: light-dark(#eee6e7, #2d292a);
+    --md-sys-color-surface-container-highest: light-dark(#e8e1e1, #383434);
+    --md-sys-color-surface-container-low: light-dark(#faf2f2, #1e1b1b);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #100d0e);
+    --md-sys-color-surface-dim: light-dark(#e0d8d9, #151313);
+    --md-sys-color-surface-tint: light-dark(#6f595e, #dcbfc6);
+    --md-sys-color-surface-variant: light-dark(#e8e1e1, #4a4646);
+    --md-sys-color-tertiary: light-dark(#8c6c75, #aa8891);
+    --md-sys-color-tertiary-container: light-dark(#f6cfd8, #4d333a);
+    --md-sys-color-tertiary-dim: light-dark(#7e6068, #aa8891);
+    --md-sys-color-tertiary-fixed: light-dark(#f6cfd8, #664951);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#d9b4bd, #4d333a);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#8f6f77, #8f6f77);
+}
+:root[high-contrast] {
+    --md-sys-color-background: light-dark(#fff8f8, #151313);
+    --md-sys-color-error: light-dark(#600004, #ffece9);
+    --md-sys-color-error-container: light-dark(#98000a, #ffaea4);
+    --md-sys-color-error-dim: light-dark(#480002, #ffedea);
+    --md-sys-color-error-palette-key-color: light-dark(#de3730, #de3730);
+    --md-sys-color-inverse-on-surface: light-dark(#ffffff, #000000);
+    --md-sys-color-inverse-primary: light-dark(#dcbfc6, #574248);
+    --md-sys-color-inverse-surface: light-dark(#332f30, #e8e1e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7b7676, #7b7676);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#7b7676, #7b7676);
+    --md-sys-color-on-background: light-dark(#1e1b1b, #e8e1e1);
+    --md-sys-color-on-error: light-dark(#ffffff, #000000);
+    --md-sys-color-on-error-container: light-dark(#ffffff, #220001);
+    --md-sys-color-on-primary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-container: light-dark(#ffffff, #15070b);
+    --md-sys-color-on-primary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#ffffff, #1c0d11);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-container: light-dark(#ffffff, #12090b);
+    --md-sys-color-on-secondary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#ffffff, #180e11);
+    --md-sys-color-on-surface: light-dark(#000000, #ffffff);
+    --md-sys-color-on-surface-variant: light-dark(#000000, #ffffff);
+    --md-sys-color-on-tertiary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-container: light-dark(#ffffff, #18060c);
+    --md-sys-color-on-tertiary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#ffffff, #1f0b12);
+    --md-sys-color-outline: light-dark(#2f2b2c, #f6eeee);
+    --md-sys-color-outline-variant: light-dark(#4c4849, #c8c1c1);
+    --md-sys-color-primary: light-dark(#39272c, #ffebef);
+    --md-sys-color-primary-container: light-dark(#584449, #d8bbc2);
+    --md-sys-color-primary-dim: light-dark(#2c1b20, #ffecef);
+    --md-sys-color-primary-fixed: light-dark(#584449, #f9dbe2);
+    --md-sys-color-primary-fixed-dim: light-dark(#402e33, #dcbfc6);
+    --md-sys-color-primary-palette-key-color: light-dark(#897177, #897177);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#35292c, #ffebef);
+    --md-sys-color-secondary-container: light-dark(#544649, #d1bec2);
+    --md-sys-color-secondary-dim: light-dark(#281c1f, #ffecef);
+    --md-sys-color-secondary-fixed: light-dark(#544649, #f2dde1);
+    --md-sys-color-secondary-fixed-dim: light-dark(#3c2f33, #d5c2c6);
+    --md-sys-color-secondary-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #151313);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #534f4f);
+    --md-sys-color-surface-container: light-dark(#e8e1e1, #332f30);
+    --md-sys-color-surface-container-high: light-dark(#dad3d3, #3e3a3b);
+    --md-sys-color-surface-container-highest: light-dark(#ccc5c5, #4a4646);
+    --md-sys-color-surface-container-low: light-dark(#f7efef, #221f1f);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
+    --md-sys-color-surface-dim: light-dark(#beb7b7, #151313);
+    --md-sys-color-surface-tint: light-dark(#6f595e, #dcbfc6);
+    --md-sys-color-surface-variant: light-dark(#e8e1e1, #4a4646);
+    --md-sys-color-tertiary: light-dark(#3d252c, #ffebef);
+    --md-sys-color-tertiary-container: light-dark(#5d4249, #dfb9c2);
+    --md-sys-color-tertiary-dim: light-dark(#2f1920, #ffecef);
+    --md-sys-color-tertiary-fixed: light-dark(#5d4249, #ffd9e2);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#452c33, #e3bdc6);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#8f6f77, #8f6f77);
+}