@stackific/md3 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/README.md +2486 -191
  2. package/dist/internal.md +274 -0
  3. package/dist/md3.css +1 -1
  4. package/dist/md3.js +1 -1
  5. package/package.json +1 -3
  6. package/src/main.js +0 -5
  7. package/src/runtime/elements/dialogs.js +0 -72
  8. package/src/runtime/elements/fields.js +0 -181
  9. package/src/runtime/elements/menus.js +0 -42
  10. package/src/runtime/elements/pages.js +0 -7
  11. package/src/runtime/elements/progress.js +0 -35
  12. package/src/runtime/elements/sliders.js +0 -78
  13. package/src/runtime/elements/snackbars.js +0 -27
  14. package/src/runtime/helpers/ripples.js +0 -46
  15. package/src/runtime/md3.js +0 -141
  16. package/src/runtime/palette.js +0 -64
  17. package/src/runtime/settings/theme.js +0 -194
  18. package/src/runtime/utils.js +0 -165
  19. package/src/styles/_config.scss +0 -142
  20. package/src/styles/_mixins.scss +0 -80
  21. package/src/styles/elements/_badges.scss +0 -65
  22. package/src/styles/elements/_bars.scss +0 -83
  23. package/src/styles/elements/_buttons.scss +0 -119
  24. package/src/styles/elements/_cards.scss +0 -32
  25. package/src/styles/elements/_chips.scss +0 -46
  26. package/src/styles/elements/_dialogs.scss +0 -143
  27. package/src/styles/elements/_dividers.scss +0 -46
  28. package/src/styles/elements/_expansions.scss +0 -19
  29. package/src/styles/elements/_fields.scss +0 -458
  30. package/src/styles/elements/_grids.scss +0 -35
  31. package/src/styles/elements/_icons.scss +0 -70
  32. package/src/styles/elements/_layouts.scss +0 -24
  33. package/src/styles/elements/_lists.scss +0 -76
  34. package/src/styles/elements/_main-layouts.scss +0 -45
  35. package/src/styles/elements/_media.scss +0 -104
  36. package/src/styles/elements/_menus.scss +0 -289
  37. package/src/styles/elements/_navigations.scss +0 -450
  38. package/src/styles/elements/_overlays.scss +0 -34
  39. package/src/styles/elements/_pages.scss +0 -28
  40. package/src/styles/elements/_progress.scss +0 -141
  41. package/src/styles/elements/_selections.scss +0 -248
  42. package/src/styles/elements/_shapes.scss +0 -153
  43. package/src/styles/elements/_sliders.scss +0 -336
  44. package/src/styles/elements/_snackbars.scss +0 -44
  45. package/src/styles/elements/_tables.scss +0 -67
  46. package/src/styles/elements/_tabs.scss +0 -49
  47. package/src/styles/elements/_tooltips.scss +0 -125
  48. package/src/styles/fonts/material-symbols-outlined.woff2 +0 -0
  49. package/src/styles/fonts/material-symbols-rounded.woff2 +0 -0
  50. package/src/styles/fonts/material-symbols-sharp.woff2 +0 -0
  51. package/src/styles/fonts/material-symbols-subset.woff2 +0 -0
  52. package/src/styles/helpers/_alignments.scss +0 -29
  53. package/src/styles/helpers/_blurs.scss +0 -26
  54. package/src/styles/helpers/_colors.scss +0 -39
  55. package/src/styles/helpers/_directions.scss +0 -30
  56. package/src/styles/helpers/_elevates.scss +0 -20
  57. package/src/styles/helpers/_forms.scss +0 -76
  58. package/src/styles/helpers/_margins.scss +0 -39
  59. package/src/styles/helpers/_opacities.scss +0 -18
  60. package/src/styles/helpers/_paddings.scss +0 -35
  61. package/src/styles/helpers/_positions.scss +0 -44
  62. package/src/styles/helpers/_responsive.scss +0 -24
  63. package/src/styles/helpers/_ripples.scss +0 -40
  64. package/src/styles/helpers/_scrolls.scss +0 -7
  65. package/src/styles/helpers/_shadows.scss +0 -22
  66. package/src/styles/helpers/_sizes.scss +0 -34
  67. package/src/styles/helpers/_spaces.scss +0 -22
  68. package/src/styles/helpers/_typography.scss +0 -132
  69. package/src/styles/helpers/_waves.scss +0 -52
  70. package/src/styles/helpers/_zoom.scss +0 -18
  71. package/src/styles/md3.scss +0 -61
  72. package/src/styles/settings/_fonts.scss +0 -41
  73. package/src/styles/settings/_globals.scss +0 -104
  74. package/src/styles/settings/_reset.scss +0 -82
  75. package/src/styles/settings/_theme.scss +0 -126
  76. package/src/styles/settings/_themes.scss +0 -1525
  77. package/src/styles/shapes/arch.svg +0 -1
  78. package/src/styles/shapes/arrow.svg +0 -1
  79. package/src/styles/shapes/boom.svg +0 -1
  80. package/src/styles/shapes/bun.svg +0 -1
  81. package/src/styles/shapes/burst.svg +0 -1
  82. package/src/styles/shapes/circle.svg +0 -1
  83. package/src/styles/shapes/clamshell.svg +0 -1
  84. package/src/styles/shapes/diamond.svg +0 -1
  85. package/src/styles/shapes/fan.svg +0 -1
  86. package/src/styles/shapes/flower.svg +0 -1
  87. package/src/styles/shapes/gem.svg +0 -1
  88. package/src/styles/shapes/ghost-ish.svg +0 -1
  89. package/src/styles/shapes/heart.svg +0 -1
  90. package/src/styles/shapes/leaf-clover4.svg +0 -1
  91. package/src/styles/shapes/leaf-clover8.svg +0 -1
  92. package/src/styles/shapes/loading-indicator.svg +0 -1
  93. package/src/styles/shapes/oval.svg +0 -1
  94. package/src/styles/shapes/pentagon.svg +0 -1
  95. package/src/styles/shapes/pill.svg +0 -1
  96. package/src/styles/shapes/pixel-circle.svg +0 -1
  97. package/src/styles/shapes/pixel-triangle.svg +0 -1
  98. package/src/styles/shapes/puffy-diamond.svg +0 -1
  99. package/src/styles/shapes/puffy.svg +0 -1
  100. package/src/styles/shapes/semicircle.svg +0 -1
  101. package/src/styles/shapes/sided-cookie12.svg +0 -1
  102. package/src/styles/shapes/sided-cookie4.svg +0 -1
  103. package/src/styles/shapes/sided-cookie6.svg +0 -1
  104. package/src/styles/shapes/sided-cookie7.svg +0 -1
  105. package/src/styles/shapes/sided-cookie9.svg +0 -1
  106. package/src/styles/shapes/slanted.svg +0 -1
  107. package/src/styles/shapes/soft-boom.svg +0 -1
  108. package/src/styles/shapes/soft-burst.svg +0 -1
  109. package/src/styles/shapes/square.svg +0 -1
  110. package/src/styles/shapes/sunny.svg +0 -1
  111. package/src/styles/shapes/triangle.svg +0 -1
  112. package/src/styles/shapes/very-sunny.svg +0 -1
  113. package/src/styles/shapes/wavy-circle.svg +0 -1
  114. package/src/styles/shapes/wavy.svg +0 -1
