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

package/prebuilt-colors/content/h0c30t20-2021.css

@@ -0,0 +1,183 @@
+:root {
+    --md-sys-color-background: light-dark(#fff8f8, #171213);
+    --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(#faeeef, #352f30);
+    --md-sys-color-inverse-primary: light-dark(#f9b3c8, #854e60);
+    --md-sys-color-inverse-surface: light-dark(#352f30, #ebe0e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7d7576, #7d7576);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-on-background: light-dark(#1f1a1b, #ebe0e1);
+    --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, #4f2132);
+    --md-sys-color-on-primary-container: light-dark(#c6869a, #c6869a);
+    --md-sys-color-on-primary-fixed: light-dark(#360c1d, #360c1d);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#6a3749, #6a3749);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #412a31);
+    --md-sys-color-on-secondary-container: light-dark(#775b63, #d2b0b8);
+    --md-sys-color-on-secondary-fixed: light-dark(#2a151c, #2a151c);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#594047, #594047);
+    --md-sys-color-on-surface: light-dark(#1f1a1b, #ebe0e1);
+    --md-sys-color-on-surface-variant: light-dark(#514347, #d5c2c6);
+    --md-sys-color-on-tertiary: light-dark(#ffffff, #4f2508);
+    --md-sys-color-on-tertiary-container: light-dark(#c98a65, #c98a65);
+    --md-sys-color-on-tertiary-fixed: light-dark(#321200, #321200);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#6a3b1c, #6a3b1c);
+    --md-sys-color-outline: light-dark(#837377, #9d8c90);
+    --md-sys-color-outline-variant: light-dark(#d5c2c6, #514347);
+    --md-sys-color-primary: light-dark(#350c1d, #f9b3c8);
+    --md-sys-color-primary-container: light-dark(#4f2132, #4f2132);
+    --md-sys-color-primary-dim: light-dark(#774254, #fcb6cb);
+    --md-sys-color-primary-fixed: light-dark(#ffd9e2, #ffd9e2);
+    --md-sys-color-primary-fixed-dim: light-dark(#f9b3c8, #f9b3c8);
+    --md-sys-color-primary-palette-key-color: light-dark(#a16679, #a16679);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#73575f, #e1bdc7);
+    --md-sys-color-secondary-container: light-dark(#fbd6e0, #5c424a);
+    --md-sys-color-secondary-dim: light-dark(#664b53, #fbd6e0);
+    --md-sys-color-secondary-fixed: light-dark(#fed9e2, #fed9e2);
+    --md-sys-color-secondary-fixed-dim: light-dark(#e1bdc7, #e1bdc7);
+    --md-sys-color-secondary-palette-key-color: light-dark(#8d6f77, #8d6f77);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #171213);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #3e3839);
+    --md-sys-color-surface-container: light-dark(#f7ebec, #241e1f);
+    --md-sys-color-surface-container-high: light-dark(#f1e5e7, #2e282a);
+    --md-sys-color-surface-container-highest: light-dark(#ebe0e1, #393334);
+    --md-sys-color-surface-container-low: light-dark(#fcf1f2, #1f1a1b);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #120d0e);
+    --md-sys-color-surface-dim: light-dark(#e2d7d9, #171213);
+    --md-sys-color-surface-tint: light-dark(#854e60, #f9b3c8);
+    --md-sys-color-surface-variant: light-dark(#f2dee2, #514347);
+    --md-sys-color-tertiary: light-dark(#331200, #fdb78f);
+    --md-sys-color-tertiary-container: light-dark(#4f2508, #4f2508);
+    --md-sys-color-tertiary-dim: light-dark(#784627, #fdb78f);
+    --md-sys-color-tertiary-fixed: light-dark(#ffdbc9, #ffdbc9);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#fdb78f, #fdb78f);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#4f2508, #4f2508);
+}
+:root[low-contrast] {
+    --md-sys-color-background: light-dark(#fff8f8, #171213);
+    --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(#9f9697, #6a6264);
+    --md-sys-color-inverse-primary: light-dark(#a4697b, #ab6f82);
+    --md-sys-color-inverse-surface: light-dark(#352f30, #ebe0e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7d7576, #7d7576);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-on-background: light-dark(#978e8f, #686062);
+    --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, #471a2b);
+    --md-sys-color-on-primary-container: light-dark(#a4697c, #af7386);
+    --md-sys-color-on-primary-fixed: light-dark(#703c4e, #f6b1c6);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#8e5668, #cf8ea2);
+    --md-sys-color-on-secondary: light-dark(#fffbff, #3a232a);
+    --md-sys-color-on-secondary-container: light-dark(#90727a, #9b7c84);
+    --md-sys-color-on-secondary-fixed: light-dark(#5f454d, #debbc4);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#7b5f67, #b898a0);
+    --md-sys-color-on-surface: light-dark(#655d5f, #aaa1a2);
+    --md-sys-color-on-surface-variant: light-dark(#87777a, #8f7f83);
+    --md-sys-color-on-tertiary: light-dark(#fffbff, #471e03);
+    --md-sys-color-on-tertiary-container: light-dark(#a66c4a, #b27653);
+    --md-sys-color-on-tertiary-fixed: light-dark(#714021, #fab58d);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#8f5938, #d2916c);
+    --md-sys-color-outline: light-dark(#c0adb1, #5f5054);
+    --md-sys-color-outline-variant: light-dark(#e8d4d8, #43373a);
+    --md-sys-color-primary: light-dark(#9e6376, #bd7f92);
+    --md-sys-color-primary-container: light-dark(#ffcbda, #5b2b3c);
+    --md-sys-color-primary-dim: light-dark(#90576a, #be7f93);
+    --md-sys-color-primary-fixed: light-dark(#ffcbda, #754153);
+    --md-sys-color-primary-fixed-dim: light-dark(#efaabf, #5b2b3c);
+    --md-sys-color-primary-palette-key-color: light-dark(#a16679, #a16679);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#8a6d75, #a88891);
+    --md-sys-color-secondary-container: light-dark(#f4d0d9, #4b333b);
+    --md-sys-color-secondary-dim: light-dark(#7d6068, #a98991);
+    --md-sys-color-secondary-fixed: light-dark(#f4d0d9, #644a51);
+    --md-sys-color-secondary-fixed-dim: light-dark(#d7b4bd, #4b333b);
+    --md-sys-color-secondary-palette-key-color: light-dark(#8d6f77, #8d6f77);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #171213);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #3e3839);
+    --md-sys-color-surface-container: light-dark(#f7ebec, #241e1f);
+    --md-sys-color-surface-container-high: light-dark(#f1e5e7, #2e282a);
+    --md-sys-color-surface-container-highest: light-dark(#ebe0e1, #393334);
+    --md-sys-color-surface-container-low: light-dark(#fcf1f2, #1f1a1b);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #120d0e);
+    --md-sys-color-surface-dim: light-dark(#e2d7d9, #171213);
+    --md-sys-color-surface-tint: light-dark(#854e60, #f9b3c8);
+    --md-sys-color-surface-variant: light-dark(#f2dee2, #514347);
+    --md-sys-color-tertiary: light-dark(#a06745, #c0825e);
+    --md-sys-color-tertiary-container: light-dark(#ffcfb5, #5b2e11);
+    --md-sys-color-tertiary-dim: light-dark(#915b3a, #c1835f);
+    --md-sys-color-tertiary-fixed: light-dark(#ffcfb5, #764425);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#f2ae87, #5b2e11);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#4f2508, #4f2508);
+}
+:root[high-contrast] {
+    --md-sys-color-background: light-dark(#fff8f8, #171213);
+    --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(#f9b3c8, #6b384a);
+    --md-sys-color-inverse-surface: light-dark(#352f30, #ebe0e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7d7576, #7d7576);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-on-background: light-dark(#1f1a1b, #ebe0e1);
+    --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(#ffe6eb, #20000d);
+    --md-sys-color-on-primary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#ffffff, #280313);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-container: light-dark(#ffffff, #17060c);
+    --md-sys-color-on-secondary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#ffffff, #1e0b12);
+    --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(#ffe8dc, #190600);
+    --md-sys-color-on-tertiary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#ffffff, #220a00);
+    --md-sys-color-outline: light-dark(#35292c, #ffebef);
+    --md-sys-color-outline-variant: light-dark(#534649, #d1bec2);
+    --md-sys-color-primary: light-dark(#350c1d, #ffebef);
+    --md-sys-color-primary-container: light-dark(#4f2132, #f5b0c4);
+    --md-sys-color-primary-dim: light-dark(#3a1021, #ffecf0);
+    --md-sys-color-primary-fixed: light-dark(#6c394b, #ffd9e2);
+    --md-sys-color-primary-fixed-dim: light-dark(#522334, #f9b3c8);
+    --md-sys-color-primary-palette-key-color: light-dark(#a16679, #a16679);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#3c262d, #ffebef);
+    --md-sys-color-secondary-container: light-dark(#5c424a, #ddbac3);
+    --md-sys-color-secondary-dim: light-dark(#2e1920, #ffecf0);
+    --md-sys-color-secondary-fixed: light-dark(#5c424a, #fed9e2);
+    --md-sys-color-secondary-fixed-dim: light-dark(#432c33, #e1bdc7);
+    --md-sys-color-secondary-palette-key-color: light-dark(#8d6f77, #8d6f77);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #171213);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #554e50);
+    --md-sys-color-surface-container: light-dark(#ebe0e1, #352f30);
+    --md-sys-color-surface-container-high: light-dark(#ddd2d3, #403a3b);
+    --md-sys-color-surface-container-highest: light-dark(#cec4c5, #4c4546);
+    --md-sys-color-surface-container-low: light-dark(#faeeef, #241e1f);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
+    --md-sys-color-surface-dim: light-dark(#c0b6b8, #171213);
+    --md-sys-color-surface-tint: light-dark(#854e60, #f9b3c8);
+    --md-sys-color-surface-variant: light-dark(#f2dee2, #514347);
+    --md-sys-color-tertiary: light-dark(#331200, #ffece4);
+    --md-sys-color-tertiary-container: light-dark(#4f2508, #f8b38c);
+    --md-sys-color-tertiary-dim: light-dark(#381500, #ffede5);
+    --md-sys-color-tertiary-fixed: light-dark(#6d3d1e, #ffdbc9);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#52270a, #fdb78f);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#4f2508, #4f2508);
+}

package/prebuilt-colors/content/h0c30t20-2025.css

@@ -0,0 +1,183 @@
+:root {
+    --md-sys-color-background: light-dark(#fff8f8, #171213);
+    --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(#faeeef, #352f30);
+    --md-sys-color-inverse-primary: light-dark(#f9b3c8, #854e60);
+    --md-sys-color-inverse-surface: light-dark(#352f30, #ebe0e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7d7576, #7d7576);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-on-background: light-dark(#1f1a1b, #ebe0e1);
+    --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, #4f2132);
+    --md-sys-color-on-primary-container: light-dark(#c6869a, #c6869a);
+    --md-sys-color-on-primary-fixed: light-dark(#360c1d, #360c1d);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#6a3749, #6a3749);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #412a31);
+    --md-sys-color-on-secondary-container: light-dark(#775b63, #d2b0b8);
+    --md-sys-color-on-secondary-fixed: light-dark(#2a151c, #2a151c);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#594047, #594047);
+    --md-sys-color-on-surface: light-dark(#1f1a1b, #ebe0e1);
+    --md-sys-color-on-surface-variant: light-dark(#514347, #d5c2c6);
+    --md-sys-color-on-tertiary: light-dark(#ffffff, #4f2508);
+    --md-sys-color-on-tertiary-container: light-dark(#c98a65, #c98a65);
+    --md-sys-color-on-tertiary-fixed: light-dark(#321200, #321200);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#6a3b1c, #6a3b1c);
+    --md-sys-color-outline: light-dark(#837377, #9d8c90);
+    --md-sys-color-outline-variant: light-dark(#d5c2c6, #514347);
+    --md-sys-color-primary: light-dark(#350c1d, #f9b3c8);
+    --md-sys-color-primary-container: light-dark(#4f2132, #4f2132);
+    --md-sys-color-primary-dim: light-dark(#774254, #fcb6cb);
+    --md-sys-color-primary-fixed: light-dark(#ffd9e2, #ffd9e2);
+    --md-sys-color-primary-fixed-dim: light-dark(#f9b3c8, #f9b3c8);
+    --md-sys-color-primary-palette-key-color: light-dark(#a16679, #a16679);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#73575f, #e1bdc7);
+    --md-sys-color-secondary-container: light-dark(#fbd6e0, #5c424a);
+    --md-sys-color-secondary-dim: light-dark(#664b53, #fbd6e0);
+    --md-sys-color-secondary-fixed: light-dark(#fed9e2, #fed9e2);
+    --md-sys-color-secondary-fixed-dim: light-dark(#e1bdc7, #e1bdc7);
+    --md-sys-color-secondary-palette-key-color: light-dark(#8d6f77, #8d6f77);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #171213);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #3e3839);
+    --md-sys-color-surface-container: light-dark(#f7ebec, #241e1f);
+    --md-sys-color-surface-container-high: light-dark(#f1e5e7, #2e282a);
+    --md-sys-color-surface-container-highest: light-dark(#ebe0e1, #393334);
+    --md-sys-color-surface-container-low: light-dark(#fcf1f2, #1f1a1b);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #120d0e);
+    --md-sys-color-surface-dim: light-dark(#e2d7d9, #171213);
+    --md-sys-color-surface-tint: light-dark(#854e60, #f9b3c8);
+    --md-sys-color-surface-variant: light-dark(#f2dee2, #514347);
+    --md-sys-color-tertiary: light-dark(#331200, #fdb78f);
+    --md-sys-color-tertiary-container: light-dark(#4f2508, #4f2508);
+    --md-sys-color-tertiary-dim: light-dark(#784627, #fdb78f);
+    --md-sys-color-tertiary-fixed: light-dark(#ffdbc9, #ffdbc9);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#fdb78f, #fdb78f);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#4f2508, #4f2508);
+}
+:root[low-contrast] {
+    --md-sys-color-background: light-dark(#fff8f8, #171213);
+    --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(#9f9697, #6a6264);
+    --md-sys-color-inverse-primary: light-dark(#a4697b, #ab6f82);
+    --md-sys-color-inverse-surface: light-dark(#352f30, #ebe0e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7d7576, #7d7576);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-on-background: light-dark(#978e8f, #686062);
+    --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, #471a2b);
+    --md-sys-color-on-primary-container: light-dark(#a4697c, #af7386);
+    --md-sys-color-on-primary-fixed: light-dark(#703c4e, #f6b1c6);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#8e5668, #cf8ea2);
+    --md-sys-color-on-secondary: light-dark(#fffbff, #3a232a);
+    --md-sys-color-on-secondary-container: light-dark(#90727a, #9b7c84);
+    --md-sys-color-on-secondary-fixed: light-dark(#5f454d, #debbc4);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#7b5f67, #b898a0);
+    --md-sys-color-on-surface: light-dark(#655d5f, #aaa1a2);
+    --md-sys-color-on-surface-variant: light-dark(#87777a, #8f7f83);
+    --md-sys-color-on-tertiary: light-dark(#fffbff, #471e03);
+    --md-sys-color-on-tertiary-container: light-dark(#a66c4a, #b27653);
+    --md-sys-color-on-tertiary-fixed: light-dark(#714021, #fab58d);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#8f5938, #d2916c);
+    --md-sys-color-outline: light-dark(#c0adb1, #5f5054);
+    --md-sys-color-outline-variant: light-dark(#e8d4d8, #43373a);
+    --md-sys-color-primary: light-dark(#9e6376, #bd7f92);
+    --md-sys-color-primary-container: light-dark(#ffcbda, #5b2b3c);
+    --md-sys-color-primary-dim: light-dark(#90576a, #be7f93);
+    --md-sys-color-primary-fixed: light-dark(#ffcbda, #754153);
+    --md-sys-color-primary-fixed-dim: light-dark(#efaabf, #5b2b3c);
+    --md-sys-color-primary-palette-key-color: light-dark(#a16679, #a16679);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#8a6d75, #a88891);
+    --md-sys-color-secondary-container: light-dark(#f4d0d9, #4b333b);
+    --md-sys-color-secondary-dim: light-dark(#7d6068, #a98991);
+    --md-sys-color-secondary-fixed: light-dark(#f4d0d9, #644a51);
+    --md-sys-color-secondary-fixed-dim: light-dark(#d7b4bd, #4b333b);
+    --md-sys-color-secondary-palette-key-color: light-dark(#8d6f77, #8d6f77);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #171213);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #3e3839);
+    --md-sys-color-surface-container: light-dark(#f7ebec, #241e1f);
+    --md-sys-color-surface-container-high: light-dark(#f1e5e7, #2e282a);
+    --md-sys-color-surface-container-highest: light-dark(#ebe0e1, #393334);
+    --md-sys-color-surface-container-low: light-dark(#fcf1f2, #1f1a1b);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #120d0e);
+    --md-sys-color-surface-dim: light-dark(#e2d7d9, #171213);
+    --md-sys-color-surface-tint: light-dark(#854e60, #f9b3c8);
+    --md-sys-color-surface-variant: light-dark(#f2dee2, #514347);
+    --md-sys-color-tertiary: light-dark(#a06745, #c0825e);
+    --md-sys-color-tertiary-container: light-dark(#ffcfb5, #5b2e11);
+    --md-sys-color-tertiary-dim: light-dark(#915b3a, #c1835f);
+    --md-sys-color-tertiary-fixed: light-dark(#ffcfb5, #764425);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#f2ae87, #5b2e11);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#4f2508, #4f2508);
+}
+:root[high-contrast] {
+    --md-sys-color-background: light-dark(#fff8f8, #171213);
+    --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(#f9b3c8, #6b384a);
+    --md-sys-color-inverse-surface: light-dark(#352f30, #ebe0e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7d7576, #7d7576);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-on-background: light-dark(#1f1a1b, #ebe0e1);
+    --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(#ffe6eb, #20000d);
+    --md-sys-color-on-primary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#ffffff, #280313);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-container: light-dark(#ffffff, #17060c);
+    --md-sys-color-on-secondary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#ffffff, #1e0b12);
+    --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(#ffe8dc, #190600);
+    --md-sys-color-on-tertiary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#ffffff, #220a00);
+    --md-sys-color-outline: light-dark(#35292c, #ffebef);
+    --md-sys-color-outline-variant: light-dark(#534649, #d1bec2);
+    --md-sys-color-primary: light-dark(#350c1d, #ffebef);
+    --md-sys-color-primary-container: light-dark(#4f2132, #f5b0c4);
+    --md-sys-color-primary-dim: light-dark(#3a1021, #ffecf0);
+    --md-sys-color-primary-fixed: light-dark(#6c394b, #ffd9e2);
+    --md-sys-color-primary-fixed-dim: light-dark(#522334, #f9b3c8);
+    --md-sys-color-primary-palette-key-color: light-dark(#a16679, #a16679);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#3c262d, #ffebef);
+    --md-sys-color-secondary-container: light-dark(#5c424a, #ddbac3);
+    --md-sys-color-secondary-dim: light-dark(#2e1920, #ffecf0);
+    --md-sys-color-secondary-fixed: light-dark(#5c424a, #fed9e2);
+    --md-sys-color-secondary-fixed-dim: light-dark(#432c33, #e1bdc7);
+    --md-sys-color-secondary-palette-key-color: light-dark(#8d6f77, #8d6f77);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #171213);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #554e50);
+    --md-sys-color-surface-container: light-dark(#ebe0e1, #352f30);
+    --md-sys-color-surface-container-high: light-dark(#ddd2d3, #403a3b);
+    --md-sys-color-surface-container-highest: light-dark(#cec4c5, #4c4546);
+    --md-sys-color-surface-container-low: light-dark(#faeeef, #241e1f);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
+    --md-sys-color-surface-dim: light-dark(#c0b6b8, #171213);
+    --md-sys-color-surface-tint: light-dark(#854e60, #f9b3c8);
+    --md-sys-color-surface-variant: light-dark(#f2dee2, #514347);
+    --md-sys-color-tertiary: light-dark(#331200, #ffece4);
+    --md-sys-color-tertiary-container: light-dark(#4f2508, #f8b38c);
+    --md-sys-color-tertiary-dim: light-dark(#381500, #ffede5);
+    --md-sys-color-tertiary-fixed: light-dark(#6d3d1e, #ffdbc9);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#52270a, #fdb78f);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#4f2508, #4f2508);
+}

package/prebuilt-colors/content/h0c30t50-2021.css

@@ -0,0 +1,183 @@
+:root {
+    --md-sys-color-background: light-dark(#fff8f8, #171213);
+    --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(#faeeef, #352f30);
+    --md-sys-color-inverse-primary: light-dark(#f9b3c7, #854e5f);
+    --md-sys-color-inverse-surface: light-dark(#352f30, #ebe0e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7d7576, #7d7576);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-on-background: light-dark(#201a1b, #ebe0e1);
+    --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, #4f2131);
+    --md-sys-color-on-primary-container: light-dark(#fffbff, #140006);
+    --md-sys-color-on-primary-fixed: light-dark(#360c1c, #360c1c);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#6a3748, #6a3748);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #412a31);
+    --md-sys-color-on-secondary-container: light-dark(#775b63, #d2b0b8);
+    --md-sys-color-on-secondary-fixed: light-dark(#2a151c, #2a151c);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#594047, #594047);
+    --md-sys-color-on-surface: light-dark(#201a1b, #ebe0e1);
+    --md-sys-color-on-surface-variant: light-dark(#514346, #d5c2c5);
+    --md-sys-color-on-tertiary: light-dark(#ffffff, #4d2602);
+    --md-sys-color-on-tertiary-container: light-dark(#0c0300, #0c0300);
+    --md-sys-color-on-tertiary-fixed: light-dark(#2f1400, #2f1400);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#683c16, #683c16);
+    --md-sys-color-outline: light-dark(#837377, #9d8c90);
+    --md-sys-color-outline-variant: light-dark(#d5c2c5, #514346);
+    --md-sys-color-primary: light-dark(#824c5d, #f9b3c7);
+    --md-sys-color-primary-container: light-dark(#9e6475, #be7f92);
+    --md-sys-color-primary-dim: light-dark(#774253, #fcb6ca);
+    --md-sys-color-primary-fixed: light-dark(#ffd9e2, #ffd9e2);
+    --md-sys-color-primary-fixed-dim: light-dark(#f9b3c7, #f9b3c7);
+    --md-sys-color-primary-palette-key-color: light-dark(#a16678, #a16678);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#73575e, #e1bdc6);
+    --md-sys-color-secondary-container: light-dark(#fbd6df, #5c4249);
+    --md-sys-color-secondary-dim: light-dark(#664b53, #fbd6df);
+    --md-sys-color-secondary-fixed: light-dark(#fed9e2, #fed9e2);
+    --md-sys-color-secondary-fixed-dim: light-dark(#e1bdc6, #e1bdc6);
+    --md-sys-color-secondary-palette-key-color: light-dark(#8d6f77, #8d6f77);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #171213);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #3e3839);
+    --md-sys-color-surface-container: light-dark(#f7ebec, #241e1f);
+    --md-sys-color-surface-container-high: light-dark(#f1e5e7, #2e282a);
+    --md-sys-color-surface-container-highest: light-dark(#ebe0e1, #393334);
+    --md-sys-color-surface-container-low: light-dark(#fdf1f2, #201a1b);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #120d0e);
+    --md-sys-color-surface-dim: light-dark(#e2d7d9, #171213);
+    --md-sys-color-surface-tint: light-dark(#854e5f, #f9b3c7);
+    --md-sys-color-surface-variant: light-dark(#f2dee1, #514346);
+    --md-sys-color-tertiary: light-dark(#84532b, #f9b989);
+    --md-sys-color-tertiary-container: light-dark(#a06b41, #a06b41);
+    --md-sys-color-tertiary-dim: light-dark(#764721, #fdbc8b);
+    --md-sys-color-tertiary-fixed: light-dark(#ffdcc4, #ffdcc4);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#f9b989, #f9b989);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#a06b41, #a06b41);
+}
+:root[low-contrast] {
+    --md-sys-color-background: light-dark(#fff8f8, #171213);
+    --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(#9f9697, #6a6264);
+    --md-sys-color-inverse-primary: light-dark(#a4697b, #ac6f81);
+    --md-sys-color-inverse-surface: light-dark(#352f30, #ebe0e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7d7576, #7d7576);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-on-background: light-dark(#978e8f, #686062);
+    --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, #471b2b);
+    --md-sys-color-on-primary-container: light-dark(#a4697b, #b07385);
+    --md-sys-color-on-primary-fixed: light-dark(#703c4d, #f6b1c5);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#8e5667, #cf8ea1);
+    --md-sys-color-on-secondary: light-dark(#fffbff, #3a232a);
+    --md-sys-color-on-secondary-container: light-dark(#90727a, #9b7c84);
+    --md-sys-color-on-secondary-fixed: light-dark(#5f454c, #debbc4);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#7b5f66, #b998a0);
+    --md-sys-color-on-surface: light-dark(#655d5e, #aaa0a2);
+    --md-sys-color-on-surface-variant: light-dark(#87777a, #8f7f83);
+    --md-sys-color-on-tertiary: light-dark(#fffbff, #442000);
+    --md-sys-color-on-tertiary-container: light-dark(#a36e44, #af784d);
+    --md-sys-color-on-tertiary-fixed: light-dark(#6e411b, #f7b686);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#8d5b32, #cf9366);
+    --md-sys-color-outline: light-dark(#c0adb1, #5f5054);
+    --md-sys-color-outline-variant: light-dark(#e8d4d8, #44373a);
+    --md-sys-color-primary: light-dark(#9e6475, #be7f92);
+    --md-sys-color-primary-container: light-dark(#ffcbd9, #5b2b3b);
+    --md-sys-color-primary-dim: light-dark(#905769, #be7f92);
+    --md-sys-color-primary-fixed: light-dark(#ffcbd9, #764152);
+    --md-sys-color-primary-fixed-dim: light-dark(#efaabe, #5b2b3b);
+    --md-sys-color-primary-palette-key-color: light-dark(#a16678, #a16678);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#8a6d74, #a88891);
+    --md-sys-color-secondary-container: light-dark(#f4d0d8, #4c333a);
+    --md-sys-color-secondary-dim: light-dark(#7d6068, #a98991);
+    --md-sys-color-secondary-fixed: light-dark(#f4d0d8, #644a51);
+    --md-sys-color-secondary-fixed-dim: light-dark(#d7b4bd, #4c333a);
+    --md-sys-color-secondary-palette-key-color: light-dark(#8d6f77, #8d6f77);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #171213);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #3e3839);
+    --md-sys-color-surface-container: light-dark(#f7ebec, #241e1f);
+    --md-sys-color-surface-container-high: light-dark(#f1e5e7, #2e282a);
+    --md-sys-color-surface-container-highest: light-dark(#ebe0e1, #393334);
+    --md-sys-color-surface-container-low: light-dark(#fdf1f2, #201a1b);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #120d0e);
+    --md-sys-color-surface-dim: light-dark(#e2d7d9, #171213);
+    --md-sys-color-surface-tint: light-dark(#854e5f, #f9b3c7);
+    --md-sys-color-surface-variant: light-dark(#f2dee1, #514346);
+    --md-sys-color-tertiary: light-dark(#9d693f, #bd8458);
+    --md-sys-color-tertiary-container: light-dark(#ffd0ae, #59300a);
+    --md-sys-color-tertiary-dim: light-dark(#8f5c34, #be8558);
+    --md-sys-color-tertiary-fixed: light-dark(#ffd0ae, #74461f);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#efb080, #59300a);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#a06b41, #a06b41);
+}
+:root[high-contrast] {
+    --md-sys-color-background: light-dark(#fff8f8, #171213);
+    --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(#f9b3c7, #6b3849);
+    --md-sys-color-inverse-surface: light-dark(#352f30, #ebe0e1);
+    --md-sys-color-neutral-palette-key-color: light-dark(#7d7576, #7d7576);
+    --md-sys-color-neutral-variant-palette-key-color: light-dark(#837377, #837377);
+    --md-sys-color-on-background: light-dark(#201a1b, #ebe0e1);
+    --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, #140006);
+    --md-sys-color-on-primary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-primary-fixed-variant: light-dark(#ffffff, #280312);
+    --md-sys-color-on-secondary: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-container: light-dark(#ffffff, #17060c);
+    --md-sys-color-on-secondary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-secondary-fixed-variant: light-dark(#ffffff, #1e0b11);
+    --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, #0c0300);
+    --md-sys-color-on-tertiary-fixed: light-dark(#ffffff, #000000);
+    --md-sys-color-on-tertiary-fixed-variant: light-dark(#ffffff, #200c00);
+    --md-sys-color-outline: light-dark(#35292c, #ffebef);
+    --md-sys-color-outline-variant: light-dark(#534649, #d1bec2);
+    --md-sys-color-primary: light-dark(#4a1d2d, #ffebef);
+    --md-sys-color-primary-container: light-dark(#6c394a, #f5b0c3);
+    --md-sys-color-primary-dim: light-dark(#3a1020, #ffecef);
+    --md-sys-color-primary-fixed: light-dark(#6c394a, #ffd9e2);
+    --md-sys-color-primary-fixed-dim: light-dark(#522334, #f9b3c7);
+    --md-sys-color-primary-palette-key-color: light-dark(#a16678, #a16678);
+    --md-sys-color-scrim: light-dark(#000000, #000000);
+    --md-sys-color-secondary: light-dark(#3c262c, #ffebef);
+    --md-sys-color-secondary-container: light-dark(#5c4249, #ddbac2);
+    --md-sys-color-secondary-dim: light-dark(#2e1920, #ffecef);
+    --md-sys-color-secondary-fixed: light-dark(#5c4249, #fed9e2);
+    --md-sys-color-secondary-fixed-dim: light-dark(#442c33, #e1bdc6);
+    --md-sys-color-secondary-palette-key-color: light-dark(#8d6f77, #8d6f77);
+    --md-sys-color-shadow: light-dark(#000000, #000000);
+    --md-sys-color-surface: light-dark(#fff8f8, #171213);
+    --md-sys-color-surface-bright: light-dark(#fff8f8, #554e50);
+    --md-sys-color-surface-container: light-dark(#ebe0e1, #352f30);
+    --md-sys-color-surface-container-high: light-dark(#ddd2d3, #403a3b);
+    --md-sys-color-surface-container-highest: light-dark(#cfc4c5, #4c4546);
+    --md-sys-color-surface-container-low: light-dark(#faeeef, #241e1f);
+    --md-sys-color-surface-container-lowest: light-dark(#ffffff, #000000);
+    --md-sys-color-surface-dim: light-dark(#c0b6b8, #171213);
+    --md-sys-color-surface-tint: light-dark(#854e5f, #f9b3c7);
+    --md-sys-color-surface-variant: light-dark(#f2dee1, #514346);
+    --md-sys-color-tertiary: light-dark(#482200, #ffece1);
+    --md-sys-color-tertiary-container: light-dark(#6b3e18, #f5b585);
+    --md-sys-color-tertiary-dim: light-dark(#351800, #ffede3);
+    --md-sys-color-tertiary-fixed: light-dark(#6b3e18, #ffdcc4);
+    --md-sys-color-tertiary-fixed-dim: light-dark(#502904, #f9b989);
+    --md-sys-color-tertiary-palette-key-color: light-dark(#a06b41, #a06b41);
+}