mtrl 0.10.3 → 0.10.5

package/src/styles/themes/_baseline.scss

@@ -1,4 +1,5 @@
 // src/styles/themes/_baseline.scss
+// Medium/high contrast: Tonal Spot from seed #6750a4, secondary from #625b71, tertiary from #7d5260.
 // M3's baseline scheme, light and dark: the values of Compose's ColorLightTokens and
 // ColorDarkTokens (the published baseline, primary #6750A4), FLO-315.
 @use "../abstract/base" as *;
@@ -167,3 +168,174 @@
         @include baseline-dark-variables;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("baseline", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #3c2d63,
+            primary-container: #74649f,
+            on-primary-container: #ffffff,
+            secondary: #393347,
+            secondary-container: #716980,
+            on-secondary-container: #ffffff,
+            tertiary: #502b38,
+            tertiary-container: #8d606f,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #74649f,
+            primary-fixed-dim: #5b4c84,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #716980,
+            secondary-fixed-dim: #585167,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #8d606f,
+            tertiary-fixed-dim: #724956,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #fdf7ff,
+            surface-dim: #cac5cc,
+            surface-bright: #fdf7ff,
+            surface-variant: #e7e0eb,
+            surface-container-low: #f8f2fa,
+            surface-container: #ece6ee,
+            surface-container-high: #e1dbe3,
+            surface-container-highest: #d5d0d8,
+            on-surface: #121016,
+            on-surface-variant: #38353d,
+            outline: #54515a,
+            outline-variant: #6f6b75,
+            inverse-primary: #cfbdfe,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #e3d6ff,
+            on-primary: #2b1b52,
+            primary-container: #9887c5,
+            on-primary-container: #000000,
+            secondary: #e2d8f2,
+            on-secondary: #282336,
+            secondary-container: #958da5,
+            on-secondary-container: #000000,
+            tertiary: #ffd0dd,
+            on-tertiary: #3d1b27,
+            tertiary-container: #b48392,
+            on-tertiary-container: #000000,
+            primary-fixed: #e9ddff,
+            primary-fixed-dim: #cfbdfe,
+            on-primary-fixed: #16033d,
+            on-primary-fixed-variant: #3c2d63,
+            secondary-fixed: #e8def9,
+            on-secondary-fixed: #130e20,
+            on-secondary-fixed-variant: #393347,
+            tertiary-fixed: #ffd9e3,
+            tertiary-fixed-dim: #eeb8c8,
+            on-tertiary-fixed: #240713,
+            on-tertiary-fixed-variant: #502b38,
+            surface-bright: #46434a,
+            surface-variant: #49454e,
+            surface-container-lowest: #08070b,
+            surface-container-low: #1f1d22,
+            surface-container: #29272d,
+            surface-container-high: #343138,
+            surface-container-highest: #3f3c43,
+            on-surface: #ffffff,
+            on-surface-variant: #e0dae5,
+            outline: #b5b0bb,
+            outline-variant: #938e99,
+            inverse-on-surface: #2b292f,
+            inverse-primary: #4e3f77,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #312259,
+            primary-container: #4f4078,
+            on-primary-container: #ffffff,
+            secondary: #2f293d,
+            secondary-container: #4c465b,
+            on-secondary-container: #ffffff,
+            tertiary: #44212e,
+            tertiary-container: #653d4b,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #4f4078,
+            primary-fixed-dim: #382960,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #4c465b,
+            secondary-fixed-dim: #353043,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #653d4b,
+            tertiary-fixed-dim: #4c2734,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #fdf7ff,
+            surface-dim: #bcb7bf,
+            surface-bright: #fdf7ff,
+            surface-variant: #e7e0eb,
+            surface-container-low: #f5eff7,
+            surface-container: #e6e0e9,
+            surface-container-high: #d8d2da,
+            surface-container-highest: #cac5cc,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #2e2b33,
+            outline-variant: #4b4851,
+            inverse-on-surface: #ffffff,
+            inverse-primary: #cfbdfe,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #f5edff,
+            on-primary: #000000,
+            primary-container: #cbb9fa,
+            on-primary-container: #0f0033,
+            secondary: #f5edff,
+            on-secondary: #000000,
+            secondary-container: #c8bed8,
+            on-secondary-container: #0d081a,
+            tertiary: #ffebef,
+            on-tertiary: #000000,
+            tertiary-container: #eab4c4,
+            on-tertiary-container: #1d030d,
+            primary-fixed: #e9ddff,
+            primary-fixed-dim: #cfbdfe,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #16033d,
+            secondary-fixed: #e8def9,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #130e20,
+            tertiary-fixed: #ffd9e3,
+            tertiary-fixed-dim: #eeb8c8,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #240713,
+            surface-bright: #524f55,
+            surface-variant: #49454e,
+            surface-container-lowest: #000000,
+            surface-container-low: #211f24,
+            surface-container: #322f35,
+            surface-container-high: #3d3a41,
+            surface-container-highest: #48464c,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #f4eef9,
+            outline-variant: #c6c0cb,
+            inverse-on-surface: #000000,
+            inverse-primary: #4e3f77,
+        ),
+    ),
+));