@@ -1,1525 +0,0 @@
1
- // M3 light + dark token sets, grouped by named theme so multiple brands can
2
- // live side-by-side. Activate via <html data-theme="<name>" data-mode="<mode>">.
3
- // The first theme is the implicit default and also emits at bare :root so the
4
- // page has tokens before the runtime sets attrs (no unstyled flash).
5
-
6
- @use "sass:list";
7
- @use "sass:map";
8
-
9
- $themes: (
10
- "stackific": (
11
- "light": (
12
- "primary": #1c4bea,
13
- "on-primary": #ffffff,
14
- "primary-container": #dde1ff,
15
- "on-primary-container": #001356,
16
- "secondary": #5a5d72,
17
- "on-secondary": #ffffff,
18
- "secondary-container": #dfe1f9,
19
- "on-secondary-container": #171b2c,
20
- "tertiary": #76546e,
21
- "on-tertiary": #ffffff,
22
- "tertiary-container": #ffd7f3,
23
- "on-tertiary-container": #2c1229,
24
- "error": #ba1a1a,
25
- "on-error": #ffffff,
26
- "error-container": #ffdad6,
27
- "on-error-container": #410002,
28
- "background": #fefbff,
29
- "on-background": #1b1b1f,
30
- "surface": #fbf8fd,
31
- "on-surface": #1b1b1f,
32
- "surface-variant": #e2e1ec,
33
- "on-surface-variant": #45464f,
34
- "outline": #767680,
35
- "outline-variant": #c6c5d0,
36
- "shadow": #000000,
37
- "scrim": #000000,
38
- "inverse-surface": #303034,
39
- "inverse-on-surface": #f3f0f4,
40
- "inverse-primary": #b9c3ff,
41
- "surface-dim": #dcd9de,
42
- "surface-bright": #fbf8fd,
43
- "surface-container-lowest": #ffffff,
44
- "surface-container-low": #f5f2f7,
45
- "surface-container": #f0edf1,
46
- "surface-container-high": #eae7ec,
47
- "surface-container-highest": #e4e1e6,
48
- ),
49
- "dark": (
50
- "primary": #b9c3ff,
51
- "on-primary": #002388,
52
- "primary-container": #0035be,
53
- "on-primary-container": #dde1ff,
54
- "secondary": #c3c5dd,
55
- "on-secondary": #2c2f42,
56
- "secondary-container": #424659,
57
- "on-secondary-container": #dfe1f9,
58
- "tertiary": #e5bad9,
59
- "on-tertiary": #44263e,
60
- "tertiary-container": #5c3c56,
61
- "on-tertiary-container": #ffd7f3,
62
- "error": #ffb4ab,
63
- "on-error": #690005,
64
- "error-container": #93000a,
65
- "on-error-container": #ffb4ab,
66
- "background": #1b1b1f,
67
- "on-background": #e4e1e6,
68
- "surface": #131316,
69
- "on-surface": #e4e1e6,
70
- "surface-variant": #45464f,
71
- "on-surface-variant": #c6c5d0,
72
- "outline": #90909a,
73
- "outline-variant": #45464f,
74
- "shadow": #000000,
75
- "scrim": #000000,
76
- "inverse-surface": #e4e1e6,
77
- "inverse-on-surface": #303034,
78
- "inverse-primary": #1c4bea,
79
- "surface-dim": #131316,
80
- "surface-bright": #39393c,
81
- "surface-container-lowest": #0e0e11,
82
- "surface-container-low": #1b1b1f,
83
- "surface-container": #1f1f23,
84
- "surface-container-high": #2a2a2d,
85
- "surface-container-highest": #353438,
86
- ),
87
- ),
88
- "hello-pumpkin": (
89
- "light": (
90
- "primary": #8f4e00,
91
- "on-primary": #ffffff,
92
- "primary-container": #ffdcc2,
93
- "on-primary-container": #2e1500,
94
- "secondary": #745943,
95
- "on-secondary": #ffffff,
96
- "secondary-container": #ffdcc2,
97
- "on-secondary-container": #2a1707,
98
- "tertiary": #5b6237,
99
- "on-tertiary": #ffffff,
100
- "tertiary-container": #e0e7b1,
101
- "on-tertiary-container": #191e00,
102
- "error": #ba1a1a,
103
- "on-error": #ffffff,
104
- "error-container": #ffdad6,
105
- "on-error-container": #410002,
106
- "background": #fffbff,
107
- "on-background": #201b17,
108
- "surface": #fff8f5,
109
- "on-surface": #201b17,
110
- "surface-variant": #f3dfd1,
111
- "on-surface-variant": #51443b,
112
- "outline": #847469,
113
- "outline-variant": #d6c3b6,
114
- "shadow": #000000,
115
- "scrim": #000000,
116
- "inverse-surface": #352f2b,
117
- "inverse-on-surface": #faeee8,
118
- "inverse-primary": #ffb77a,
119
- "surface-dim": #e3d8d1,
120
- "surface-bright": #fff8f5,
121
- "surface-container-lowest": #ffffff,
122
- "surface-container-low": #fdf1eb,
123
- "surface-container": #f7ece5,
124
- "surface-container-high": #f2e6df,
125
- "surface-container-highest": #ece0da,
126
- ),
127
- "dark": (
128
- "primary": #ffb77a,
129
- "on-primary": #4c2700,
130
- "primary-container": #6d3a00,
131
- "on-primary-container": #ffdcc2,
132
- "secondary": #e3c0a5,
133
- "on-secondary": #412c19,
134
- "secondary-container": #5a422e,
135
- "on-secondary-container": #ffdcc2,
136
- "tertiary": #c4cb97,
137
- "on-tertiary": #2d330d,
138
- "tertiary-container": #444a22,
139
- "on-tertiary-container": #e0e7b1,
140
- "error": #ffb4ab,
141
- "on-error": #690005,
142
- "error-container": #93000a,
143
- "on-error-container": #ffb4ab,
144
- "background": #201b17,
145
- "on-background": #ece0da,
146
- "surface": #17120f,
147
- "on-surface": #ece0da,
148
- "surface-variant": #51443b,
149
- "on-surface-variant": #d6c3b6,
150
- "outline": #9e8e82,
151
- "outline-variant": #51443b,
152
- "shadow": #000000,
153
- "scrim": #000000,
154
- "inverse-surface": #ece0da,
155
- "inverse-on-surface": #352f2b,
156
- "inverse-primary": #8f4e00,
157
- "surface-dim": #17120f,
158
- "surface-bright": #3e3833,
159
- "surface-container-lowest": #120d0a,
160
- "surface-container-low": #201b17,
161
- "surface-container": #241f1b,
162
- "surface-container-high": #2f2925,
163
- "surface-container-highest": #3a342f,
164
- ),
165
- ),
166
- "sea-lettuce": (
167
- "light": (
168
- "primary": #3f6900,
169
- "on-primary": #ffffff,
170
- "primary-container": #b2f65f,
171
- "on-primary-container": #102000,
172
- "secondary": #586249,
173
- "on-secondary": #ffffff,
174
- "secondary-container": #dce7c8,
175
- "on-secondary-container": #151e0b,
176
- "tertiary": #386663,
177
- "on-tertiary": #ffffff,
178
- "tertiary-container": #bcece7,
179
- "on-tertiary-container": #00201e,
180
- "error": #ba1a1a,
181
- "on-error": #ffffff,
182
- "error-container": #ffdad6,
183
- "on-error-container": #410002,
184
- "background": #fdfcf5,
185
- "on-background": #1b1c18,
186
- "surface": #fafaf2,
187
- "on-surface": #1b1c18,
188
- "surface-variant": #e1e4d5,
189
- "on-surface-variant": #44483d,
190
- "outline": #75796c,
191
- "outline-variant": #c5c8ba,
192
- "shadow": #000000,
193
- "scrim": #000000,
194
- "inverse-surface": #30312c,
195
- "inverse-on-surface": #f2f1e9,
196
- "inverse-primary": #97d945,
197
- "surface-dim": #dbdad3,
198
- "surface-bright": #fafaf2,
199
- "surface-container-lowest": #ffffff,
200
- "surface-container-low": #f5f4ec,
201
- "surface-container": #efeee7,
202
- "surface-container-high": #e9e8e1,
203
- "surface-container-highest": #e3e3db,
204
- ),
205
- "dark": (
206
- "primary": #97d945,
207
- "on-primary": #1f3700,
208
- "primary-container": #2f4f00,
209
- "on-primary-container": #b2f65f,
210
- "secondary": #bfcbad,
211
- "on-secondary": #2a331e,
212
- "secondary-container": #404a33,
213
- "on-secondary-container": #dce7c8,
214
- "tertiary": #a0d0cb,
215
- "on-tertiary": #003735,
216
- "tertiary-container": #1f4e4b,
217
- "on-tertiary-container": #bcece7,
218
- "error": #ffb4ab,
219
- "on-error": #690005,
220
- "error-container": #93000a,
221
- "on-error-container": #ffb4ab,
222
- "background": #1b1c18,
223
- "on-background": #e3e3db,
224
- "surface": #121410,
225
- "on-surface": #e3e3db,
226
- "surface-variant": #44483d,
227
- "on-surface-variant": #c5c8ba,
228
- "outline": #8f9285,
229
- "outline-variant": #44483d,
230
- "shadow": #000000,
231
- "scrim": #000000,
232
- "inverse-surface": #e3e3db,
233
- "inverse-on-surface": #30312c,
234
- "inverse-primary": #3f6900,
235
- "surface-dim": #121410,
236
- "surface-bright": #383a35,
237
- "surface-container-lowest": #0d0f0b,
238
- "surface-container-low": #1b1c18,
239
- "surface-container": #1f201c,
240
- "surface-container-high": #292a26,
241
- "surface-container-highest": #343530,
242
- ),
243
- ),
244
- "olive": (
245
- "light": (
246
- "primary": #5e6300,
247
- "on-primary": #ffffff,
248
- "primary-container": #e3ea73,
249
- "on-primary-container": #1b1d00,
250
- "secondary": #5f6044,
251
- "on-secondary": #ffffff,
252
- "secondary-container": #e5e5c0,
253
- "on-secondary-container": #1c1d06,
254
- "tertiary": #3c6659,
255
- "on-tertiary": #ffffff,
256
- "tertiary-container": #beecdb,
257
- "on-tertiary-container": #002018,
258
- "error": #ba1a1a,
259
- "on-error": #ffffff,
260
- "error-container": #ffdad6,
261
- "on-error-container": #410002,
262
- "background": #ffffd3,
263
- "on-background": #1c1c17,
264
- "surface": #fcf9f0,
265
- "on-surface": #1c1c17,
266
- "surface-variant": #e5e3d2,
267
- "on-surface-variant": #47473b,
268
- "outline": #787869,
269
- "outline-variant": #c9c7b6,
270
- "shadow": #000000,
271
- "scrim": #000000,
272
- "inverse-surface": #31312b,
273
- "inverse-on-surface": #f4f1e8,
274
- "inverse-primary": #c7cd5b,
275
- "surface-dim": #dddad1,
276
- "surface-bright": #fcf9f0,
277
- "surface-container-lowest": #ffffff,
278
- "surface-container-low": #f7f3eb,
279
- "surface-container": #f1eee5,
280
- "surface-container-high": #ebe8df,
281
- "surface-container-highest": #e5e2da,
282
- ),
283
- "dark": (
284
- "primary": #c7cd5b,
285
- "on-primary": #303300,
286
- "primary-container": #464a00,
287
- "on-primary-container": #e3ea73,
288
- "secondary": #c8c9a6,
289
- "on-secondary": #313219,
290
- "secondary-container": #47482e,
291
- "on-secondary-container": #e5e5c0,
292
- "tertiary": #a3d0bf,
293
- "on-tertiary": #08372c,
294
- "tertiary-container": #244e41,
295
- "on-tertiary-container": #beecdb,
296
- "error": #ffb4ab,
297
- "on-error": #690005,
298
- "error-container": #93000a,
299
- "on-error-container": #ffb4ab,
300
- "background": #1c1c17,
301
- "on-background": #e5e2da,
302
- "surface": #14140f,
303
- "on-surface": #e5e2da,
304
- "surface-variant": #47473b,
305
- "on-surface-variant": #c9c7b6,
306
- "outline": #929182,
307
- "outline-variant": #47473b,
308
- "shadow": #000000,
309
- "scrim": #000000,
310
- "inverse-surface": #e5e2da,
311
- "inverse-on-surface": #31312b,
312
- "inverse-primary": #5e6300,
313
- "surface-dim": #14140f,
314
- "surface-bright": #3a3933,
315
- "surface-container-lowest": #0e0e0a,
316
- "surface-container-low": #1c1c17,
317
- "surface-container": #20201b,
318
- "surface-container-high": #2a2a25,
319
- "surface-container-highest": #35352f,
320
- ),
321
- ),
322
- "nord": (
323
- "light": (
324
- "primary": #0b61a4,
325
- "on-primary": #ffffff,
326
- "primary-container": #d2e4ff,
327
- "on-primary-container": #001c37,
328
- "secondary": #535f70,
329
- "on-secondary": #ffffff,
330
- "secondary-container": #d7e3f8,
331
- "on-secondary-container": #101c2b,
332
- "tertiary": #6b5778,
333
- "on-tertiary": #ffffff,
334
- "tertiary-container": #f3daff,
335
- "on-tertiary-container": #251431,
336
- "error": #ba1a1a,
337
- "on-error": #ffffff,
338
- "error-container": #ffdad6,
339
- "on-error-container": #410002,
340
- "background": #fdfcff,
341
- "on-background": #1a1c1e,
342
- "surface": #faf9fd,
343
- "on-surface": #1a1c1e,
344
- "surface-variant": #dfe2eb,
345
- "on-surface-variant": #43474e,
346
- "outline": #73777f,
347
- "outline-variant": #c3c6cf,
348
- "shadow": #000000,
349
- "scrim": #000000,
350
- "inverse-surface": #2f3033,
351
- "inverse-on-surface": #f1f0f4,
352
- "inverse-primary": #a0c9ff,
353
- "surface-dim": #dad9dd,
354
- "surface-bright": #faf9fd,
355
- "surface-container-lowest": #ffffff,
356
- "surface-container-low": #f4f3f7,
357
- "surface-container": #eeedf1,
358
- "surface-container-high": #e8e8eb,
359
- "surface-container-highest": #e3e2e6,
360
- ),
361
- "dark": (
362
- "primary": #a0c9ff,
363
- "on-primary": #003259,
364
- "primary-container": #00497f,
365
- "on-primary-container": #d2e4ff,
366
- "secondary": #bbc7db,
367
- "on-secondary": #253141,
368
- "secondary-container": #3c4858,
369
- "on-secondary-container": #d7e3f8,
370
- "tertiary": #d7bde4,
371
- "on-tertiary": #3b2947,
372
- "tertiary-container": #533f5f,
373
- "on-tertiary-container": #f3daff,
374
- "error": #ffb4ab,
375
- "on-error": #690005,
376
- "error-container": #93000a,
377
- "on-error-container": #ffb4ab,
378
- "background": #1a1c1e,
379
- "on-background": #e3e2e6,
380
- "surface": #121316,
381
- "on-surface": #e3e2e6,
382
- "surface-variant": #43474e,
383
- "on-surface-variant": #c3c6cf,
384
- "outline": #8d9199,
385
- "outline-variant": #43474e,
386
- "shadow": #000000,
387
- "scrim": #000000,
388
- "inverse-surface": #e3e2e6,
389
- "inverse-on-surface": #2f3033,
390
- "inverse-primary": #0b61a4,
391
- "surface-dim": #121316,
392
- "surface-bright": #38393c,
393
- "surface-container-lowest": #0d0e11,
394
- "surface-container-low": #1a1c1e,
395
- "surface-container": #1e2022,
396
- "surface-container-high": #292a2d,
397
- "surface-container-highest": #333538,
398
- ),
399
- ),
400
- "vega-violet": (
401
- "light": (
402
- "primary": #8b14dd,
403
- "on-primary": #ffffff,
404
- "primary-container": #f2daff,
405
- "on-primary-container": #2e004e,
406
- "secondary": #665a6e,
407
- "on-secondary": #ffffff,
408
- "secondary-container": #eeddf6,
409
- "on-secondary-container": #211829,
410
- "tertiary": #815156,
411
- "on-tertiary": #ffffff,
412
- "tertiary-container": #ffdadb,
413
- "on-tertiary-container": #321015,
414
- "error": #ba1a1a,
415
- "on-error": #ffffff,
416
- "error-container": #ffdad6,
417
- "on-error-container": #410002,
418
- "background": #fffbff,
419
- "on-background": #1d1b1e,
420
- "surface": #fef7fc,
421
- "on-surface": #1d1b1e,
422
- "surface-variant": #e9dfea,
423
- "on-surface-variant": #4b454d,
424
- "outline": #7c757e,
425
- "outline-variant": #cdc4ce,
426
- "shadow": #000000,
427
- "scrim": #000000,
428
- "inverse-surface": #322f33,
429
- "inverse-on-surface": #f6eff3,
430
- "inverse-primary": #e0b6ff,
431
- "surface-dim": #dfd8dd,
432
- "surface-bright": #fef7fc,
433
- "surface-container-lowest": #ffffff,
434
- "surface-container-low": #f9f2f6,
435
- "surface-container": #f3ecf1,
436
- "surface-container-high": #ede6eb,
437
- "surface-container-highest": #e7e1e5,
438
- ),
439
- "dark": (
440
- "primary": #e0b6ff,
441
- "on-primary": #4b007d,
442
- "primary-container": #6b00af,
443
- "on-primary-container": #f2daff,
444
- "secondary": #d1c1d9,
445
- "on-secondary": #372c3f,
446
- "secondary-container": #4e4256,
447
- "on-secondary-container": #eeddf6,
448
- "tertiary": #f3b7bc,
449
- "on-tertiary": #4c2529,
450
- "tertiary-container": #663a3f,
451
- "on-tertiary-container": #ffdadb,
452
- "error": #ffb4ab,
453
- "on-error": #690005,
454
- "error-container": #93000a,
455
- "on-error-container": #ffb4ab,
456
- "background": #1d1b1e,
457
- "on-background": #e7e1e5,
458
- "surface": #151316,
459
- "on-surface": #e7e1e5,
460
- "surface-variant": #4b454d,
461
- "on-surface-variant": #cdc4ce,
462
- "outline": #968e98,
463
- "outline-variant": #4b454d,
464
- "shadow": #000000,
465
- "scrim": #000000,
466
- "inverse-surface": #e7e1e5,
467
- "inverse-on-surface": #322f33,
468
- "inverse-primary": #8b14dd,
469
- "surface-dim": #151316,
470
- "surface-bright": #3b383c,
471
- "surface-container-lowest": #100d11,
472
- "surface-container-low": #1d1b1e,
473
- "surface-container": #211f22,
474
- "surface-container-high": #2c292d,
475
- "surface-container-highest": #373437,
476
- ),
477
- ),
478
- "wild-strawberry": (
479
- "light": (
480
- "primary": #b7006e,
481
- "on-primary": #ffffff,
482
- "primary-container": #ffd9e4,
483
- "on-primary-container": #3e0021,
484
- "secondary": #735760,
485
- "on-secondary": #ffffff,
486
- "secondary-container": #ffd9e4,
487
- "on-secondary-container": #2a151d,
488
- "tertiary": #7e5637,
489
- "on-tertiary": #ffffff,
490
- "tertiary-container": #ffdcc4,
491
- "on-tertiary-container": #2f1400,
492
- "error": #ba1a1a,
493
- "on-error": #ffffff,
494
- "error-container": #ffdad6,
495
- "on-error-container": #410002,
496
- "background": #fffbff,
497
- "on-background": #201a1c,
498
- "surface": #fff8f8,
499
- "on-surface": #201a1c,
500
- "surface-variant": #f2dee2,
501
- "on-surface-variant": #514347,
502
- "outline": #837377,
503
- "outline-variant": #d5c2c7,
504
- "shadow": #000000,
505
- "scrim": #000000,
506
- "inverse-surface": #352f30,
507
- "inverse-on-surface": #faeef0,
508
- "inverse-primary": #ffb0cd,
509
- "surface-dim": #e3d7d9,
510
- "surface-bright": #fff8f8,
511
- "surface-container-lowest": #ffffff,
512
- "surface-container-low": #fdf1f3,
513
- "surface-container": #f7ebed,
514
- "surface-container-high": #f1e5e7,
515
- "surface-container-highest": #ebe0e2,
516
- ),
517
- "dark": (
518
- "primary": #ffb0cd,
519
- "on-primary": #640039,
520
- "primary-container": #8c0053,
521
- "on-primary-container": #ffd9e4,
522
- "secondary": #e1bdc8,
523
- "on-secondary": #412932,
524
- "secondary-container": #5a3f49,
525
- "on-secondary-container": #ffd9e4,
526
- "tertiary": #f0bc96,
527
- "on-tertiary": #49290e,
528
- "tertiary-container": #633e22,
529
- "on-tertiary-container": #ffdcc4,
530
- "error": #ffb4ab,
531
- "on-error": #690005,
532
- "error-container": #93000a,
533
- "on-error-container": #ffb4ab,
534
- "background": #201a1c,
535
- "on-background": #ebe0e2,
536
- "surface": #171214,
537
- "on-surface": #ebe0e2,
538
- "surface-variant": #514347,
539
- "on-surface-variant": #d5c2c7,
540
- "outline": #9d8c91,
541
- "outline-variant": #514347,
542
- "shadow": #000000,
543
- "scrim": #000000,
544
- "inverse-surface": #ebe0e2,
545
- "inverse-on-surface": #352f30,
546
- "inverse-primary": #b7006e,
547
- "surface-dim": #171214,
548
- "surface-bright": #3e3739,
549
- "surface-container-lowest": #120d0e,
550
- "surface-container-low": #201a1c,
551
- "surface-container": #241e20,
552
- "surface-container-high": #2e282a,
553
- "surface-container-highest": #3a3335,
554
- ),
555
- ),
556
- "heliotrope-magenta": (
557
- "light": (
558
- "primary": #a300b8,
559
- "on-primary": #ffffff,
560
- "primary-container": #ffd6fc,
561
- "on-primary-container": #36003e,
562
- "secondary": #6c586b,
563
- "on-secondary": #ffffff,
564
- "secondary-container": #f5dbf1,
565
- "on-secondary-container": #251626,
566
- "tertiary": #825249,
567
- "on-tertiary": #ffffff,
568
- "tertiary-container": #ffdad4,
569
- "on-tertiary-container": #33110b,
570
- "error": #ba1a1a,
571
- "on-error": #ffffff,
572
- "error-container": #ffdad6,
573
- "on-error-container": #410002,
574
- "background": #fffbff,
575
- "on-background": #1e1a1d,
576
- "surface": #fff7fa,
577
- "on-surface": #1e1a1d,
578
- "surface-variant": #eddfe8,
579
- "on-surface-variant": #4d444c,
580
- "outline": #7f747c,
581
- "outline-variant": #d0c3cc,
582
- "shadow": #000000,
583
- "scrim": #000000,
584
- "inverse-surface": #332f32,
585
- "inverse-on-surface": #f7eef2,
586
- "inverse-primary": #fcaaff,
587
- "surface-dim": #e0d8dc,
588
- "surface-bright": #fff7fa,
589
- "surface-container-lowest": #ffffff,
590
- "surface-container-low": #faf1f5,
591
- "surface-container": #f4ecf0,
592
- "surface-container-high": #efe6ea,
593
- "surface-container-highest": #e9e0e4,
594
- ),
595
- "dark": (
596
- "primary": #fcaaff,
597
- "on-primary": #580064,
598
- "primary-container": #7c008d,
599
- "on-primary-container": #ffd6fc,
600
- "secondary": #d8bfd4,
601
- "on-secondary": #3b2b3b,
602
- "secondary-container": #534152,
603
- "on-secondary-container": #f5dbf1,
604
- "tertiary": #f6b8ac,
605
- "on-tertiary": #4c251e,
606
- "tertiary-container": #673b33,
607
- "on-tertiary-container": #ffdad4,
608
- "error": #ffb4ab,
609
- "on-error": #690005,
610
- "error-container": #93000a,
611
- "on-error-container": #ffb4ab,
612
- "background": #1e1a1d,
613
- "on-background": #e9e0e4,
614
- "surface": #161215,
615
- "on-surface": #e9e0e4,
616
- "surface-variant": #4d444c,
617
- "on-surface-variant": #d0c3cc,
618
- "outline": #998d96,
619
- "outline-variant": #4d444c,
620
- "shadow": #000000,
621
- "scrim": #000000,
622
- "inverse-surface": #e9e0e4,
623
- "inverse-on-surface": #332f32,
624
- "inverse-primary": #a300b8,
625
- "surface-dim": #161215,
626
- "surface-bright": #3c383b,
627
- "surface-container-lowest": #100d10,
628
- "surface-container-low": #1e1a1d,
629
- "surface-container": #221e21,
630
- "surface-container-high": #2d292c,
631
- "surface-container-highest": #383337,
632
- ),
633
- ),
634
- "voodoo-violet": (
635
- "light": (
636
- "primary": #804792,
637
- "on-primary": #ffffff,
638
- "primary-container": #fad7ff,
639
- "on-primary-container": #330044,
640
- "secondary": #6a596c,
641
- "on-secondary": #ffffff,
642
- "secondary-container": #f2dcf3,
643
- "on-secondary-container": #241727,
644
- "tertiary": #82524e,
645
- "on-tertiary": #ffffff,
646
- "tertiary-container": #ffdad7,
647
- "on-tertiary-container": #33110f,
648
- "error": #ba1a1a,
649
- "on-error": #ffffff,
650
- "error-container": #ffdad6,
651
- "on-error-container": #410002,
652
- "background": #fffbff,
653
- "on-background": #1e1b1e,
654
- "surface": #fff7fb,
655
- "on-surface": #1e1b1e,
656
- "surface-variant": #ebdfe9,
657
- "on-surface-variant": #4c444c,
658
- "outline": #7e747d,
659
- "outline-variant": #cfc3cd,
660
- "shadow": #000000,
661
- "scrim": #000000,
662
- "inverse-surface": #332f33,
663
- "inverse-on-surface": #f7eef3,
664
- "inverse-primary": #efb0ff,
665
- "surface-dim": #e0d8dc,
666
- "surface-bright": #fff7fb,
667
- "surface-container-lowest": #ffffff,
668
- "surface-container-low": #faf1f6,
669
- "surface-container": #f4ecf0,
670
- "surface-container-high": #eee6ea,
671
- "surface-container-highest": #e8e0e5,
672
- ),
673
- "dark": (
674
- "primary": #efb0ff,
675
- "on-primary": #4d1660,
676
- "primary-container": #662f79,
677
- "on-primary-container": #fad7ff,
678
- "secondary": #d5c0d7,
679
- "on-secondary": #3a2b3d,
680
- "secondary-container": #514254,
681
- "on-secondary-container": #f2dcf3,
682
- "tertiary": #f5b7b2,
683
- "on-tertiary": #4c2523,
684
- "tertiary-container": #663b38,
685
- "on-tertiary-container": #ffdad7,
686
- "error": #ffb4ab,
687
- "on-error": #690005,
688
- "error-container": #93000a,
689
- "on-error-container": #ffb4ab,
690
- "background": #1e1b1e,
691
- "on-background": #e8e0e5,
692
- "surface": #151215,
693
- "on-surface": #e8e0e5,
694
- "surface-variant": #4c444c,
695
- "on-surface-variant": #cfc3cd,
696
- "outline": #988e97,
697
- "outline-variant": #4c444c,
698
- "shadow": #000000,
699
- "scrim": #000000,
700
- "inverse-surface": #e8e0e5,
701
- "inverse-on-surface": #332f33,
702
- "inverse-primary": #804792,
703
- "surface-dim": #151215,
704
- "surface-bright": #3c383b,
705
- "surface-container-lowest": #100d10,
706
- "surface-container-low": #1e1b1e,
707
- "surface-container": #221f22,
708
- "surface-container-high": #2c292c,
709
- "surface-container-highest": #373437,
710
- ),
711
- ),
712
- "red-orchid": (
713
- "light": (
714
- "primary": #c0001c,
715
- "on-primary": #ffffff,
716
- "primary-container": #ffdad7,
717
- "on-primary-container": #410004,
718
- "secondary": #775654,
719
- "on-secondary": #ffffff,
720
- "secondary-container": #ffdad7,
721
- "on-secondary-container": #2c1513,
722
- "tertiary": #725b2e,
723
- "on-tertiary": #ffffff,
724
- "tertiary-container": #ffdea6,
725
- "on-tertiary-container": #271900,
726
- "error": #ba1a1a,
727
- "on-error": #ffffff,
728
- "error-container": #ffdad6,
729
- "on-error-container": #410002,
730
- "background": #fffbff,
731
- "on-background": #201a19,
732
- "surface": #fff8f7,
733
- "on-surface": #201a19,
734
- "surface-variant": #f5dddb,
735
- "on-surface-variant": #534342,
736
- "outline": #857371,
737
- "outline-variant": #d8c2bf,
738
- "shadow": #000000,
739
- "scrim": #000000,
740
- "inverse-surface": #362f2e,
741
- "inverse-on-surface": #fbeeec,
742
- "inverse-primary": #ffb3ad,
743
- "surface-dim": #e4d7d6,
744
- "surface-bright": #fff8f7,
745
- "surface-container-lowest": #ffffff,
746
- "surface-container-low": #fef1ef,
747
- "surface-container": #f8ebe9,
748
- "surface-container-high": #f2e5e4,
749
- "surface-container-highest": #ede0de,
750
- ),
751
- "dark": (
752
- "primary": #ffb3ad,
753
- "on-primary": #68000a,
754
- "primary-container": #930013,
755
- "on-primary-container": #ffdad7,
756
- "secondary": #e7bdb9,
757
- "on-secondary": #442927,
758
- "secondary-container": #5d3f3d,
759
- "on-secondary-container": #ffdad7,
760
- "tertiary": #e1c28c,
761
- "on-tertiary": #402d04,
762
- "tertiary-container": #594319,
763
- "on-tertiary-container": #ffdea6,
764
- "error": #ffb4ab,
765
- "on-error": #690005,
766
- "error-container": #93000a,
767
- "on-error-container": #ffb4ab,
768
- "background": #201a19,
769
- "on-background": #ede0de,
770
- "surface": #181211,
771
- "on-surface": #ede0de,
772
- "surface-variant": #534342,
773
- "on-surface-variant": #d8c2bf,
774
- "outline": #a08c8a,
775
- "outline-variant": #534342,
776
- "shadow": #000000,
777
- "scrim": #000000,
778
- "inverse-surface": #ede0de,
779
- "inverse-on-surface": #362f2e,
780
- "inverse-primary": #c0001c,
781
- "surface-dim": #181211,
782
- "surface-bright": #3f3737,
783
- "surface-container-lowest": #120d0c,
784
- "surface-container-low": #201a19,
785
- "surface-container": #251e1d,
786
- "surface-container-high": #2f2828,
787
- "surface-container-highest": #3a3332,
788
- ),
789
- ),
790
- "green-brown": (
791
- "light": (
792
- "primary": #6e5d00,
793
- "on-primary": #ffffff,
794
- "primary-container": #ffe264,
795
- "on-primary-container": #221b00,
796
- "secondary": #665e40,
797
- "on-secondary": #ffffff,
798
- "secondary-container": #eee2bc,
799
- "on-secondary-container": #211b04,
800
- "tertiary": #43664e,
801
- "on-tertiary": #ffffff,
802
- "tertiary-container": #c5ecce,
803
- "on-tertiary-container": #00210f,
804
- "error": #ba1a1a,
805
- "on-error": #ffffff,
806
- "error-container": #ffdad6,
807
- "on-error-container": #410002,
808
- "background": #fffbff,
809
- "on-background": #1d1b16,
810
- "surface": #fff9ef,
811
- "on-surface": #1d1b16,
812
- "surface-variant": #eae2cf,
813
- "on-surface-variant": #4b4739,
814
- "outline": #7c7767,
815
- "outline-variant": #cdc6b4,
816
- "shadow": #000000,
817
- "scrim": #000000,
818
- "inverse-surface": #32302a,
819
- "inverse-on-surface": #f6f0e7,
820
- "inverse-primary": #e1c64b,
821
- "surface-dim": #dfd9d0,
822
- "surface-bright": #fff9ef,
823
- "surface-container-lowest": #ffffff,
824
- "surface-container-low": #f9f3ea,
825
- "surface-container": #f3ede4,
826
- "surface-container-high": #ede7de,
827
- "surface-container-highest": #e7e2d9,
828
- ),
829
- "dark": (
830
- "primary": #e1c64b,
831
- "on-primary": #3a3000,
832
- "primary-container": #534600,
833
- "on-primary-container": #ffe264,
834
- "secondary": #d1c6a1,
835
- "on-secondary": #373016,
836
- "secondary-container": #4e472a,
837
- "on-secondary-container": #eee2bc,
838
- "tertiary": #a9d0b3,
839
- "on-tertiary": #153723,
840
- "tertiary-container": #2c4e38,
841
- "on-tertiary-container": #c5ecce,
842
- "error": #ffb4ab,
843
- "on-error": #690005,
844
- "error-container": #93000a,
845
- "on-error-container": #ffb4ab,
846
- "background": #1d1b16,
847
- "on-background": #e7e2d9,
848
- "surface": #15130e,
849
- "on-surface": #e7e2d9,
850
- "surface-variant": #4b4739,
851
- "on-surface-variant": #cdc6b4,
852
- "outline": #969080,
853
- "outline-variant": #4b4739,
854
- "shadow": #000000,
855
- "scrim": #000000,
856
- "inverse-surface": #e7e2d9,
857
- "inverse-on-surface": #32302a,
858
- "inverse-primary": #6e5d00,
859
- "surface-dim": #15130e,
860
- "surface-bright": #3b3933,
861
- "surface-container-lowest": #100e09,
862
- "surface-container-low": #1d1b16,
863
- "surface-container": #211f1a,
864
- "surface-container-high": #2c2a24,
865
- "surface-container-highest": #37352e,
866
- ),
867
- ),
868
- "shakshuka": (
869
- "light": (
870
- "primary": #ab350f,
871
- "on-primary": #ffffff,
872
- "primary-container": #ffdbd1,
873
- "on-primary-container": #3b0900,
874
- "secondary": #77574e,
875
- "on-secondary": #ffffff,
876
- "secondary-container": #ffdbd1,
877
- "on-secondary-container": #2c150f,
878
- "tertiary": #6c5d2f,
879
- "on-tertiary": #ffffff,
880
- "tertiary-container": #f6e1a7,
881
- "on-tertiary-container": #231b00,
882
- "error": #ba1a1a,
883
- "on-error": #ffffff,
884
- "error-container": #ffdad6,
885
- "on-error-container": #410002,
886
- "background": #fffbff,
887
- "on-background": #201a18,
888
- "surface": #fff8f6,
889
- "on-surface": #201a18,
890
- "surface-variant": #f5ded8,
891
- "on-surface-variant": #53433f,
892
- "outline": #85736e,
893
- "outline-variant": #d8c2bc,
894
- "shadow": #000000,
895
- "scrim": #000000,
896
- "inverse-surface": #362f2d,
897
- "inverse-on-surface": #fbeeeb,
898
- "inverse-primary": #ffb5a0,
899
- "surface-dim": #e4d7d4,
900
- "surface-bright": #fff8f6,
901
- "surface-container-lowest": #ffffff,
902
- "surface-container-low": #fef1ed,
903
- "surface-container": #f8ebe8,
904
- "surface-container-high": #f3e5e2,
905
- "surface-container-highest": #ede0dd,
906
- ),
907
- "dark": (
908
- "primary": #ffb5a0,
909
- "on-primary": #5f1500,
910
- "primary-container": #872100,
911
- "on-primary-container": #ffdbd1,
912
- "secondary": #e7bdb2,
913
- "on-secondary": #442a22,
914
- "secondary-container": #5d4037,
915
- "on-secondary-container": #ffdbd1,
916
- "tertiary": #d8c58d,
917
- "on-tertiary": #3b2f05,
918
- "tertiary-container": #534619,
919
- "on-tertiary-container": #f6e1a7,
920
- "error": #ffb4ab,
921
- "on-error": #690005,
922
- "error-container": #93000a,
923
- "on-error-container": #ffb4ab,
924
- "background": #201a18,
925
- "on-background": #ede0dd,
926
- "surface": #181210,
927
- "on-surface": #ede0dd,
928
- "surface-variant": #53433f,
929
- "on-surface-variant": #d8c2bc,
930
- "outline": #a08c87,
931
- "outline-variant": #53433f,
932
- "shadow": #000000,
933
- "scrim": #000000,
934
- "inverse-surface": #ede0dd,
935
- "inverse-on-surface": #362f2d,
936
- "inverse-primary": #ab350f,
937
- "surface-dim": #181210,
938
- "surface-bright": #3f3736,
939
- "surface-container-lowest": #120d0b,
940
- "surface-container-low": #201a18,
941
- "surface-container": #251e1c,
942
- "surface-container-high": #2f2827,
943
- "surface-container-highest": #3b3331,
944
- ),
945
- ),
946
- "purple-honeycreeper": (
947
- "light": (
948
- "primary": #732fe3,
949
- "on-primary": #ffffff,
950
- "primary-container": #eaddff,
951
- "on-primary-container": #25005a,
952
- "secondary": #635b70,
953
- "on-secondary": #ffffff,
954
- "secondary-container": #e9def8,
955
- "on-secondary-container": #1e182b,
956
- "tertiary": #7e525e,
957
- "on-tertiary": #ffffff,
958
- "tertiary-container": #ffd9e1,
959
- "on-tertiary-container": #31101b,
960
- "error": #ba1a1a,
961
- "on-error": #ffffff,
962
- "error-container": #ffdad6,
963
- "on-error-container": #410002,
964
- "background": #fffbff,
965
- "on-background": #1d1b1e,
966
- "surface": #fdf8fd,
967
- "on-surface": #1d1b1e,
968
- "surface-variant": #e7e0eb,
969
- "on-surface-variant": #49454e,
970
- "outline": #7a757f,
971
- "outline-variant": #cbc4cf,
972
- "shadow": #000000,
973
- "scrim": #000000,
974
- "inverse-surface": #323033,
975
- "inverse-on-surface": #f5eff4,
976
- "inverse-primary": #d2bbff,
977
- "surface-dim": #ded8dd,
978
- "surface-bright": #fdf8fd,
979
- "surface-container-lowest": #ffffff,
980
- "surface-container-low": #f8f2f7,
981
- "surface-container": #f2ecf1,
982
- "surface-container-high": #ece6eb,
983
- "surface-container-highest": #e6e1e6,
984
- ),
985
- "dark": (
986
- "primary": #d2bbff,
987
- "on-primary": #3e008e,
988
- "primary-container": #5a00c6,
989
- "on-primary-container": #eaddff,
990
- "secondary": #cdc2db,
991
- "on-secondary": #342d40,
992
- "secondary-container": #4b4358,
993
- "on-secondary-container": #e9def8,
994
- "tertiary": #f0b7c6,
995
- "on-tertiary": #4a2530,
996
- "tertiary-container": #643b46,
997
- "on-tertiary-container": #ffd9e1,
998
- "error": #ffb4ab,
999
- "on-error": #690005,
1000
- "error-container": #93000a,
1001
- "on-error-container": #ffb4ab,
1002
- "background": #1d1b1e,
1003
- "on-background": #e6e1e6,
1004
- "surface": #141316,
1005
- "on-surface": #e6e1e6,
1006
- "surface-variant": #49454e,
1007
- "on-surface-variant": #cbc4cf,
1008
- "outline": #948f99,
1009
- "outline-variant": #49454e,
1010
- "shadow": #000000,
1011
- "scrim": #000000,
1012
- "inverse-surface": #e6e1e6,
1013
- "inverse-on-surface": #323033,
1014
- "inverse-primary": #732fe3,
1015
- "surface-dim": #141316,
1016
- "surface-bright": #3b383c,
1017
- "surface-container-lowest": #0f0e11,
1018
- "surface-container-low": #1d1b1e,
1019
- "surface-container": #211f22,
1020
- "surface-container-high": #2b292d,
1021
- "surface-container-highest": #363438,
1022
- ),
1023
- ),
1024
- "maldives": (
1025
- "light": (
1026
- "primary": #00677c,
1027
- "on-primary": #ffffff,
1028
- "primary-container": #b1ecff,
1029
- "on-primary-container": #001f27,
1030
- "secondary": #4b626a,
1031
- "on-secondary": #ffffff,
1032
- "secondary-container": #cee7f0,
1033
- "on-secondary-container": #061e25,
1034
- "tertiary": #585c7e,
1035
- "on-tertiary": #ffffff,
1036
- "tertiary-container": #dfe0ff,
1037
- "on-tertiary-container": #151937,
1038
- "error": #ba1a1a,
1039
- "on-error": #ffffff,
1040
- "error-container": #ffdad6,
1041
- "on-error-container": #410002,
1042
- "background": #fbfcfe,
1043
- "on-background": #191c1d,
1044
- "surface": #f8f9fb,
1045
- "on-surface": #191c1d,
1046
- "surface-variant": #dbe4e8,
1047
- "on-surface-variant": #40484b,
1048
- "outline": #70787c,
1049
- "outline-variant": #bfc8cc,
1050
- "shadow": #000000,
1051
- "scrim": #000000,
1052
- "inverse-surface": #2e3132,
1053
- "inverse-on-surface": #eff1f2,
1054
- "inverse-primary": #48d7fb,
1055
- "surface-dim": #d8dadb,
1056
- "surface-bright": #f8f9fb,
1057
- "surface-container-lowest": #ffffff,
1058
- "surface-container-low": #f2f4f5,
1059
- "surface-container": #eceeef,
1060
- "surface-container-high": #e7e8ea,
1061
- "surface-container-highest": #e1e3e4,
1062
- ),
1063
- "dark": (
1064
- "primary": #48d7fb,
1065
- "on-primary": #003641,
1066
- "primary-container": #004e5e,
1067
- "on-primary-container": #b1ecff,
1068
- "secondary": #b2cad3,
1069
- "on-secondary": #1d343a,
1070
- "secondary-container": #344a51,
1071
- "on-secondary-container": #cee7f0,
1072
- "tertiary": #c0c4eb,
1073
- "on-tertiary": #2a2e4d,
1074
- "tertiary-container": #404565,
1075
- "on-tertiary-container": #dfe0ff,
1076
- "error": #ffb4ab,
1077
- "on-error": #690005,
1078
- "error-container": #93000a,
1079
- "on-error-container": #ffb4ab,
1080
- "background": #191c1d,
1081
- "on-background": #e1e3e4,
1082
- "surface": #111415,
1083
- "on-surface": #e1e3e4,
1084
- "surface-variant": #40484b,
1085
- "on-surface-variant": #bfc8cc,
1086
- "outline": #899296,
1087
- "outline-variant": #40484b,
1088
- "shadow": #000000,
1089
- "scrim": #000000,
1090
- "inverse-surface": #e1e3e4,
1091
- "inverse-on-surface": #2e3132,
1092
- "inverse-primary": #00677c,
1093
- "surface-dim": #111415,
1094
- "surface-bright": #373a3b,
1095
- "surface-container-lowest": #0b0f10,
1096
- "surface-container-low": #191c1d,
1097
- "surface-container": #1d2021,
1098
- "surface-container-high": #272a2c,
1099
- "surface-container-highest": #323536,
1100
- ),
1101
- ),
1102
- "verditer": (
1103
- "light": (
1104
- "primary": #006b5f,
1105
- "on-primary": #ffffff,
1106
- "primary-container": #6bf9e3,
1107
- "on-primary-container": #00201c,
1108
- "secondary": #4a635e,
1109
- "on-secondary": #ffffff,
1110
- "secondary-container": #cde8e1,
1111
- "on-secondary-container": #06201c,
1112
- "tertiary": #456179,
1113
- "on-tertiary": #ffffff,
1114
- "tertiary-container": #cbe6ff,
1115
- "on-tertiary-container": #001e30,
1116
- "error": #ba1a1a,
1117
- "on-error": #ffffff,
1118
- "error-container": #ffdad6,
1119
- "on-error-container": #410002,
1120
- "background": #fafdfb,
1121
- "on-background": #191c1b,
1122
- "surface": #f7faf8,
1123
- "on-surface": #191c1b,
1124
- "surface-variant": #dae5e1,
1125
- "on-surface-variant": #3f4946,
1126
- "outline": #6f7976,
1127
- "outline-variant": #bec9c5,
1128
- "shadow": #000000,
1129
- "scrim": #000000,
1130
- "inverse-surface": #2d3130,
1131
- "inverse-on-surface": #eff1ef,
1132
- "inverse-primary": #48dcc7,
1133
- "surface-dim": #d8dbd9,
1134
- "surface-bright": #f7faf8,
1135
- "surface-container-lowest": #ffffff,
1136
- "surface-container-low": #f2f4f2,
1137
- "surface-container": #eceeec,
1138
- "surface-container-high": #e6e9e7,
1139
- "surface-container-highest": #e0e3e1,
1140
- ),
1141
- "dark": (
1142
- "primary": #48dcc7,
1143
- "on-primary": #003731,
1144
- "primary-container": #005047,
1145
- "on-primary-container": #6bf9e3,
1146
- "secondary": #b1ccc6,
1147
- "on-secondary": #1c3530,
1148
- "secondary-container": #334b47,
1149
- "on-secondary-container": #cde8e1,
1150
- "tertiary": #accae5,
1151
- "on-tertiary": #143349,
1152
- "tertiary-container": #2c4a60,
1153
- "on-tertiary-container": #cbe6ff,
1154
- "error": #ffb4ab,
1155
- "on-error": #690005,
1156
- "error-container": #93000a,
1157
- "on-error-container": #ffb4ab,
1158
- "background": #191c1b,
1159
- "on-background": #e0e3e1,
1160
- "surface": #101413,
1161
- "on-surface": #e0e3e1,
1162
- "surface-variant": #3f4946,
1163
- "on-surface-variant": #bec9c5,
1164
- "outline": #899390,
1165
- "outline-variant": #3f4946,
1166
- "shadow": #000000,
1167
- "scrim": #000000,
1168
- "inverse-surface": #e0e3e1,
1169
- "inverse-on-surface": #2d3130,
1170
- "inverse-primary": #006b5f,
1171
- "surface-dim": #101413,
1172
- "surface-bright": #363a39,
1173
- "surface-container-lowest": #0b0f0e,
1174
- "surface-container-low": #191c1b,
1175
- "surface-container": #1d201f,
1176
- "surface-container-high": #272b2a,
1177
- "surface-container-highest": #323534,
1178
- ),
1179
- ),
1180
- "fennel": (
1181
- "light": (
1182
- "primary": #006c46,
1183
- "on-primary": #ffffff,
1184
- "primary-container": #6afcb7,
1185
- "on-primary-container": #002112,
1186
- "secondary": #4e6356,
1187
- "on-secondary": #ffffff,
1188
- "secondary-container": #d0e8d7,
1189
- "on-secondary-container": #0b1f15,
1190
- "tertiary": #3c6472,
1191
- "on-tertiary": #ffffff,
1192
- "tertiary-container": #c0e9fa,
1193
- "on-tertiary-container": #001f28,
1194
- "error": #ba1a1a,
1195
- "on-error": #ffffff,
1196
- "error-container": #ffdad6,
1197
- "on-error-container": #410002,
1198
- "background": #fbfdf8,
1199
- "on-background": #191c1a,
1200
- "surface": #f8faf5,
1201
- "on-surface": #191c1a,
1202
- "surface-variant": #dce5dc,
1203
- "on-surface-variant": #404943,
1204
- "outline": #707972,
1205
- "outline-variant": #c0c9c1,
1206
- "shadow": #000000,
1207
- "scrim": #000000,
1208
- "inverse-surface": #2e312e,
1209
- "inverse-on-surface": #eff1ed,
1210
- "inverse-primary": #48df9d,
1211
- "surface-dim": #d9dbd6,
1212
- "surface-bright": #f8faf5,
1213
- "surface-container-lowest": #ffffff,
1214
- "surface-container-low": #f2f4f0,
1215
- "surface-container": #edeeea,
1216
- "surface-container-high": #e7e9e4,
1217
- "surface-container-highest": #e1e3df,
1218
- ),
1219
- "dark": (
1220
- "primary": #48df9d,
1221
- "on-primary": #003822,
1222
- "primary-container": #005234,
1223
- "on-primary-container": #6afcb7,
1224
- "secondary": #b4ccbc,
1225
- "on-secondary": #203529,
1226
- "secondary-container": #364b3f,
1227
- "on-secondary-container": #d0e8d7,
1228
- "tertiary": #a4cddd,
1229
- "on-tertiary": #053542,
1230
- "tertiary-container": #234c59,
1231
- "on-tertiary-container": #c0e9fa,
1232
- "error": #ffb4ab,
1233
- "on-error": #690005,
1234
- "error-container": #93000a,
1235
- "on-error-container": #ffb4ab,
1236
- "background": #191c1a,
1237
- "on-background": #e1e3df,
1238
- "surface": #111412,
1239
- "on-surface": #e1e3df,
1240
- "surface-variant": #404943,
1241
- "on-surface-variant": #c0c9c1,
1242
- "outline": #8a938c,
1243
- "outline-variant": #404943,
1244
- "shadow": #000000,
1245
- "scrim": #000000,
1246
- "inverse-surface": #e1e3df,
1247
- "inverse-on-surface": #2e312e,
1248
- "inverse-primary": #006c46,
1249
- "surface-dim": #111412,
1250
- "surface-bright": #373a37,
1251
- "surface-container-lowest": #0c0f0d,
1252
- "surface-container-low": #191c1a,
1253
- "surface-container": #1d201e,
1254
- "surface-container-high": #282b28,
1255
- "surface-container-highest": #323633,
1256
- ),
1257
- ),
1258
- "gold": (
1259
- "light": (
1260
- "primary": #7a5900,
1261
- "on-primary": #ffffff,
1262
- "primary-container": #ffdea2,
1263
- "on-primary-container": #261900,
1264
- "secondary": #6c5c3f,
1265
- "on-secondary": #ffffff,
1266
- "secondary-container": #f6e0bb,
1267
- "on-secondary-container": #251a04,
1268
- "tertiary": #4b6546,
1269
- "on-tertiary": #ffffff,
1270
- "tertiary-container": #cdebc3,
1271
- "on-tertiary-container": #092008,
1272
- "error": #ba1a1a,
1273
- "on-error": #ffffff,
1274
- "error-container": #ffdad6,
1275
- "on-error-container": #410002,
1276
- "background": #fffbff,
1277
- "on-background": #1e1b16,
1278
- "surface": #fff8f2,
1279
- "on-surface": #1e1b16,
1280
- "surface-variant": #ede1cf,
1281
- "on-surface-variant": #4d4639,
1282
- "outline": #7f7667,
1283
- "outline-variant": #d1c5b4,
1284
- "shadow": #000000,
1285
- "scrim": #000000,
1286
- "inverse-surface": #34302a,
1287
- "inverse-on-surface": #f8efe7,
1288
- "inverse-primary": #fcbc19,
1289
- "surface-dim": #e1d9d0,
1290
- "surface-bright": #fff8f2,
1291
- "surface-container-lowest": #ffffff,
1292
- "surface-container-low": #fbf2e9,
1293
- "surface-container": #f5ede4,
1294
- "surface-container-high": #efe7de,
1295
- "surface-container-highest": #e9e1d9,
1296
- ),
1297
- "dark": (
1298
- "primary": #fcbc19,
1299
- "on-primary": #402d00,
1300
- "primary-container": #5c4200,
1301
- "on-primary-container": #ffdea2,
1302
- "secondary": #d9c4a0,
1303
- "on-secondary": #3b2f15,
1304
- "secondary-container": #53452a,
1305
- "on-secondary-container": #f6e0bb,
1306
- "tertiary": #b1cfa8,
1307
- "on-tertiary": #1e361b,
1308
- "tertiary-container": #344d30,
1309
- "on-tertiary-container": #cdebc3,
1310
- "error": #ffb4ab,
1311
- "on-error": #690005,
1312
- "error-container": #93000a,
1313
- "on-error-container": #ffb4ab,
1314
- "background": #1e1b16,
1315
- "on-background": #e9e1d9,
1316
- "surface": #16130e,
1317
- "on-surface": #e9e1d9,
1318
- "surface-variant": #4d4639,
1319
- "on-surface-variant": #d1c5b4,
1320
- "outline": #9a8f80,
1321
- "outline-variant": #4d4639,
1322
- "shadow": #000000,
1323
- "scrim": #000000,
1324
- "inverse-surface": #e9e1d9,
1325
- "inverse-on-surface": #34302a,
1326
- "inverse-primary": #7a5900,
1327
- "surface-dim": #16130e,
1328
- "surface-bright": #3d3933,
1329
- "surface-container-lowest": #110e09,
1330
- "surface-container-low": #1e1b16,
1331
- "surface-container": #221f1a,
1332
- "surface-container-high": #2d2924,
1333
- "surface-container-highest": #38342e,
1334
- ),
1335
- ),
1336
- "vitamin-c": (
1337
- "light": (
1338
- "primary": #895100,
1339
- "on-primary": #ffffff,
1340
- "primary-container": #ffdcbc,
1341
- "on-primary-container": #2c1700,
1342
- "secondary": #725a42,
1343
- "on-secondary": #ffffff,
1344
- "secondary-container": #feddbe,
1345
- "on-secondary-container": #291805,
1346
- "tertiary": #57633b,
1347
- "on-tertiary": #ffffff,
1348
- "tertiary-container": #dbe8b5,
1349
- "on-tertiary-container": #151f01,
1350
- "error": #ba1a1a,
1351
- "on-error": #ffffff,
1352
- "error-container": #ffdad6,
1353
- "on-error-container": #410002,
1354
- "background": #fffbff,
1355
- "on-background": #1f1b16,
1356
- "surface": #fff8f4,
1357
- "on-surface": #1f1b16,
1358
- "surface-variant": #f2dfd0,
1359
- "on-surface-variant": #50453a,
1360
- "outline": #837568,
1361
- "outline-variant": #d5c3b5,
1362
- "shadow": #000000,
1363
- "scrim": #000000,
1364
- "inverse-surface": #352f2b,
1365
- "inverse-on-surface": #faefe7,
1366
- "inverse-primary": #ffb86c,
1367
- "surface-dim": #e3d8d1,
1368
- "surface-bright": #fff8f4,
1369
- "surface-container-lowest": #ffffff,
1370
- "surface-container-low": #fdf2ea,
1371
- "surface-container": #f7ece4,
1372
- "surface-container-high": #f1e6df,
1373
- "surface-container-highest": #ebe1d9,
1374
- ),
1375
- "dark": (
1376
- "primary": #ffb86c,
1377
- "on-primary": #492900,
1378
- "primary-container": #683d00,
1379
- "on-primary-container": #ffdcbc,
1380
- "secondary": #e1c1a3,
1381
- "on-secondary": #402c18,
1382
- "secondary-container": #58432c,
1383
- "on-secondary-container": #feddbe,
1384
- "tertiary": #bfcc9b,
1385
- "on-tertiary": #2a3411,
1386
- "tertiary-container": #404b25,
1387
- "on-tertiary-container": #dbe8b5,
1388
- "error": #ffb4ab,
1389
- "on-error": #690005,
1390
- "error-container": #93000a,
1391
- "on-error-container": #ffb4ab,
1392
- "background": #1f1b16,
1393
- "on-background": #ebe1d9,
1394
- "surface": #17130e,
1395
- "on-surface": #ebe1d9,
1396
- "surface-variant": #50453a,
1397
- "on-surface-variant": #d5c3b5,
1398
- "outline": #9d8e81,
1399
- "outline-variant": #50453a,
1400
- "shadow": #000000,
1401
- "scrim": #000000,
1402
- "inverse-surface": #ebe1d9,
1403
- "inverse-on-surface": #352f2b,
1404
- "inverse-primary": #895100,
1405
- "surface-dim": #17130e,
1406
- "surface-bright": #3e3833,
1407
- "surface-container-lowest": #120d09,
1408
- "surface-container-low": #1f1b16,
1409
- "surface-container": #241f1a,
1410
- "surface-container-high": #2e2924,
1411
- "surface-container-highest": #39342f,
1412
- ),
1413
- ),
1414
- "burtuqali": (
1415
- "light": (
1416
- "primary": #a14000,
1417
- "on-primary": #ffffff,
1418
- "primary-container": #ffdbcc,
1419
- "on-primary-container": #351000,
1420
- "secondary": #76574a,
1421
- "on-secondary": #ffffff,
1422
- "secondary-container": #ffdbcc,
1423
- "on-secondary-container": #2c160b,
1424
- "tertiary": #665f31,
1425
- "on-tertiary": #ffffff,
1426
- "tertiary-container": #eee4a9,
1427
- "on-tertiary-container": #201c00,
1428
- "error": #ba1a1a,
1429
- "on-error": #ffffff,
1430
- "error-container": #ffdad6,
1431
- "on-error-container": #410002,
1432
- "background": #fffbff,
1433
- "on-background": #201a18,
1434
- "surface": #fff8f6,
1435
- "on-surface": #201a18,
1436
- "surface-variant": #f4ded5,
1437
- "on-surface-variant": #52443d,
1438
- "outline": #85736c,
1439
- "outline-variant": #d7c2ba,
1440
- "shadow": #000000,
1441
- "scrim": #000000,
1442
- "inverse-surface": #362f2c,
1443
- "inverse-on-surface": #fbeee9,
1444
- "inverse-primary": #ffb694,
1445
- "surface-dim": #e4d7d3,
1446
- "surface-bright": #fff8f6,
1447
- "surface-container-lowest": #ffffff,
1448
- "surface-container-low": #fef1ec,
1449
- "surface-container": #f8ebe7,
1450
- "surface-container-high": #f2e6e1,
1451
- "surface-container-highest": #ede0db,
1452
- ),
1453
- "dark": (
1454
- "primary": #ffb694,
1455
- "on-primary": #571f00,
1456
- "primary-container": #7b2f00,
1457
- "on-primary-container": #ffdbcc,
1458
- "secondary": #e6bead,
1459
- "on-secondary": #442a1f,
1460
- "secondary-container": #5d4033,
1461
- "on-secondary-container": #ffdbcc,
1462
- "tertiary": #d1c88f,
1463
- "on-tertiary": #363107,
1464
- "tertiary-container": #4d471b,
1465
- "on-tertiary-container": #eee4a9,
1466
- "error": #ffb4ab,
1467
- "on-error": #690005,
1468
- "error-container": #93000a,
1469
- "on-error-container": #ffb4ab,
1470
- "background": #201a18,
1471
- "on-background": #ede0db,
1472
- "surface": #181210,
1473
- "on-surface": #ede0db,
1474
- "surface-variant": #52443d,
1475
- "on-surface-variant": #d7c2ba,
1476
- "outline": #a08d85,
1477
- "outline-variant": #52443d,
1478
- "shadow": #000000,
1479
- "scrim": #000000,
1480
- "inverse-surface": #ede0db,
1481
- "inverse-on-surface": #362f2c,
1482
- "inverse-primary": #a14000,
1483
- "surface-dim": #181210,
1484
- "surface-bright": #3f3835,
1485
- "surface-container-lowest": #120d0b,
1486
- "surface-container-low": #201a18,
1487
- "surface-container": #251e1c,
1488
- "surface-container-high": #2f2926,
1489
- "surface-container-highest": #3a3330,
1490
- ),
1491
- ),
1492
- );
1493
-
1494
- @mixin -emit-tokens($map) {
1495
- @each $name, $value in $map {
1496
- --#{$name}: #{$value};
1497
- }
1498
- }
1499
-
1500
- $-default-theme: list.nth(map.keys($themes), 1);
1501
-
1502
- :root {
1503
- @include -emit-tokens(map.get(map.get($themes, $-default-theme), "light"));
1504
- }
1505
-
1506
- @each $-theme-name, $-modes in $themes {
1507
- // Explicit light and the light branch of auto share light tokens.
1508
- :root[data-theme="#{$-theme-name}"][data-mode="light"],
1509
- :root[data-theme="#{$-theme-name}"][data-mode="auto"] {
1510
- @include -emit-tokens(map.get($-modes, "light"));
1511
- }
1512
-
1513
- // Explicit dark.
1514
- :root[data-theme="#{$-theme-name}"][data-mode="dark"] {
1515
- @include -emit-tokens(map.get($-modes, "dark"));
1516
- }
1517
-
1518
- // Auto resolves to dark when the OS reports dark — CSS handles this live,
1519
- // so the framework needs no JS hook for system-pref changes here.
1520
- @media (prefers-color-scheme: dark) {
1521
- :root[data-theme="#{$-theme-name}"][data-mode="auto"] {
1522
- @include -emit-tokens(map.get($-modes, "dark"));
1523
- }
1524
- }
1525
- }