package/src/styles/themes/_brownbeige.scss

@@ -106,3 +106,153 @@
         --#{$prefix}-sys-color-inverse-primary: #904b3f;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("brownbeige", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #5e241b,
+            primary-container: #a1594c,
+            on-primary-container: #ffffff,
+            secondary: #3b3626,
+            secondary-container: #746c5a,
+            on-secondary-container: #ffffff,
+            tertiary: #443409,
+            tertiary-container: #7f6b3b,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #a1594c,
+            primary-fixed-dim: #844136,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #746c5a,
+            secondary-fixed-dim: #5b5443,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #7f6b3b,
+            tertiary-fixed-dim: #655225,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #d4c3c0,
+            surface-container: #f7e4e1,
+            surface-container-high: #ebd9d6,
+            surface-container-highest: #dfcecb,
+            on-surface: #180f0e,
+            on-surface-variant: #413330,
+            outline: #5f4f4c,
+            outline-variant: #7b6966,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #ffd2ca,
+            on-primary: #48140c,
+            primary-container: #cc7b6d,
+            on-primary-container: #000000,
+            secondary: #e6dbc5,
+            on-secondary: #2a2517,
+            secondary-container: #98907c,
+            on-secondary-container: #000000,
+            tertiary: #f4daa0,
+            on-tertiary: #312400,
+            tertiary-container: #a58e5b,
+            on-tertiary-container: #000000,
+            on-primary-fixed: #2c0200,
+            on-primary-fixed-variant: #5e241b,
+            on-secondary-fixed: #151105,
+            on-secondary-fixed-variant: #3b3626,
+            on-tertiary-fixed: #181000,
+            on-tertiary-fixed-variant: #443409,
+            surface-bright: #4e4240,
+            surface-container-lowest: #0d0605,
+            surface-container-low: #251b1a,
+            surface-container: #302624,
+            surface-container-high: #3b302e,
+            surface-container-highest: #463b39,
+            on-surface: #ffffff,
+            on-surface-variant: #eed7d3,
+            outline: #c2adaa,
+            outline-variant: #a08c89,
+            inverse-on-surface: #322826,
+            inverse-primary: #74352b,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #511a12,
+            primary-container: #76362c,
+            on-primary-container: #ffffff,
+            secondary: #312c1d,
+            secondary-container: #4f4938,
+            on-secondary-container: #ffffff,
+            tertiary: #392a01,
+            tertiary-container: #58471b,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #76362c,
+            primary-fixed-dim: #592018,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #4f4938,
+            secondary-fixed-dim: #383223,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #58471b,
+            tertiary-fixed-dim: #403006,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #c6b5b2,
+            surface-container-low: #ffedea,
+            surface-container: #f1dfdb,
+            surface-container-high: #e2d1cd,
+            surface-container-highest: #d4c3c0,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #372927,
+            outline-variant: #554643,
+            inverse-on-surface: #ffffff,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #ffece8,
+            on-primary: #000000,
+            primary-container: #ffaea0,
+            on-primary-container: #210000,
+            secondary: #faefd8,
+            on-secondary: #000000,
+            secondary-container: #cbc2ac,
+            on-secondary-container: #0f0b02,
+            tertiary: #ffeecf,
+            on-tertiary: #000000,
+            tertiary-container: #d9c089,
+            on-tertiary-container: #110a00,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #2c0200,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #151105,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #181000,
+            surface-bright: #5a4d4b,
+            surface-container-lowest: #000000,
+            surface-container-low: #271d1c,
+            surface-container: #392e2c,
+            surface-container-high: #443937,
+            surface-container-highest: #504442,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #ffece8,
+            outline-variant: #d4beba,
+            inverse-on-surface: #000000,
+            inverse-primary: #74352b,
+        ),
+    ),
+));

package/src/styles/themes/_browngreen.scss

@@ -1,4 +1,5 @@
 // src/styles/themes/_browngreen.scss
+// Medium/high contrast: Tonal Spot from seed #3e2723, secondary from #536e4a, tertiary from #7d5e56.
 // Deprecated in 0.10, removed in 1.0 (FLO-308): use `brownbeige`, its near-duplicate.
 @use "../abstract/base" as *;
 @use "base-theme" as *;
@@ -86,3 +87,185 @@
         @include status-colors-dark();
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("browngreen", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #5e241b,
+            primary-container: #a1594c,
+            on-primary-container: #ffffff,
+            secondary: #233c1d,
+            secondary-container: #597450,
+            on-secondary-container: #ffffff,
+            tertiary: #493029,
+            tertiary-container: #85665e,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #a1594c,
+            primary-fixed-dim: #844136,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #597450,
+            secondary-fixed-dim: #415c39,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #85665e,
+            tertiary-fixed-dim: #6b4e46,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #fff8f6,
+            surface-dim: #d4c3c0,
+            surface-bright: #fff8f6,
+            surface-variant: #f5ddd9,
+            surface-container-low: #fff0ee,
+            surface-container: #f7e4e1,
+            surface-container-high: #ebd9d6,
+            surface-container-highest: #dfcecb,
+            on-surface: #180f0e,
+            on-surface-variant: #413330,
+            outline: #5f4f4c,
+            outline-variant: #7b6966,
+            inverse-surface: #392e2c,
+            inverse-on-surface: #ffedea,
+            inverse-primary: #ffb4a7,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #ffd2ca,
+            on-primary: #48140c,
+            primary-container: #cc7b6d,
+            on-primary-container: #000000,
+            secondary: #c6e5b9,
+            on-secondary: #132b0e,
+            secondary-container: #7c9971,
+            on-secondary-container: #000000,
+            tertiary: #fcd3c9,
+            on-tertiary: #37201a,
+            tertiary-container: #ac8980,
+            on-tertiary-container: #000000,
+            primary-fixed: #ffdad4,
+            primary-fixed-dim: #ffb4a7,
+            on-primary-fixed: #2c0200,
+            on-primary-fixed-variant: #5e241b,
+            secondary-fixed: #ccebbf,
+            secondary-fixed-dim: #b1cfa4,
+            on-secondary-fixed: #011600,
+            on-secondary-fixed-variant: #233c1d,
+            tertiary-fixed: #ffdbd1,
+            tertiary-fixed-dim: #e5beb4,
+            on-tertiary-fixed: #1f0c07,
+            on-tertiary-fixed-variant: #493029,
+            surface: #1a1110,
+            surface-dim: #1a1110,
+            surface-bright: #4e4240,
+            surface-variant: #534340,
+            surface-container-lowest: #0d0605,
+            surface-container-low: #251b1a,
+            surface-container: #302624,
+            surface-container-high: #3b302e,
+            surface-container-highest: #463b39,
+            on-surface: #ffffff,
+            on-surface-variant: #eed7d3,
+            outline: #c2adaa,
+            outline-variant: #a08c89,
+            inverse-surface: #f1dfdb,
+            inverse-on-surface: #322826,
+            inverse-primary: #74352b,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #511a12,
+            primary-container: #76362c,
+            on-primary-container: #ffffff,
+            secondary: #193214,
+            secondary-container: #36502e,
+            on-secondary-container: #ffffff,
+            tertiary: #3e2620,
+            tertiary-container: #5e423b,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #76362c,
+            primary-fixed-dim: #592018,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #36502e,
+            secondary-fixed-dim: #20381a,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #5e423b,
+            tertiary-fixed-dim: #452c26,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface: #fff8f6,
+            surface-dim: #c6b5b2,
+            surface-bright: #fff8f6,
+            surface-variant: #f5ddd9,
+            surface-container-low: #ffedea,
+            surface-container: #f1dfdb,
+            surface-container-high: #e2d1cd,
+            surface-container-highest: #d4c3c0,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #372927,
+            outline-variant: #554643,
+            inverse-surface: #392e2c,
+            inverse-on-surface: #ffffff,
+            inverse-primary: #ffb4a7,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #ffece8,
+            on-primary: #000000,
+            primary-container: #ffaea0,
+            on-primary-container: #210000,
+            secondary: #daf9cc,
+            on-secondary: #000000,
+            secondary-container: #adcba0,
+            on-secondary-container: #000f00,
+            tertiary: #ffece7,
+            on-tertiary: #000000,
+            tertiary-container: #e1bab0,
+            on-tertiary-container: #180603,
+            primary-fixed: #ffdad4,
+            primary-fixed-dim: #ffb4a7,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #2c0200,
+            secondary-fixed: #ccebbf,
+            secondary-fixed-dim: #b1cfa4,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #011600,
+            tertiary-fixed: #ffdbd1,
+            tertiary-fixed-dim: #e5beb4,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #1f0c07,
+            surface: #1a1110,
+            surface-dim: #1a1110,
+            surface-bright: #5a4d4b,
+            surface-variant: #534340,
+            surface-container-lowest: #000000,
+            surface-container-low: #271d1c,
+            surface-container: #392e2c,
+            surface-container-high: #443937,
+            surface-container-highest: #504442,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #ffece8,
+            outline-variant: #d4beba,
+            inverse-surface: #f1dfdb,
+            inverse-on-surface: #000000,
+            inverse-primary: #74352b,
+        ),
+    ),
+));

package/src/styles/themes/_content.scss

@@ -106,3 +106,151 @@
         --#{$prefix}-sys-color-inverse-primary: #6750a4;
     }
 }
+
+// contrast roles: generated, do not edit
+@include create-theme-contrast("content", (
+    medium: (
+        light: (
+            error: #740006,
+            error-container: #cf2c27,
+            on-error-container: #ffffff,
+            primary: #3e2578,
+            on-primary-container: #ffffff,
+            secondary: #3a3151,
+            secondary-container: #72688b,
+            on-secondary-container: #ffffff,
+            tertiary: #61184a,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #765fb4,
+            primary-fixed-dim: #5d4699,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #72688b,
+            secondary-fixed-dim: #595072,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #a35083,
+            tertiary-fixed-dim: #86386a,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #cac5cc,
+            surface-container: #ece6ee,
+            surface-container-high: #e1dbe3,
+            surface-container-highest: #d5d0d8,
+            on-surface: #121016,
+            on-surface-variant: #383440,
+            outline: #55505d,
+            outline-variant: #706b78,
+        ),
+        dark: (
+            error: #ffd2cc,
+            on-error: #540003,
+            error-container: #ff5449,
+            on-error-container: #000000,
+            primary: #e3d6ff,
+            on-primary: #2c1067,
+            primary-container: #9a83db,
+            on-primary-container: #000000,
+            secondary: #e3d6ff,
+            on-secondary: #292140,
+            secondary-container: #968bb1,
+            on-secondary-container: #000000,
+            tertiary: #ffcfe7,
+            on-tertiary: #4c0438,
+            tertiary-container: #cd73a8,
+            on-tertiary-container: #000000,
+            on-primary-fixed: #160042,
+            on-primary-fixed-variant: #3e2578,
+            on-secondary-fixed: #140b2a,
+            on-secondary-fixed-variant: #3a3151,
+            on-tertiary-fixed: #29001d,
+            on-tertiary-fixed-variant: #61184a,
+            surface-bright: #46434a,
+            surface-container-lowest: #08070b,
+            surface-container-low: #1f1d22,
+            surface-container: #29272d,
+            surface-container-high: #343138,
+            surface-container-highest: #3f3c43,
+            on-surface: #ffffff,
+            on-surface-variant: #e1dae8,
+            outline: #b6afbd,
+            outline-variant: #948e9b,
+            inverse-on-surface: #2b292f,
+            inverse-primary: #50398b,
+        ),
+    ),
+    high: (
+        light: (
+            error: #600004,
+            error-container: #98000a,
+            on-error-container: #ffffff,
+            primary: #33196e,
+            primary-container: #513a8d,
+            on-primary-container: #ffffff,
+            secondary: #302747,
+            secondary-container: #4d4465,
+            on-secondary-container: #ffffff,
+            tertiary: #540c3f,
+            tertiary-container: #782d5e,
+            on-tertiary-container: #ffffff,
+            primary-fixed: #513a8d,
+            primary-fixed-dim: #3a2174,
+            on-primary-fixed: #ffffff,
+            on-primary-fixed-variant: #ffffff,
+            secondary-fixed: #4d4465,
+            secondary-fixed-dim: #362e4d,
+            on-secondary-fixed: #ffffff,
+            on-secondary-fixed-variant: #ffffff,
+            tertiary-fixed: #782d5e,
+            tertiary-fixed-dim: #5d1446,
+            on-tertiary-fixed: #ffffff,
+            on-tertiary-fixed-variant: #ffffff,
+            surface-dim: #bcb7bf,
+            surface-container-low: #f5eff7,
+            surface-container: #e6e0e9,
+            surface-container-high: #d8d2da,
+            surface-container-highest: #cac5cc,
+            on-surface: #000000,
+            on-surface-variant: #000000,
+            outline: #2e2a35,
+            outline-variant: #4b4753,
+            inverse-on-surface: #ffffff,
+        ),
+        dark: (
+            error: #ffece9,
+            on-error: #000000,
+            error-container: #ffaea4,
+            on-error-container: #220001,
+            primary: #f5edff,
+            on-primary: #000000,
+            primary-container: #ccb8ff,
+            on-primary-container: #0f0033,
+            secondary: #f5edff,
+            on-secondary: #000000,
+            secondary-container: #c9bde5,
+            on-secondary-container: #0e0624,
+            tertiary: #ffebf3,
+            on-tertiary: #000000,
+            tertiary-container: #ffa8d9,
+            on-tertiary-container: #1f0015,
+            on-primary-fixed: #000000,
+            on-primary-fixed-variant: #160042,
+            on-secondary-fixed: #000000,
+            on-secondary-fixed-variant: #140b2a,
+            on-tertiary-fixed: #000000,
+            on-tertiary-fixed-variant: #29001d,
+            surface-bright: #524f55,
+            surface-container-lowest: #000000,
+            surface-container-low: #211f24,
+            surface-container: #322f35,
+            surface-container-high: #3d3a41,
+            surface-container-highest: #48464c,
+            on-surface: #ffffff,
+            on-surface-variant: #ffffff,
+            outline: #f5edfc,
+            outline-variant: #c7c0ce,
+            inverse-on-surface: #000000,
+            inverse-primary: #50398b,
+        ),
+    ),
+));