@times-design-system/theme-css 1.9.0 → 2.0.1-alpha.2

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 (2) hide show
  1. package/dist/variables.css +1857 -2130
  2. package/package.json +2 -2
package/dist/variables.css CHANGED
@@ -19,327 +19,10 @@
19
19
  --fontLineHeight050: 1.75;
20
20
  --fontLineHeight060: 2;
21
21
 
22
- [data-theme="channels"] {
23
- --ramp-home-50: #f9fbfe;
24
- --ramp-home-100: #f4f7fd;
25
- --ramp-home-150: #eef3fb;
26
- --ramp-home-200: #e3ebf9;
27
- --ramp-home-250: #d8e3f7;
28
- --ramp-home-300: #c7d7f3;
29
- --ramp-home-350: #b1c6ee;
30
- --ramp-home-400: #9ab6e9;
31
- --ramp-home-450: #84a6e3;
32
- --ramp-home-500: #6c95de;
33
- --ramp-home-550: #5686d9;
34
- --ramp-home-600: #3e75d3;
35
- --ramp-home-650: #2a69cf;
36
- --ramp-home-700: #135dcb;
37
- --ramp-home-750: #1254b7;
38
- --ramp-home-800: #104aa2;
39
- --ramp-home-850: #0f418e;
40
- --ramp-home-900: #0d387a;
41
- --ramp-home-950: #0c2f66;
42
- --ramp-home-1000: #0a2551;
43
- --ramp-uk-50: #fbfbfc;
44
- --ramp-uk-100: #f7f8f9;
45
- --ramp-uk-150: #f2f4f5;
46
- --ramp-uk-200: #eaedef;
47
- --ramp-uk-250: #e1e5e9;
48
- --ramp-uk-300: #d5dbdf;
49
- --ramp-uk-350: #c4ccd2;
50
- --ramp-uk-400: #b3bdc5;
51
- --ramp-uk-450: #a2afb9;
52
- --ramp-uk-500: #909fab;
53
- --ramp-uk-550: #80929f;
54
- --ramp-uk-600: #6f8392;
55
- --ramp-uk-650: #627889;
56
- --ramp-uk-700: #556d7f;
57
- --ramp-uk-750: #4d6272;
58
- --ramp-uk-800: #445766;
59
- --ramp-uk-850: #3c4c59;
60
- --ramp-uk-900: #33414c;
61
- --ramp-uk-950: #2b3740;
62
- --ramp-uk-1000: #222c33;
63
- --ramp-world-50: #fafcfc;
64
- --ramp-world-100: #f4f8f8;
65
- --ramp-world-150: #eff5f5;
66
- --ramp-world-200: #e4eeef;
67
- --ramp-world-250: #d9e8e8;
68
- --ramp-world-300: #c8ddde;
69
- --ramp-world-350: #b2d0d1;
70
- --ramp-world-400: #9bc3c4;
71
- --ramp-world-450: #85b5b7;
72
- --ramp-world-500: #6ca7a9;
73
- --ramp-world-550: #569a9d;
74
- --ramp-world-600: #3c8c90;
75
- --ramp-world-650: #258286;
76
- --ramp-world-700: #00787c;
77
- --ramp-world-750: #036c70;
78
- --ramp-world-800: #056063;
79
- --ramp-world-850: #075457;
80
- --ramp-world-900: #08484a;
81
- --ramp-world-950: #083c3e;
82
- --ramp-world-1000: #083032;
83
- --ramp-business-50: #fafbfd;
84
- --ramp-business-100: #f5f8fa;
85
- --ramp-business-150: #eff4f8;
86
- --ramp-business-200: #e5edf3;
87
- --ramp-business-250: #dae6ee;
88
- --ramp-business-300: #cadbe7;
89
- --ramp-business-350: #b5cddd;
90
- --ramp-business-400: #a0bfd3;
91
- --ramp-business-450: #8bb1c9;
92
- --ramp-business-500: #74a1be;
93
- --ramp-business-550: #5f94b5;
94
- --ramp-business-600: #4886ab;
95
- --ramp-business-650: #367ba4;
96
- --ramp-business-700: #21709c;
97
- --ramp-business-750: #1e658c;
98
- --ramp-business-800: #1b5a7d;
99
- --ramp-business-850: #184e6d;
100
- --ramp-business-900: #15435e;
101
- --ramp-business-950: #12384e;
102
- --ramp-business-1000: #0f2d3e;
103
- --ramp-money-50: #fbfdfc;
104
- --ramp-money-100: #f7faf9;
105
- --ramp-money-150: #f3f8f6;
106
- --ramp-money-200: #ebf4f0;
107
- --ramp-money-250: #e3efea;
108
- --ramp-money-300: #d7e8e1;
109
- --ramp-money-350: #c6dfd4;
110
- --ramp-money-400: #b6d6c8;
111
- --ramp-money-450: #a5cdbc;
112
- --ramp-money-500: #94c3af;
113
- --ramp-money-550: #84baa4;
114
- --ramp-money-600: #73b197;
115
- --ramp-money-650: #66aa8e;
116
- --ramp-money-700: #58a385;
117
- --ramp-money-750: #4f9378;
118
- --ramp-money-800: #47826a;
119
- --ramp-money-850: #3e725d;
120
- --ramp-money-900: #356250;
121
- --ramp-money-950: #2c5243;
122
- --ramp-money-1000: #244135;
123
- --ramp-comment-50: #fdfafa;
124
- --ramp-comment-100: #faf4f6;
125
- --ramp-comment-150: #f8eff1;
126
- --ramp-comment-200: #f4e4e8;
127
- --ramp-comment-250: #efd9df;
128
- --ramp-comment-300: #e8c9d1;
129
- --ramp-comment-350: #deb3be;
130
- --ramp-comment-400: #d59dac;
131
- --ramp-comment-450: #cb8799;
132
- --ramp-comment-500: #c07086;
133
- --ramp-comment-550: #b65b74;
134
- --ramp-comment-600: #ac4461;
135
- --ramp-comment-650: #a33253;
136
- --ramp-comment-700: #9b1f45;
137
- --ramp-comment-750: #8c1c3e;
138
- --ramp-comment-800: #7c1937;
139
- --ramp-comment-850: #6d1630;
140
- --ramp-comment-900: #5d1429;
141
- --ramp-comment-950: #4e1123;
142
- --ramp-comment-1000: #3e0e1c;
143
- --ramp-sport-50: #fafcfa;
144
- --ramp-sport-100: #f4f8f6;
145
- --ramp-sport-150: #eff5f1;
146
- --ramp-sport-200: #e4eee7;
147
- --ramp-sport-250: #d9e8de;
148
- --ramp-sport-300: #c8ded0;
149
- --ramp-sport-350: #b2d1bc;
150
- --ramp-sport-400: #9cc3a9;
151
- --ramp-sport-450: #85b696;
152
- --ramp-sport-500: #6da882;
153
- --ramp-sport-550: #569c70;
154
- --ramp-sport-600: #3c8e5d;
155
- --ramp-sport-650: #26844e;
156
- --ramp-sport-700: #007a3f;
157
- --ramp-sport-750: #036e39;
158
- --ramp-sport-800: #066232;
159
- --ramp-sport-850: #07552c;
160
- --ramp-sport-900: #084926;
161
- --ramp-sport-950: #083d20;
162
- --ramp-sport-1000: #083119;
163
- --ramp-travel-50: #fafcfd;
164
- --ramp-travel-100: #f5f8fb;
165
- --ramp-travel-150: #f0f5f9;
166
- --ramp-travel-200: #e6eef5;
167
- --ramp-travel-250: #dce8f1;
168
- --ramp-travel-300: #cddeeb;
169
- --ramp-travel-350: #b8d0e3;
170
- --ramp-travel-400: #a4c3db;
171
- --ramp-travel-450: #8fb6d2;
172
- --ramp-travel-500: #79a7ca;
173
- --ramp-travel-550: #669bc2;
174
- --ramp-travel-600: #508dba;
175
- --ramp-travel-650: #3f83b3;
176
- --ramp-travel-700: #2c79ad;
177
- --ramp-travel-750: #286d9c;
178
- --ramp-travel-800: #24618a;
179
- --ramp-travel-850: #205579;
180
- --ramp-travel-900: #1b4968;
181
- --ramp-travel-950: #173d57;
182
- --ramp-travel-1000: #133045;
183
- --ramp-puzzle-50: #fefcfa;
184
- --ramp-puzzle-100: #fef8f5;
185
- --ramp-puzzle-150: #fdf5f0;
186
- --ramp-puzzle-200: #fceee7;
187
- --ramp-puzzle-250: #fae7dd;
188
- --ramp-puzzle-300: #f8dcce;
189
- --ramp-puzzle-350: #f5cfba;
190
- --ramp-puzzle-400: #f2c1a7;
191
- --ramp-puzzle-450: #efb393;
192
- --ramp-puzzle-500: #eba47e;
193
- --ramp-puzzle-550: #e8976a;
194
- --ramp-puzzle-600: #e58856;
195
- --ramp-puzzle-650: #e27e45;
196
- --ramp-puzzle-700: #df7334;
197
- --ramp-puzzle-750: #c9682f;
198
- --ramp-puzzle-800: #b25c2a;
199
- --ramp-puzzle-850: #9c5125;
200
- --ramp-puzzle-900: #864520;
201
- --ramp-puzzle-950: #703a1b;
202
- --ramp-puzzle-1000: #592e16;
203
- --ramp-culture-50: #fdfafb;
204
- --ramp-culture-100: #faf4f7;
205
- --ramp-culture-150: #f8eff3;
206
- --ramp-culture-200: #f3e4ec;
207
- --ramp-culture-250: #eedae4;
208
- --ramp-culture-300: #e6c9d9;
209
- --ramp-culture-350: #dcb4c9;
210
- --ramp-culture-400: #d19eba;
211
- --ramp-culture-450: #c789aa;
212
- --ramp-culture-500: #bb729a;
213
- --ramp-culture-550: #b15d8b;
214
- --ramp-culture-600: #a6477c;
215
- --ramp-culture-650: #9d3570;
216
- --ramp-culture-700: #942364;
217
- --ramp-culture-750: #85205a;
218
- --ramp-culture-800: #771c50;
219
- --ramp-culture-850: #681946;
220
- --ramp-culture-900: #59163c;
221
- --ramp-culture-950: #4a1232;
222
- --ramp-culture-1000: #3c0f28;
223
- --ramp-life-and-style-50: #f8fdfe;
224
- --ramp-life-and-style-100: #f1fcfd;
225
- --ramp-life-and-style-150: #eafafd;
226
- --ramp-life-and-style-200: #dcf7fb;
227
- --ramp-life-and-style-250: #cef4fa;
228
- --ramp-life-and-style-300: #b9eff7;
229
- --ramp-life-and-style-350: #9ee8f4;
230
- --ramp-life-and-style-400: #82e2f1;
231
- --ramp-life-and-style-450: #66dbee;
232
- --ramp-life-and-style-500: #48d5eb;
233
- --ramp-life-and-style-550: #2ecfe8;
234
- --ramp-life-and-style-600: #19c4df;
235
- --ramp-life-and-style-650: #39a6ba;
236
- --ramp-life-and-style-700: #149fb5;
237
- --ramp-life-and-style-750: #1a8ea1;
238
- --ramp-life-and-style-800: #1d7d8e;
239
- --ramp-life-and-style-850: #1e6d7b;
240
- --ramp-life-and-style-900: #1e5d69;
241
- --ramp-life-and-style-950: #1c4d57;
242
- --ramp-life-and-style-1000: #1a3e45;
243
- --ramp-obituaries-50: #fbfbfb;
244
- --ramp-obituaries-100: #f8f8f8;
245
- --ramp-obituaries-150: #f4f4f4;
246
- --ramp-obituaries-200: #ededec;
247
- --ramp-obituaries-250: #e5e5e5;
248
- --ramp-obituaries-300: #dadada;
249
- --ramp-obituaries-350: #cccccb;
250
- --ramp-obituaries-400: #bdbdbc;
251
- --ramp-obituaries-450: #aeaead;
252
- --ramp-obituaries-500: #9f9f9d;
253
- --ramp-obituaries-550: #91918f;
254
- --ramp-obituaries-600: #828280;
255
- --ramp-obituaries-650: #777774;
256
- --ramp-obituaries-700: #6c6c69;
257
- --ramp-obituaries-750: #61615f;
258
- --ramp-obituaries-800: #565654;
259
- --ramp-obituaries-850: #4c4c4a;
260
- --ramp-obituaries-900: #41413f;
261
- --ramp-obituaries-950: #363635;
262
- --ramp-obituaries-1000: #2b2b2a;
263
- --ramp-ireland-50: #f9fafa;
264
- --ramp-ireland-100: #f3f5f5;
265
- --ramp-ireland-150: #eef0f0;
266
- --ramp-ireland-200: #e2e7e6;
267
- --ramp-ireland-250: #d6dddc;
268
- --ramp-ireland-300: #c5cfcd;
269
- --ramp-ireland-350: #adbbb9;
270
- --ramp-ireland-400: #96a8a6;
271
- --ramp-ireland-450: #7e9492;
272
- --ramp-ireland-500: #65807d;
273
- --ramp-ireland-550: #4f6e6a;
274
- --ramp-ireland-600: #375a56;
275
- --ramp-ireland-650: #244c47;
276
- --ramp-ireland-700: #0f3d38;
277
- --ramp-ireland-750: #0e3732;
278
- --ramp-ireland-800: #0d312d;
279
- --ramp-ireland-850: #0b2b27;
280
- --ramp-ireland-900: #0a2522;
281
- --ramp-ireland-950: #091f1c;
282
- --ramp-ireland-1000: #071816;
283
- --ramp-times-radio-cobalt-50: #fafbfc;
284
- --ramp-times-radio-cobalt-100: #f5f7f9;
285
- --ramp-times-radio-cobalt-150: #f0f2f6;
286
- --ramp-times-radio-cobalt-200: #e6eaf1;
287
- --ramp-times-radio-cobalt-250: #dce2eb;
288
- --ramp-times-radio-cobalt-300: #cdd5e2;
289
- --ramp-times-radio-cobalt-350: #b8c5d7;
290
- --ramp-times-radio-cobalt-400: #a4b4cb;
291
- --ramp-times-radio-cobalt-450: #90a3c0;
292
- --ramp-times-radio-cobalt-500: #7a92b3;
293
- --ramp-times-radio-cobalt-550: #6782a8;
294
- --ramp-times-radio-cobalt-600: #52719d;
295
- --ramp-times-radio-cobalt-650: #436594;
296
- --ramp-times-radio-cobalt-700: #33588b;
297
- --ramp-times-radio-cobalt-750: #2e4f7d;
298
- --ramp-times-radio-cobalt-800: #29466f;
299
- --ramp-times-radio-cobalt-850: #243e61;
300
- --ramp-times-radio-cobalt-900: #1f3553;
301
- --ramp-times-radio-cobalt-950: #1a2c46;
302
- --ramp-times-radio-cobalt-1000: #152338;
303
- --ramp-times-radio-coral-50: #fffbfb;
304
- --ramp-times-radio-coral-100: #fef7f7;
305
- --ramp-times-radio-coral-150: #fef3f3;
306
- --ramp-times-radio-coral-200: #fdebea;
307
- --ramp-times-radio-coral-250: #fce4e2;
308
- --ramp-times-radio-coral-300: #fbd8d6;
309
- --ramp-times-radio-coral-350: #f9c8c5;
310
- --ramp-times-radio-coral-400: #f6b8b5;
311
- --ramp-times-radio-coral-450: #f4a8a4;
312
- --ramp-times-radio-coral-500: #f19892;
313
- --ramp-times-radio-coral-550: #ef8883;
314
- --ramp-times-radio-coral-600: #ec7872;
315
- --ramp-times-radio-coral-650: #e96c65;
316
- --ramp-times-radio-coral-700: #e75f58;
317
- --ramp-times-radio-coral-750: #d0564f;
318
- --ramp-times-radio-coral-800: #b94c46;
319
- --ramp-times-radio-coral-850: #a2433e;
320
- --ramp-times-radio-coral-900: #8b3935;
321
- --ramp-times-radio-coral-950: #74302c;
322
- --ramp-times-radio-coral-1000: #5d2623;
323
- --base-puzzle: #df7334;
324
- --base-culture: #942364;
325
- --base-obituaries: #6c6c69;
326
- --base-ireland: #0f3d38;
327
- --base-life-and-style: #149fb5;
328
- --base-travel: #2c79ad;
329
- --base-sport: #007a3f;
330
- --base-business: #21709c;
331
- --base-comment: #9b1f45;
332
- --base-money: #58a385;
333
- --base-world: #00787c;
334
- --base-home: #135dcb;
335
- --base-uk: #556d7f;
336
- --base-times-radio-cobalt: #33588b;
337
- --base-times-radio-coral: #e75f58;
338
- }
339
-
340
22
  [data-theme="core"] {
341
23
  --surface-undercanvas: #f2f2f2;
342
24
  --surface-canvas: #ffffff;
25
+ --surface-transparent: #ffffff;
343
26
  --surface-level-1: #ffffff;
344
27
  --surface-level-2: #ffffff;
345
28
  --surface-level-3: #ffffff;
@@ -347,95 +30,97 @@
347
30
  --surface-inverse: #000000;
348
31
  --surface-overlay: rgba(0, 0, 0, 0.45);
349
32
  --surface-channel-50: #ffffff;
350
- --surface-channel-100: #e6e5e6;
351
- --surface-channel-200: #a7a7a7;
33
+ --surface-channel-100: #e6e6e6;
34
+ --surface-channel-200: #a8a8a8;
352
35
  --surface-channel-300: #737373;
353
36
  --surface-channel-400: #4d4d4d;
354
37
  --surface-channel-500: #262626;
355
38
  --surface-static-dark: #000000;
356
39
  --surface-static-light: #ffffff;
357
- --text-primary: #1a191a;
40
+ --text-primary: #1a1a1a;
358
41
  --text-inverse: #ffffff;
359
42
  --text-secondary: #404040;
360
43
  --text-tertiary: #737373;
361
44
  --text-channel-primary: #4d4d4d;
362
- --text-channel-secondary: #737373;
45
+ --text-channel-secondary: #666666;
46
+ --text-channel-tertiary: #8c8c8c;
363
47
  --text-static-dark: #000000;
364
48
  --text-static-light: #ffffff;
365
- --icon-primary: #1a191a;
49
+ --icon-primary: #1a1a1a;
366
50
  --icon-inverse: #ffffff;
367
51
  --icon-secondary: #404040;
368
52
  --icon-tertiary: #737373;
369
53
  --icon-channel-primary: #4d4d4d;
370
- --icon-channel-secondary: #737373;
371
- --border-primary: #a7a7a7;
54
+ --icon-channel-secondary: #666666;
55
+ --icon-channel-tertiary: #8c8c8c;
56
+ --border-primary: #b3b3b3;
372
57
  --border-secondary: #cccccc;
373
- --border-tertiary: #e6e5e6;
374
- --border-channel-primary: #a7a7a7;
58
+ --border-tertiary: #e6e6e6;
59
+ --border-channel-primary: #b3b3b3;
375
60
  --border-channel-secondary: #cccccc;
376
- --border-channel-tertiary: #e6e5e6;
377
- --border-elevation: #e6e5e6;
61
+ --border-channel-tertiary: #e6e6e6;
62
+ --border-elevation: #e6e6e6;
378
63
  --border-static-dark: #000000;
379
64
  --border-static-light: #ffffff;
380
65
  --input-fill-default: #ffffff;
381
- --input-fill-error: #ffefee;
66
+ --input-fill-error: #ffefef;
382
67
  --input-fill-hover: #f2f2f2;
383
68
  --input-fill-active: #ffffff;
384
69
  --input-fill-completed: #ffffff;
385
- --input-fill-success: #e8f4ed;
386
- --input-fill-warning: #fff8ef;
387
- --input-fill-info: #eef1f8;
70
+ --input-fill-success: #e9f3ed;
71
+ --input-fill-warning: #fff7ef;
72
+ --input-fill-info: #eff2f8;
388
73
  --input-border-default: #8c8c8c;
389
- --input-border-error: #b30906;
390
- --input-border-hover: #d9d9d9;
74
+ --input-border-error: #b20908;
75
+ --input-border-hover: #6d6d6d;
391
76
  --input-border-active: #595959;
392
77
  --input-border-completed: #262626;
393
- --input-border-success: #288359;
394
- --input-border-warning: #cc8207;
395
- --input-border-info: #2558a9;
78
+ --input-border-success: #298458;
79
+ --input-border-warning: #cc8103;
80
+ --input-border-info: #2658a9;
396
81
  --input-text-default: #737373;
397
- --input-text-error: #1a191a;
82
+ --input-text-error: #1a1a1a;
398
83
  --input-text-hover: #404040;
399
- --input-text-active: #1a191a;
400
- --input-text-completed: #1a191a;
401
- --input-text-success: #1a191a;
402
- --input-text-warning: #1a191a;
403
- --input-text-info: #1a191a;
84
+ --input-text-active: #1a1a1a;
85
+ --input-text-completed: #1a1a1a;
86
+ --input-text-success: #1a1a1a;
87
+ --input-text-warning: #1a1a1a;
88
+ --input-text-info: #1a1a1a;
404
89
  --input-icon-default: #8c8c8c;
405
- --input-icon-hover: #d9d9d9;
90
+ --input-icon-hover: #6d6d6d;
406
91
  --input-icon-active: #595959;
407
92
  --input-icon-completed: #262626;
408
- --input-icon-error: #b30906;
409
- --input-icon-success: #288359;
410
- --input-icon-warning: #cc8207;
411
- --input-icon-info: #2558a9;
412
- --messaging-fill-error: #ffefee;
413
- --messaging-fill-success: #e8f4ed;
414
- --messaging-fill-warning: #fff8ef;
415
- --messaging-fill-info: #eef1f8;
416
- --messaging-border-error: #b30906;
417
- --messaging-border-success: #288359;
418
- --messaging-border-warning: #e69304;
93
+ --input-icon-error: #b20908;
94
+ --input-icon-success: #298458;
95
+ --input-icon-warning: #cc8103;
96
+ --input-icon-info: #2658a9;
97
+ --messaging-fill-error: #ffefef;
98
+ --messaging-fill-success: #e9f3ed;
99
+ --messaging-fill-warning: #fff7ef;
100
+ --messaging-fill-info: #eff2f8;
101
+ --messaging-border-error: #b20908;
102
+ --messaging-border-success: #298458;
103
+ --messaging-border-warning: #e49307;
419
104
  --messaging-border-info: #0f4aa2;
420
- --messaging-icon-error: #cc0705;
105
+ --messaging-icon-error: #cb0705;
421
106
  --messaging-icon-success: #31a46f;
422
- --messaging-icon-warning: #e69304;
107
+ --messaging-icon-warning: #e49307;
423
108
  --messaging-icon-info: #0f4aa2;
424
- --messaging-link-text-default: #1a191a;
425
- --messaging-link-text-hover: #d9d9d9;
426
- --messaging-link-text-pressed: #cccccc;
427
- --messaging-link-text-visited: #ffffff;
428
- --messaging-link-icon-default: #1a191a;
429
- --messaging-link-icon-hover: #d9d9d9;
430
- --messaging-link-icon-pressed: #cccccc;
431
- --messaging-link-icon-visited: #ffffff;
432
- --messaging-link-underline-default: #1a191a;
433
- --messaging-link-underline-hover: #ffffff;
434
- --messaging-link-underline-pressed: #ffffff;
435
- --messaging-link-underline-visited: #ffffff;
109
+ --messaging-link-text-default: #1a1a1a;
110
+ --messaging-link-text-hover: #161616;
111
+ --messaging-link-text-pressed: #151515;
112
+ --messaging-link-text-visited: #484848;
113
+ --messaging-link-icon-default: #1a1a1a;
114
+ --messaging-link-icon-hover: #161616;
115
+ --messaging-link-icon-pressed: #151515;
116
+ --messaging-link-icon-visited: #484848;
117
+ --messaging-link-underline-default: #1a1a1a;
118
+ --messaging-link-underline-hover: #3c3c3c;
119
+ --messaging-link-underline-pressed: #484848;
120
+ --messaging-link-underline-visited: #4e4e4e;
436
121
  --interactive-primary-fill-default: #005c8a;
437
122
  --interactive-primary-fill-hover: #004e75;
438
- --interactive-primary-fill-pressed: #004a6e;
123
+ --interactive-primary-fill-pressed: #00496e;
439
124
  --interactive-primary-text-default: #ffffff;
440
125
  --interactive-primary-text-hover: #ffffff;
441
126
  --interactive-primary-text-pressed: #ffffff;
@@ -446,56 +131,56 @@
446
131
  --interactive-secondary-fill-hover: #d9d9d9;
447
132
  --interactive-secondary-fill-pressed: #cccccc;
448
133
  --interactive-secondary-border-default: #8c8c8c;
449
- --interactive-secondary-border-hover: #d9d9d9;
450
- --interactive-secondary-border-pressed: #cccccc;
451
- --interactive-secondary-text-default: #1a191a;
452
- --interactive-secondary-text-hover: #d9d9d9;
453
- --interactive-secondary-text-pressed: #cccccc;
454
- --interactive-secondary-icon-default: #1a191a;
455
- --interactive-secondary-icon-hover: #d9d9d9;
456
- --interactive-secondary-icon-pressed: #cccccc;
134
+ --interactive-secondary-border-hover: #777777;
135
+ --interactive-secondary-border-pressed: #707070;
136
+ --interactive-secondary-text-default: #1a1a1a;
137
+ --interactive-secondary-text-hover: #161616;
138
+ --interactive-secondary-text-pressed: #151515;
139
+ --interactive-secondary-icon-default: #1a1a1a;
140
+ --interactive-secondary-icon-hover: #161616;
141
+ --interactive-secondary-icon-pressed: #111111;
457
142
  --interactive-disabled-a: #d9d9d9;
458
143
  --interactive-disabled-b: #bfbfbf;
459
- --interactive-disabled-c: #a7a7a7;
144
+ --interactive-disabled-c: #a8a8a8;
460
145
  --interactive-negative-fill-default: #ffffff;
461
146
  --interactive-negative-fill-hover: #d9d9d9;
462
147
  --interactive-negative-fill-pressed: #cccccc;
463
- --interactive-negative-border-default: #cc0705;
464
- --interactive-negative-border-hover: #d90000;
465
- --interactive-negative-border-pressed: #cc0000;
466
- --interactive-negative-text-default: #cc0705;
467
- --interactive-negative-text-hover: #d90000;
468
- --interactive-negative-text-pressed: #cc0000;
469
- --interactive-negative-icon-default: #cc0705;
470
- --interactive-negative-icon-hover: #d90000;
471
- --interactive-negative-icon-pressed: #cc0000;
472
- --interactive-link-primary-text-default: #286c96;
473
- --interactive-link-primary-text-hover: #004e75;
474
- --interactive-link-primary-text-pressed: #004a6e;
475
- --interactive-link-primary-text-visited: #0075af;
476
- --interactive-link-primary-icon-default: #286c96;
477
- --interactive-link-primary-icon-hover: #004e75;
478
- --interactive-link-primary-icon-pressed: #004a6e;
479
- --interactive-link-primary-icon-visited: #0075af;
480
- --interactive-link-primary-underline-default: #286c96;
481
- --interactive-link-primary-underline-hover: #004e75;
482
- --interactive-link-primary-underline-pressed: #004a6e;
483
- --interactive-link-primary-underline-visited: #0075af;
484
- --interactive-link-secondary-text-default: #1a191a;
485
- --interactive-link-secondary-text-hover: #d9d9d9;
486
- --interactive-link-secondary-text-pressed: #cccccc;
487
- --interactive-link-secondary-text-visited: #ffffff;
488
- --interactive-link-secondary-icon-default: #1a191a;
489
- --interactive-link-secondary-icon-hover: #d9d9d9;
490
- --interactive-link-secondary-icon-pressed: #cccccc;
491
- --interactive-link-secondary-icon-visited: #ffffff;
492
- --interactive-link-secondary-underline-default: #1a191a;
493
- --interactive-link-secondary-underline-hover: #ffffff;
494
- --interactive-link-secondary-underline-pressed: #ffffff;
495
- --interactive-link-secondary-underline-visited: #ffffff;
148
+ --interactive-negative-border-default: #cb0705;
149
+ --interactive-negative-border-hover: #ad0604;
150
+ --interactive-negative-border-pressed: #a20604;
151
+ --interactive-negative-text-default: #cb0705;
152
+ --interactive-negative-text-hover: #ad0604;
153
+ --interactive-negative-text-pressed: #a20604;
154
+ --interactive-negative-icon-default: #cb0705;
155
+ --interactive-negative-icon-hover: #ad0604;
156
+ --interactive-negative-icon-pressed: #a20604;
157
+ --interactive-link-primary-text-default: #266d95;
158
+ --interactive-link-primary-text-hover: #205c7f;
159
+ --interactive-link-primary-text-pressed: #1e5777;
160
+ --interactive-link-primary-text-visited: #2d7faf;
161
+ --interactive-link-primary-icon-default: #266d95;
162
+ --interactive-link-primary-icon-hover: #205c7f;
163
+ --interactive-link-primary-icon-pressed: #1e5777;
164
+ --interactive-link-primary-icon-visited: #2d7faf;
165
+ --interactive-link-primary-underline-default: #266d95;
166
+ --interactive-link-primary-underline-hover: #205c7f;
167
+ --interactive-link-primary-underline-pressed: #1e5777;
168
+ --interactive-link-primary-underline-visited: #2d7faf;
169
+ --interactive-link-secondary-text-default: #1a1a1a;
170
+ --interactive-link-secondary-text-hover: #161616;
171
+ --interactive-link-secondary-text-pressed: #151515;
172
+ --interactive-link-secondary-text-visited: #484848;
173
+ --interactive-link-secondary-icon-default: #1a1a1a;
174
+ --interactive-link-secondary-icon-hover: #161616;
175
+ --interactive-link-secondary-icon-pressed: #151515;
176
+ --interactive-link-secondary-icon-visited: #484848;
177
+ --interactive-link-secondary-underline-default: #1a1a1a;
178
+ --interactive-link-secondary-underline-hover: #3c3c3c;
179
+ --interactive-link-secondary-underline-pressed: #484848;
180
+ --interactive-link-secondary-underline-visited: #4e4e4e;
496
181
  --interactive-chip-primary-on-fill-default: #005c8a;
497
182
  --interactive-chip-primary-on-fill-hover: #004e75;
498
- --interactive-chip-primary-on-fill-pressed: #004a6e;
183
+ --interactive-chip-primary-on-fill-pressed: #00496e;
499
184
  --interactive-chip-primary-on-text-default: #ffffff;
500
185
  --interactive-chip-primary-on-text-hover: #d9d9d9;
501
186
  --interactive-chip-primary-on-text-pressed: #cccccc;
@@ -503,106 +188,106 @@
503
188
  --interactive-chip-primary-on-icon-hover: #d9d9d9;
504
189
  --interactive-chip-primary-on-icon-pressed: #cccccc;
505
190
  --interactive-chip-primary-off-fill-default: #f2f2f2;
506
- --interactive-chip-primary-off-fill-hover: #d9d9d9;
507
- --interactive-chip-primary-off-fill-pressed: #cccccc;
191
+ --interactive-chip-primary-off-fill-hover: #cecece;
192
+ --interactive-chip-primary-off-fill-pressed: #c2c2c2;
508
193
  --interactive-chip-primary-off-text-default: #005c8a;
509
194
  --interactive-chip-primary-off-text-hover: #004e75;
510
- --interactive-chip-primary-off-text-pressed: #004a6e;
195
+ --interactive-chip-primary-off-text-pressed: #00496e;
511
196
  --interactive-chip-primary-off-icon-default: #005c8a;
512
197
  --interactive-chip-primary-off-icon-hover: #004e75;
513
- --interactive-chip-primary-off-icon-pressed: #004a6e;
198
+ --interactive-chip-primary-off-icon-pressed: #00496e;
514
199
  --interactive-chip-primary-off-border-default: #005c8a;
515
200
  --interactive-chip-primary-off-border-hover: #004e75;
516
- --interactive-chip-primary-off-border-pressed: #004a6e;
517
- --interactive-chip-secondary-on-text-default: #1a191a;
518
- --interactive-chip-secondary-on-text-hover: #d9d9d9;
519
- --interactive-chip-secondary-on-text-pressed: #cccccc;
201
+ --interactive-chip-primary-off-border-pressed: #00496e;
202
+ --interactive-chip-secondary-on-text-default: #1a1a1a;
203
+ --interactive-chip-secondary-on-text-hover: #161616;
204
+ --interactive-chip-secondary-on-text-pressed: #151515;
520
205
  --interactive-chip-secondary-on-fill-default: #ffffff;
521
206
  --interactive-chip-secondary-on-fill-hover: #d9d9d9;
522
207
  --interactive-chip-secondary-on-fill-pressed: #cccccc;
523
208
  --interactive-chip-secondary-on-border-default: #8c8c8c;
524
- --interactive-chip-secondary-on-border-hover: #d9d9d9;
525
- --interactive-chip-secondary-on-border-pressed: #cccccc;
526
- --interactive-chip-secondary-on-icon-default: #1a191a;
527
- --interactive-chip-secondary-on-icon-hover: #d9d9d9;
528
- --interactive-chip-secondary-on-icon-pressed: #cccccc;
209
+ --interactive-chip-secondary-on-border-hover: #777777;
210
+ --interactive-chip-secondary-on-border-pressed: #707070;
211
+ --interactive-chip-secondary-on-icon-default: #1a1a1a;
212
+ --interactive-chip-secondary-on-icon-hover: #161616;
213
+ --interactive-chip-secondary-on-icon-pressed: #151515;
529
214
  --interactive-chip-secondary-off-fill-default: #f2f2f2;
530
- --interactive-chip-secondary-off-fill-hover: #d9d9d9;
531
- --interactive-chip-secondary-off-fill-pressed: #cccccc;
215
+ --interactive-chip-secondary-off-fill-hover: #cecece;
216
+ --interactive-chip-secondary-off-fill-pressed: #c2c2c2;
532
217
  --interactive-chip-secondary-off-text-default: #404040;
533
- --interactive-chip-secondary-off-text-hover: #d9d9d9;
534
- --interactive-chip-secondary-off-text-pressed: #cccccc;
218
+ --interactive-chip-secondary-off-text-hover: #363636;
219
+ --interactive-chip-secondary-off-text-pressed: #333333;
535
220
  --interactive-chip-secondary-off-icon-default: #404040;
536
- --interactive-chip-secondary-off-icon-hover: #d9d9d9;
537
- --interactive-chip-secondary-off-icon-pressed: #cccccc;
221
+ --interactive-chip-secondary-off-icon-hover: #363636;
222
+ --interactive-chip-secondary-off-icon-pressed: #333333;
538
223
  --interactive-chip-channel-secondary-on-fill-default: #ffffff;
539
224
  --interactive-chip-channel-secondary-on-fill-hover: #d9d9d9;
540
225
  --interactive-chip-channel-secondary-on-fill-pressed: #cccccc;
541
226
  --interactive-chip-channel-secondary-on-text-default: #737373;
542
- --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
543
- --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
227
+ --interactive-chip-channel-secondary-on-text-hover: #626262;
228
+ --interactive-chip-channel-secondary-on-text-pressed: #5c5c5c;
544
229
  --interactive-chip-channel-secondary-on-icon-default: #737373;
545
- --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
546
- --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
230
+ --interactive-chip-channel-secondary-on-icon-hover: #626262;
231
+ --interactive-chip-channel-secondary-on-icon-pressed: #5c5c5c;
547
232
  --interactive-chip-channel-secondary-on-border-default: #737373;
548
- --interactive-chip-channel-secondary-on-border-hover: #d9d9d9;
549
- --interactive-chip-channel-secondary-on-border-pressed: #cccccc;
550
- --interactive-chip-channel-secondary-off-fill-default: #e6e5e6;
551
- --interactive-chip-channel-secondary-off-fill-hover: #d9d9d9;
233
+ --interactive-chip-channel-secondary-on-border-hover: #626262;
234
+ --interactive-chip-channel-secondary-on-border-pressed: #5c5c5c;
235
+ --interactive-chip-channel-secondary-off-fill-default: #e6e6e6;
236
+ --interactive-chip-channel-secondary-off-fill-hover: #c4c4c4;
552
237
  --interactive-chip-channel-secondary-off-fill-pressed: #cccccc;
553
238
  --interactive-chip-channel-secondary-off-text-default: #4d4d4d;
554
- --interactive-chip-channel-secondary-off-text-hover: #d9d9d9;
555
- --interactive-chip-channel-secondary-off-text-pressed: #cccccc;
239
+ --interactive-chip-channel-secondary-off-text-hover: #424242;
240
+ --interactive-chip-channel-secondary-off-text-pressed: #3e3e3e;
556
241
  --interactive-chip-channel-secondary-off-icon-default: #4d4d4d;
557
- --interactive-chip-channel-secondary-off-icon-hover: #d9d9d9;
558
- --interactive-chip-channel-secondary-off-icon-pressed: #cccccc;
242
+ --interactive-chip-channel-secondary-off-icon-hover: #424242;
243
+ --interactive-chip-channel-secondary-off-icon-pressed: #3e3e3e;
559
244
  --interactive-chip-channel-primary-on-fill-default: #737373;
560
- --interactive-chip-channel-primary-on-fill-hover: #d9d9d9;
561
- --interactive-chip-channel-primary-on-fill-pressed: #cccccc;
245
+ --interactive-chip-channel-primary-on-fill-hover: #626262;
246
+ --interactive-chip-channel-primary-on-fill-pressed: #5c5c5c;
562
247
  --interactive-chip-channel-primary-on-text-default: #ffffff;
563
248
  --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
564
249
  --interactive-chip-channel-primary-on-text-pressed: #cccccc;
565
250
  --interactive-chip-channel-primary-on-icon-default: #ffffff;
566
251
  --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
567
252
  --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
568
- --interactive-chip-channel-primary-off-fill-default: #e6e5e6;
569
- --interactive-chip-channel-primary-off-fill-hover: #d9d9d9;
570
- --interactive-chip-channel-primary-off-fill-pressed: #cccccc;
253
+ --interactive-chip-channel-primary-off-fill-default: #e6e6e6;
254
+ --interactive-chip-channel-primary-off-fill-hover: #c4c4c4;
255
+ --interactive-chip-channel-primary-off-fill-pressed: #b8b8b8;
571
256
  --interactive-chip-channel-primary-off-text-default: #262626;
572
- --interactive-chip-channel-primary-off-text-hover: #d9d9d9;
573
- --interactive-chip-channel-primary-off-text-pressed: #cccccc;
257
+ --interactive-chip-channel-primary-off-text-hover: #202020;
258
+ --interactive-chip-channel-primary-off-text-pressed: #1e1e1e;
574
259
  --interactive-chip-channel-primary-off-icon-default: #262626;
575
- --interactive-chip-channel-primary-off-icon-hover: #d9d9d9;
576
- --interactive-chip-channel-primary-off-icon-pressed: #cccccc;
577
- --interactive-chip-channel-primary-off-border-default: #a7a7a7;
578
- --interactive-chip-channel-primary-off-border-hover: #d9d9d9;
579
- --interactive-chip-channel-primary-off-border-pressed: #cccccc;
260
+ --interactive-chip-channel-primary-off-icon-hover: #202020;
261
+ --interactive-chip-channel-primary-off-icon-pressed: #1e1e1e;
262
+ --interactive-chip-channel-primary-off-border-default: #a8a8a8;
263
+ --interactive-chip-channel-primary-off-border-hover: #8f8f8f;
264
+ --interactive-chip-channel-primary-off-border-pressed: #868686;
580
265
  --active-fill: #000000;
581
266
  --active-text: #ffffff;
582
267
  --active-border: #000000;
583
268
  --active-icon: #ffffff;
584
269
  --focus-border: #737373;
585
- --label-primary: #1a191a;
270
+ --label-primary: #1a1a1a;
586
271
  --label-secondary: #737373;
587
272
  --label-channel: #595959;
588
- --label-callout: #b30906;
273
+ --label-callout: #b20908;
589
274
  --flag-primary-fill: #000000;
590
275
  --flag-primary-text: #f2f2f2;
591
276
  --flag-primary-icon: #f2f2f2;
592
- --flag-secondary-text: #1a191a;
593
- --flag-secondary-icon: #1a191a;
594
- --flag-channel-fill: #a7a7a7;
277
+ --flag-secondary-text: #1a1a1a;
278
+ --flag-secondary-icon: #1a1a1a;
279
+ --flag-channel-fill: #a8a8a8;
595
280
  --flag-channel-text: #262626;
596
281
  --flag-channel-icon: #262626;
597
- --flag-callout-fill: #b30906;
282
+ --flag-callout-fill: #b20908;
598
283
  --flag-callout-text: #ffffff;
599
284
  --flag-callout-icon: #ffffff;
600
- --toast-fill-info: #0c3471;
601
- --toast-fill-success: #24734e;
602
- --toast-fill-warning: #e69304;
603
- --toast-fill-error: #cc0705;
604
- --toast-icon-info: #97aed6;
605
- --toast-icon-success: #aad6bf;
285
+ --toast-fill-info: #0a3472;
286
+ --toast-fill-success: #22724f;
287
+ --toast-fill-warning: #e49307;
288
+ --toast-fill-error: #cb0705;
289
+ --toast-icon-info: #97aed7;
290
+ --toast-icon-success: #a9d8be;
606
291
  --toast-icon-warning: #ffdfb5;
607
292
  --toast-icon-error: #ffb4b0;
608
293
  --toast-text-info: #ffffff;
@@ -619,8 +304,8 @@
619
304
  --toast-link-error-hover: #d9d9d9;
620
305
  --toast-link-error-pressed: #cccccc;
621
306
  --toast-link-warning-default: #000000;
622
- --toast-link-warning-hover: #d9d9d9;
623
- --toast-link-warning-pressed: #cccccc;
307
+ --toast-link-warning-hover: #000000;
308
+ --toast-link-warning-pressed: #000000;
624
309
  --tooltip-fill: #000000;
625
310
  --tooltip-text: #ffffff;
626
311
  --tooltip-icon: #ffffff;
@@ -628,58 +313,60 @@
628
313
 
629
314
  [data-theme="comment"] {
630
315
  --surface-channel-50: #fdfafa;
631
- --surface-channel-100: #f8eff1;
632
- --surface-channel-200: #deb3be;
316
+ --surface-channel-100: #f9eff2;
317
+ --surface-channel-200: #e0b3bf;
633
318
  --surface-channel-300: #9b1f45;
634
- --surface-channel-400: #6d1630;
635
- --surface-channel-500: #4e1123;
636
- --text-channel-primary: #6d1630;
637
- --text-channel-secondary: #9b1f45;
319
+ --surface-channel-400: #6c1730;
320
+ --surface-channel-500: #4e0f24;
321
+ --text-channel-primary: #9b1f45;
322
+ --text-channel-secondary: #aa4361;
323
+ --text-channel-tertiary: #c06f85;
638
324
  --icon-channel-primary: #9b1f45;
639
- --icon-channel-secondary: #ac4461;
640
- --border-channel-primary: #a33253;
641
- --border-channel-secondary: #c07086;
642
- --border-channel-tertiary: #deb3be;
325
+ --icon-channel-secondary: #aa4361;
326
+ --icon-channel-tertiary: #c06f85;
327
+ --border-channel-primary: #e0b3bf;
328
+ --border-channel-secondary: #eed8de;
329
+ --border-channel-tertiary: #f9eff2;
643
330
  --interactive-chip-channel-secondary-on-fill-default: #fdfafa;
644
- --interactive-chip-channel-secondary-on-fill-hover: #841a3b;
645
- --interactive-chip-channel-secondary-on-fill-pressed: #7c1937;
331
+ --interactive-chip-channel-secondary-on-fill-hover: #e7c4c4;
332
+ --interactive-chip-channel-secondary-on-fill-pressed: #e0b2b2;
646
333
  --interactive-chip-channel-secondary-on-text-default: #9b1f45;
647
- --interactive-chip-channel-secondary-on-text-hover: #841a3b;
334
+ --interactive-chip-channel-secondary-on-text-hover: #841a3a;
648
335
  --interactive-chip-channel-secondary-on-text-pressed: #7c1937;
649
336
  --interactive-chip-channel-secondary-on-icon-default: #9b1f45;
650
- --interactive-chip-channel-secondary-on-icon-hover: #841a3b;
337
+ --interactive-chip-channel-secondary-on-icon-hover: #841a3a;
651
338
  --interactive-chip-channel-secondary-on-icon-pressed: #7c1937;
652
339
  --interactive-chip-channel-secondary-on-border-default: #9b1f45;
653
- --interactive-chip-channel-secondary-on-border-hover: #841a3b;
340
+ --interactive-chip-channel-secondary-on-border-hover: #841a3a;
654
341
  --interactive-chip-channel-secondary-on-border-pressed: #7c1937;
655
- --interactive-chip-channel-secondary-off-fill-default: #f8eff1;
656
- --interactive-chip-channel-secondary-off-fill-hover: #841a3b;
657
- --interactive-chip-channel-secondary-off-fill-pressed: #7c1937;
658
- --interactive-chip-channel-secondary-off-text-default: #6d1630;
659
- --interactive-chip-channel-secondary-off-text-hover: #841a3b;
660
- --interactive-chip-channel-secondary-off-text-pressed: #7c1937;
661
- --interactive-chip-channel-secondary-off-icon-default: #6d1630;
662
- --interactive-chip-channel-secondary-off-icon-hover: #841a3b;
663
- --interactive-chip-channel-secondary-off-icon-pressed: #7c1937;
342
+ --interactive-chip-channel-secondary-off-fill-default: #f9eff2;
343
+ --interactive-chip-channel-secondary-off-fill-hover: #e5bac7;
344
+ --interactive-chip-channel-secondary-off-fill-pressed: #e0b2b2;
345
+ --interactive-chip-channel-secondary-off-text-default: #6c1730;
346
+ --interactive-chip-channel-secondary-off-text-hover: #5c1429;
347
+ --interactive-chip-channel-secondary-off-text-pressed: #561227;
348
+ --interactive-chip-channel-secondary-off-icon-default: #6c1730;
349
+ --interactive-chip-channel-secondary-off-icon-hover: #5c1429;
350
+ --interactive-chip-channel-secondary-off-icon-pressed: #561227;
664
351
  --interactive-chip-channel-primary-on-fill-default: #9b1f45;
665
- --interactive-chip-channel-primary-on-fill-hover: #841a3b;
352
+ --interactive-chip-channel-primary-on-fill-hover: #841a3a;
666
353
  --interactive-chip-channel-primary-on-fill-pressed: #7c1937;
667
- --interactive-chip-channel-primary-off-fill-default: #f8eff1;
668
- --interactive-chip-channel-primary-off-fill-hover: #841a3b;
669
- --interactive-chip-channel-primary-off-fill-pressed: #7c1937;
670
- --interactive-chip-channel-primary-off-text-default: #4e1123;
671
- --interactive-chip-channel-primary-off-text-hover: #841a3b;
672
- --interactive-chip-channel-primary-off-text-pressed: #7c1937;
673
- --interactive-chip-channel-primary-off-icon-default: #4e1123;
674
- --interactive-chip-channel-primary-off-icon-hover: #841a3b;
675
- --interactive-chip-channel-primary-off-icon-pressed: #7c1937;
676
- --interactive-chip-channel-primary-off-border-default: #deb3be;
677
- --interactive-chip-channel-primary-off-border-hover: #841a3b;
678
- --interactive-chip-channel-primary-off-border-pressed: #7c1937;
679
- --label-channel: #c07086;
680
- --flag-channel-fill: #deb3be;
681
- --flag-channel-text: #4e1123;
682
- --flag-channel-icon: #4e1123;
354
+ --interactive-chip-channel-primary-off-fill-default: #f9eff2;
355
+ --interactive-chip-channel-primary-off-fill-hover: #e5bac7;
356
+ --interactive-chip-channel-primary-off-fill-pressed: #dea8b8;
357
+ --interactive-chip-channel-primary-off-text-default: #4e0f24;
358
+ --interactive-chip-channel-primary-off-text-hover: #420d1f;
359
+ --interactive-chip-channel-primary-off-text-pressed: #3e0c1d;
360
+ --interactive-chip-channel-primary-off-icon-default: #4e0f24;
361
+ --interactive-chip-channel-primary-off-icon-hover: #420d1f;
362
+ --interactive-chip-channel-primary-off-icon-pressed: #3e0c1d;
363
+ --interactive-chip-channel-primary-off-border-default: #e0b3bf;
364
+ --interactive-chip-channel-primary-off-border-hover: #cf889b;
365
+ --interactive-chip-channel-primary-off-border-pressed: #c97a8f;
366
+ --label-channel: #c06f85;
367
+ --flag-channel-fill: #e0b3bf;
368
+ --flag-channel-text: #4e0f24;
369
+ --flag-channel-icon: #4e0f24;
683
370
  }
684
371
 
685
372
  [data-theme="life-and-style"] {
@@ -688,73 +375,77 @@
688
375
  --surface-channel-200: #82e2f1;
689
376
  --surface-channel-300: #149fb5;
690
377
  --surface-channel-400: #1e6d7b;
691
- --surface-channel-500: #1c4d57;
692
- --text-channel-primary: #1e6d7b;
693
- --text-channel-secondary: #149fb5;
378
+ --surface-channel-500: #1d4d57;
379
+ --text-channel-primary: #1d5d69;
380
+ --text-channel-secondary: #1d7d8e;
381
+ --text-channel-tertiary: #149fb5;
694
382
  --icon-channel-primary: #149fb5;
695
383
  --icon-channel-secondary: #1d7d8e;
696
- --border-channel-primary: #39a6ba;
697
- --border-channel-secondary: #48d5eb;
698
- --border-channel-tertiary: #9ee8f4;
384
+ --icon-channel-tertiary: #149fb5;
385
+ --border-channel-primary: #9ee9f4;
386
+ --border-channel-secondary: #cef4fa;
387
+ --border-channel-tertiary: #eafafd;
699
388
  --interactive-chip-channel-secondary-on-fill-default: #f8fdfe;
700
- --interactive-chip-channel-secondary-on-fill-hover: #11879a;
701
- --interactive-chip-channel-secondary-on-fill-pressed: #107f91;
389
+ --interactive-chip-channel-secondary-on-fill-hover: #b6eaf5;
390
+ --interactive-chip-channel-secondary-on-fill-pressed: #a0e4f1;
702
391
  --interactive-chip-channel-secondary-on-text-default: #149fb5;
703
- --interactive-chip-channel-secondary-on-text-hover: #11879a;
704
- --interactive-chip-channel-secondary-on-text-pressed: #107f91;
392
+ --interactive-chip-channel-secondary-on-text-hover: #11889a;
393
+ --interactive-chip-channel-secondary-on-text-pressed: #108091;
705
394
  --interactive-chip-channel-secondary-on-icon-default: #149fb5;
706
- --interactive-chip-channel-secondary-on-icon-hover: #11879a;
707
- --interactive-chip-channel-secondary-on-icon-pressed: #107f91;
395
+ --interactive-chip-channel-secondary-on-icon-hover: #11889a;
396
+ --interactive-chip-channel-secondary-on-icon-pressed: #108091;
708
397
  --interactive-chip-channel-secondary-on-border-default: #149fb5;
709
- --interactive-chip-channel-secondary-on-border-hover: #11879a;
710
- --interactive-chip-channel-secondary-on-border-pressed: #107f91;
398
+ --interactive-chip-channel-secondary-on-border-hover: #11889a;
399
+ --interactive-chip-channel-secondary-on-border-pressed: #108091;
711
400
  --interactive-chip-channel-secondary-off-fill-default: #dcf7fb;
712
- --interactive-chip-channel-secondary-off-fill-hover: #11879a;
713
- --interactive-chip-channel-secondary-off-fill-pressed: #107f91;
401
+ --interactive-chip-channel-secondary-off-fill-hover: #9de8f4;
402
+ --interactive-chip-channel-secondary-off-fill-pressed: #88e3f1;
714
403
  --interactive-chip-channel-secondary-off-text-default: #1e6d7b;
715
- --interactive-chip-channel-secondary-off-text-hover: #11879a;
716
- --interactive-chip-channel-secondary-off-text-pressed: #107f91;
404
+ --interactive-chip-channel-secondary-off-text-hover: #195d69;
405
+ --interactive-chip-channel-secondary-off-text-pressed: #185762;
717
406
  --interactive-chip-channel-secondary-off-icon-default: #1e6d7b;
718
- --interactive-chip-channel-secondary-off-icon-hover: #11879a;
719
- --interactive-chip-channel-secondary-off-icon-pressed: #107f91;
407
+ --interactive-chip-channel-secondary-off-icon-hover: #195d69;
408
+ --interactive-chip-channel-secondary-off-icon-pressed: #185762;
720
409
  --interactive-chip-channel-primary-on-fill-default: #149fb5;
721
- --interactive-chip-channel-primary-on-fill-hover: #11879a;
722
- --interactive-chip-channel-primary-on-fill-pressed: #107f91;
410
+ --interactive-chip-channel-primary-on-fill-hover: #11889a;
411
+ --interactive-chip-channel-primary-on-fill-pressed: #108091;
723
412
  --interactive-chip-channel-primary-off-fill-default: #dcf7fb;
724
- --interactive-chip-channel-primary-off-fill-hover: #11879a;
725
- --interactive-chip-channel-primary-off-fill-pressed: #107f91;
726
- --interactive-chip-channel-primary-off-text-default: #1c4d57;
727
- --interactive-chip-channel-primary-off-text-hover: #11879a;
728
- --interactive-chip-channel-primary-off-text-pressed: #107f91;
729
- --interactive-chip-channel-primary-off-icon-default: #1c4d57;
730
- --interactive-chip-channel-primary-off-icon-hover: #11879a;
731
- --interactive-chip-channel-primary-off-icon-pressed: #107f91;
413
+ --interactive-chip-channel-primary-off-fill-hover: #9de8f4;
414
+ --interactive-chip-channel-primary-off-fill-pressed: #88e3f1;
415
+ --interactive-chip-channel-primary-off-text-default: #1d4d57;
416
+ --interactive-chip-channel-primary-off-text-hover: #19424a;
417
+ --interactive-chip-channel-primary-off-text-pressed: #173e46;
418
+ --interactive-chip-channel-primary-off-icon-default: #1d4d57;
419
+ --interactive-chip-channel-primary-off-icon-hover: #19424a;
420
+ --interactive-chip-channel-primary-off-icon-pressed: #173e46;
732
421
  --interactive-chip-channel-primary-off-border-default: #82e2f1;
733
- --interactive-chip-channel-primary-off-border-hover: #11879a;
734
- --interactive-chip-channel-primary-off-border-pressed: #107f91;
735
- --label-channel: #48d5eb;
422
+ --interactive-chip-channel-primary-off-border-hover: #50d7eb;
423
+ --interactive-chip-channel-primary-off-border-pressed: #3fd3ea;
424
+ --label-channel: #49d5eb;
736
425
  --flag-channel-fill: #82e2f1;
737
- --flag-channel-text: #1c4d57;
738
- --flag-channel-icon: #1c4d57;
426
+ --flag-channel-text: #1d4d57;
427
+ --flag-channel-icon: #1d4d57;
739
428
  }
740
429
 
741
430
  [data-theme="puzzles"] {
742
- --surface-channel-50: #fefcfa;
743
- --surface-channel-100: #fceee7;
744
- --surface-channel-200: #f2c1a7;
431
+ --surface-channel-50: #fffcfa;
432
+ --surface-channel-100: #fdede7;
433
+ --surface-channel-200: #f3c0a7;
745
434
  --surface-channel-300: #df7334;
746
- --surface-channel-400: #9c5125;
747
- --surface-channel-500: #703a1b;
748
- --text-channel-primary: #9c5125;
749
- --text-channel-secondary: #df7334;
435
+ --surface-channel-400: #9b5024;
436
+ --surface-channel-500: #703b1a;
437
+ --text-channel-primary: #864421;
438
+ --text-channel-secondary: #b45c2a;
439
+ --text-channel-tertiary: #df7334;
750
440
  --icon-channel-primary: #df7334;
751
- --icon-channel-secondary: #c9682f;
752
- --border-channel-primary: #e27e45;
753
- --border-channel-secondary: #eba47e;
754
- --border-channel-tertiary: #f5cfba;
755
- --interactive-chip-channel-secondary-on-fill-default: #fefcfa;
756
- --interactive-chip-channel-secondary-on-fill-hover: #ca5e20;
757
- --interactive-chip-channel-secondary-on-fill-pressed: #be591e;
441
+ --icon-channel-secondary: #c96930;
442
+ --icon-channel-tertiary: #df7334;
443
+ --border-channel-primary: #f6d0ba;
444
+ --border-channel-secondary: #fbe7dc;
445
+ --border-channel-tertiary: #fef4ef;
446
+ --interactive-chip-channel-secondary-on-fill-default: #fffcfa;
447
+ --interactive-chip-channel-secondary-on-fill-hover: #ffcfae;
448
+ --interactive-chip-channel-secondary-on-fill-pressed: #ffbf95;
758
449
  --interactive-chip-channel-secondary-on-text-default: #df7334;
759
450
  --interactive-chip-channel-secondary-on-text-hover: #ca5e20;
760
451
  --interactive-chip-channel-secondary-on-text-pressed: #be591e;
@@ -764,53 +455,55 @@
764
455
  --interactive-chip-channel-secondary-on-border-default: #df7334;
765
456
  --interactive-chip-channel-secondary-on-border-hover: #ca5e20;
766
457
  --interactive-chip-channel-secondary-on-border-pressed: #be591e;
767
- --interactive-chip-channel-secondary-off-fill-default: #fceee7;
768
- --interactive-chip-channel-secondary-off-fill-hover: #ca5e20;
769
- --interactive-chip-channel-secondary-off-fill-pressed: #be591e;
770
- --interactive-chip-channel-secondary-off-text-default: #9c5125;
771
- --interactive-chip-channel-secondary-off-text-hover: #ca5e20;
772
- --interactive-chip-channel-secondary-off-text-pressed: #be591e;
773
- --interactive-chip-channel-secondary-off-icon-default: #9c5125;
774
- --interactive-chip-channel-secondary-off-icon-hover: #ca5e20;
775
- --interactive-chip-channel-secondary-off-icon-pressed: #be591e;
458
+ --interactive-chip-channel-secondary-off-fill-default: #fdede7;
459
+ --interactive-chip-channel-secondary-off-fill-hover: #f7bba4;
460
+ --interactive-chip-channel-secondary-off-fill-pressed: #f6aa8e;
461
+ --interactive-chip-channel-secondary-off-text-default: #9b5024;
462
+ --interactive-chip-channel-secondary-off-text-hover: #84441f;
463
+ --interactive-chip-channel-secondary-off-text-pressed: #7c401d;
464
+ --interactive-chip-channel-secondary-off-icon-default: #9b5024;
465
+ --interactive-chip-channel-secondary-off-icon-hover: #84441f;
466
+ --interactive-chip-channel-secondary-off-icon-pressed: #7c401d;
776
467
  --interactive-chip-channel-primary-on-fill-default: #df7334;
777
468
  --interactive-chip-channel-primary-on-fill-hover: #ca5e20;
778
469
  --interactive-chip-channel-primary-on-fill-pressed: #be591e;
779
- --interactive-chip-channel-primary-off-fill-default: #fceee7;
780
- --interactive-chip-channel-primary-off-fill-hover: #ca5e20;
781
- --interactive-chip-channel-primary-off-fill-pressed: #be591e;
782
- --interactive-chip-channel-primary-off-text-default: #703a1b;
783
- --interactive-chip-channel-primary-off-text-hover: #ca5e20;
784
- --interactive-chip-channel-primary-off-text-pressed: #be591e;
785
- --interactive-chip-channel-primary-off-icon-default: #703a1b;
786
- --interactive-chip-channel-primary-off-icon-hover: #ca5e20;
787
- --interactive-chip-channel-primary-off-icon-pressed: #be591e;
788
- --interactive-chip-channel-primary-off-border-default: #f2c1a7;
789
- --interactive-chip-channel-primary-off-border-hover: #ca5e20;
790
- --interactive-chip-channel-primary-off-border-pressed: #be591e;
791
- --label-channel: #eba47e;
792
- --flag-channel-fill: #f2c1a7;
793
- --flag-channel-text: #703a1b;
794
- --flag-channel-icon: #703a1b;
470
+ --interactive-chip-channel-primary-off-fill-default: #fdede7;
471
+ --interactive-chip-channel-primary-off-fill-hover: #f7bba4;
472
+ --interactive-chip-channel-primary-off-fill-pressed: #f6aa8e;
473
+ --interactive-chip-channel-primary-off-text-default: #703b1a;
474
+ --interactive-chip-channel-primary-off-text-hover: #5f3216;
475
+ --interactive-chip-channel-primary-off-text-pressed: #592f15;
476
+ --interactive-chip-channel-primary-off-icon-default: #703b1a;
477
+ --interactive-chip-channel-primary-off-icon-hover: #5f3216;
478
+ --interactive-chip-channel-primary-off-icon-pressed: #592f15;
479
+ --interactive-chip-channel-primary-off-border-default: #f3c0a7;
480
+ --interactive-chip-channel-primary-off-border-hover: #ec9971;
481
+ --interactive-chip-channel-primary-off-border-pressed: #e98c5f;
482
+ --label-channel: #eba37f;
483
+ --flag-channel-fill: #f3c0a7;
484
+ --flag-channel-text: #703b1a;
485
+ --flag-channel-icon: #703b1a;
795
486
  }
796
487
 
797
488
  [data-theme="home"] {
798
- --surface-channel-50: #f9fbfe;
799
- --surface-channel-100: #eef3fb;
800
- --surface-channel-200: #b1c6ee;
489
+ --surface-channel-50: #fafafd;
490
+ --surface-channel-100: #eff2fb;
491
+ --surface-channel-200: #b1c8ee;
801
492
  --surface-channel-300: #135dcb;
802
- --surface-channel-400: #0f418e;
803
- --surface-channel-500: #0c2f66;
804
- --text-channel-primary: #0f418e;
805
- --text-channel-secondary: #135dcb;
493
+ --surface-channel-400: #10418f;
494
+ --surface-channel-500: #0e2f64;
495
+ --text-channel-primary: #1053b6;
496
+ --text-channel-secondary: #286ad0;
497
+ --text-channel-tertiary: #5686da;
806
498
  --icon-channel-primary: #135dcb;
807
- --icon-channel-secondary: #3e75d3;
808
- --border-channel-primary: #2a69cf;
809
- --border-channel-secondary: #6c95de;
810
- --border-channel-tertiary: #b1c6ee;
811
- --interactive-chip-channel-secondary-on-fill-default: #f9fbfe;
812
- --interactive-chip-channel-secondary-on-fill-hover: #104fad;
813
- --interactive-chip-channel-secondary-on-fill-pressed: #0f4aa2;
499
+ --icon-channel-secondary: #3f77d2;
500
+ --icon-channel-tertiary: #5686da;
501
+ --border-channel-primary: #b1c8ee;
502
+ --border-channel-secondary: #d6e3f7;
503
+ --border-channel-tertiary: #eff2fb;
504
+ --interactive-chip-channel-secondary-on-fill-default: #fafafd;
505
+ --interactive-chip-channel-secondary-on-fill-hover: #c4c4e7;
506
+ --interactive-chip-channel-secondary-on-fill-pressed: #b2b2e0;
814
507
  --interactive-chip-channel-secondary-on-text-default: #135dcb;
815
508
  --interactive-chip-channel-secondary-on-text-hover: #104fad;
816
509
  --interactive-chip-channel-secondary-on-text-pressed: #0f4aa2;
@@ -820,333 +513,345 @@
820
513
  --interactive-chip-channel-secondary-on-border-default: #135dcb;
821
514
  --interactive-chip-channel-secondary-on-border-hover: #104fad;
822
515
  --interactive-chip-channel-secondary-on-border-pressed: #0f4aa2;
823
- --interactive-chip-channel-secondary-off-fill-default: #eef3fb;
824
- --interactive-chip-channel-secondary-off-fill-hover: #104fad;
825
- --interactive-chip-channel-secondary-off-fill-pressed: #0f4aa2;
826
- --interactive-chip-channel-secondary-off-text-default: #0f418e;
827
- --interactive-chip-channel-secondary-off-text-hover: #104fad;
828
- --interactive-chip-channel-secondary-off-text-pressed: #0f4aa2;
829
- --interactive-chip-channel-secondary-off-icon-default: #0f418e;
830
- --interactive-chip-channel-secondary-off-icon-hover: #104fad;
831
- --interactive-chip-channel-secondary-off-icon-pressed: #0f4aa2;
516
+ --interactive-chip-channel-secondary-off-fill-default: #eff2fb;
517
+ --interactive-chip-channel-secondary-off-fill-hover: #b4c2ec;
518
+ --interactive-chip-channel-secondary-off-fill-pressed: #a1b2e7;
519
+ --interactive-chip-channel-secondary-off-text-default: #10418f;
520
+ --interactive-chip-channel-secondary-off-text-hover: #0e377a;
521
+ --interactive-chip-channel-secondary-off-text-pressed: #0d3472;
522
+ --interactive-chip-channel-secondary-off-icon-default: #10418f;
523
+ --interactive-chip-channel-secondary-off-icon-hover: #0e377a;
524
+ --interactive-chip-channel-secondary-off-icon-pressed: #0d3472;
832
525
  --interactive-chip-channel-primary-on-fill-default: #135dcb;
833
526
  --interactive-chip-channel-primary-on-fill-hover: #104fad;
834
527
  --interactive-chip-channel-primary-on-fill-pressed: #0f4aa2;
835
- --interactive-chip-channel-primary-off-fill-default: #eef3fb;
836
- --interactive-chip-channel-primary-off-fill-hover: #104fad;
837
- --interactive-chip-channel-primary-off-fill-pressed: #0f4aa2;
838
- --interactive-chip-channel-primary-off-text-default: #0c2f66;
839
- --interactive-chip-channel-primary-off-text-hover: #104fad;
840
- --interactive-chip-channel-primary-off-text-pressed: #0f4aa2;
841
- --interactive-chip-channel-primary-off-icon-default: #0c2f66;
842
- --interactive-chip-channel-primary-off-icon-hover: #104fad;
843
- --interactive-chip-channel-primary-off-icon-pressed: #0f4aa2;
844
- --interactive-chip-channel-primary-off-border-default: #b1c6ee;
845
- --interactive-chip-channel-primary-off-border-hover: #104fad;
846
- --interactive-chip-channel-primary-off-border-pressed: #0f4aa2;
847
- --label-channel: #6c95de;
848
- --flag-channel-fill: #b1c6ee;
849
- --flag-channel-text: #0c2f66;
850
- --flag-channel-icon: #0c2f66;
528
+ --interactive-chip-channel-primary-off-fill-default: #eff2fb;
529
+ --interactive-chip-channel-primary-off-fill-hover: #b4c2ec;
530
+ --interactive-chip-channel-primary-off-fill-pressed: #a1b2e7;
531
+ --interactive-chip-channel-primary-off-text-default: #0e2f64;
532
+ --interactive-chip-channel-primary-off-text-hover: #0c2855;
533
+ --interactive-chip-channel-primary-off-text-pressed: #0b2650;
534
+ --interactive-chip-channel-primary-off-icon-default: #0e2f64;
535
+ --interactive-chip-channel-primary-off-icon-hover: #0c2855;
536
+ --interactive-chip-channel-primary-off-icon-pressed: #0b2650;
537
+ --interactive-chip-channel-primary-off-border-default: #b1c8ee;
538
+ --interactive-chip-channel-primary-off-border-hover: #7ea5e3;
539
+ --interactive-chip-channel-primary-off-border-pressed: #6d99df;
540
+ --label-channel: #6d95de;
541
+ --flag-channel-fill: #b1c8ee;
542
+ --flag-channel-text: #0e2f64;
543
+ --flag-channel-icon: #0e2f64;
851
544
  }
852
545
 
853
546
  [data-theme="uk"] {
854
- --surface-channel-50: #fbfbfc;
855
- --surface-channel-100: #f2f4f5;
856
- --surface-channel-200: #c4ccd2;
857
- --surface-channel-300: #556d7f;
858
- --surface-channel-400: #3c4c59;
859
- --surface-channel-500: #2b3740;
860
- --text-channel-primary: #3c4c59;
861
- --text-channel-secondary: #556d7f;
862
- --icon-channel-primary: #556d7f;
863
- --icon-channel-secondary: #6f8392;
864
- --border-channel-primary: #627889;
865
- --border-channel-secondary: #909fab;
866
- --border-channel-tertiary: #c4ccd2;
867
- --interactive-chip-channel-secondary-on-fill-default: #fbfbfc;
868
- --interactive-chip-channel-secondary-on-fill-hover: #485d6c;
869
- --interactive-chip-channel-secondary-on-fill-pressed: #445766;
870
- --interactive-chip-channel-secondary-on-text-default: #556d7f;
871
- --interactive-chip-channel-secondary-on-text-hover: #485d6c;
872
- --interactive-chip-channel-secondary-on-text-pressed: #445766;
873
- --interactive-chip-channel-secondary-on-icon-default: #556d7f;
874
- --interactive-chip-channel-secondary-on-icon-hover: #485d6c;
875
- --interactive-chip-channel-secondary-on-icon-pressed: #445766;
876
- --interactive-chip-channel-secondary-on-border-default: #556d7f;
877
- --interactive-chip-channel-secondary-on-border-hover: #485d6c;
878
- --interactive-chip-channel-secondary-on-border-pressed: #445766;
879
- --interactive-chip-channel-secondary-off-fill-default: #f2f4f5;
880
- --interactive-chip-channel-secondary-off-fill-hover: #485d6c;
881
- --interactive-chip-channel-secondary-off-fill-pressed: #445766;
882
- --interactive-chip-channel-secondary-off-text-default: #3c4c59;
883
- --interactive-chip-channel-secondary-off-text-hover: #485d6c;
884
- --interactive-chip-channel-secondary-off-text-pressed: #445766;
885
- --interactive-chip-channel-secondary-off-icon-default: #3c4c59;
886
- --interactive-chip-channel-secondary-off-icon-hover: #485d6c;
887
- --interactive-chip-channel-secondary-off-icon-pressed: #445766;
888
- --interactive-chip-channel-primary-on-fill-default: #556d7f;
889
- --interactive-chip-channel-primary-on-fill-hover: #485d6c;
890
- --interactive-chip-channel-primary-on-fill-pressed: #445766;
891
- --interactive-chip-channel-primary-off-fill-default: #f2f4f5;
892
- --interactive-chip-channel-primary-off-fill-hover: #485d6c;
893
- --interactive-chip-channel-primary-off-fill-pressed: #445766;
894
- --interactive-chip-channel-primary-off-text-default: #2b3740;
895
- --interactive-chip-channel-primary-off-text-hover: #485d6c;
896
- --interactive-chip-channel-primary-off-text-pressed: #445766;
897
- --interactive-chip-channel-primary-off-icon-default: #2b3740;
898
- --interactive-chip-channel-primary-off-icon-hover: #485d6c;
899
- --interactive-chip-channel-primary-off-icon-pressed: #445766;
900
- --interactive-chip-channel-primary-off-border-default: #c4ccd2;
901
- --interactive-chip-channel-primary-off-border-hover: #485d6c;
902
- --interactive-chip-channel-primary-off-border-pressed: #445766;
903
- --label-channel: #909fab;
904
- --flag-channel-fill: #c4ccd2;
905
- --flag-channel-text: #2b3740;
906
- --flag-channel-icon: #2b3740;
547
+ --surface-channel-50: #f9fdfc;
548
+ --surface-channel-100: #f2f5f8;
549
+ --surface-channel-200: #bccdda;
550
+ --surface-channel-300: #407196;
551
+ --surface-channel-400: #2e5068;
552
+ --surface-channel-500: #21394c;
553
+ --text-channel-primary: #345a78;
554
+ --text-channel-secondary: #407196;
555
+ --text-channel-tertiary: #7095b0;
556
+ --icon-channel-primary: #407196;
557
+ --icon-channel-secondary: #5d86a6;
558
+ --icon-channel-tertiary: #7095b0;
559
+ --border-channel-primary: #bccdda;
560
+ --border-channel-secondary: #dfe6ee;
561
+ --border-channel-tertiary: #f2f5f8;
562
+ --interactive-chip-channel-secondary-on-fill-default: #f9fdfc;
563
+ --interactive-chip-channel-secondary-on-fill-hover: #c1eae0;
564
+ --interactive-chip-channel-secondary-on-fill-pressed: #aee4d6;
565
+ --interactive-chip-channel-secondary-on-text-default: #407196;
566
+ --interactive-chip-channel-secondary-on-text-hover: #366080;
567
+ --interactive-chip-channel-secondary-on-text-pressed: #335a78;
568
+ --interactive-chip-channel-secondary-on-icon-default: #407196;
569
+ --interactive-chip-channel-secondary-on-icon-hover: #366080;
570
+ --interactive-chip-channel-secondary-on-icon-pressed: #335a78;
571
+ --interactive-chip-channel-secondary-on-border-default: #407196;
572
+ --interactive-chip-channel-secondary-on-border-hover: #366080;
573
+ --interactive-chip-channel-secondary-on-border-pressed: #335a78;
574
+ --interactive-chip-channel-secondary-off-fill-default: #f2f5f8;
575
+ --interactive-chip-channel-secondary-off-fill-hover: #c2d0de;
576
+ --interactive-chip-channel-secondary-off-fill-pressed: #b2c4d6;
577
+ --interactive-chip-channel-secondary-off-text-default: #2e5068;
578
+ --interactive-chip-channel-secondary-off-text-hover: #274458;
579
+ --interactive-chip-channel-secondary-off-text-pressed: #254053;
580
+ --interactive-chip-channel-secondary-off-icon-default: #2e5068;
581
+ --interactive-chip-channel-secondary-off-icon-hover: #274458;
582
+ --interactive-chip-channel-secondary-off-icon-pressed: #254053;
583
+ --interactive-chip-channel-primary-on-fill-default: #407196;
584
+ --interactive-chip-channel-primary-on-fill-hover: #366080;
585
+ --interactive-chip-channel-primary-on-fill-pressed: #335a78;
586
+ --interactive-chip-channel-primary-off-fill-default: #f2f5f8;
587
+ --interactive-chip-channel-primary-off-fill-hover: #c2d0de;
588
+ --interactive-chip-channel-primary-off-fill-pressed: #b2c4d6;
589
+ --interactive-chip-channel-primary-off-text-default: #21394c;
590
+ --interactive-chip-channel-primary-off-text-hover: #1c3041;
591
+ --interactive-chip-channel-primary-off-text-pressed: #1a2d3d;
592
+ --interactive-chip-channel-primary-off-icon-default: #21394c;
593
+ --interactive-chip-channel-primary-off-icon-hover: #1c3041;
594
+ --interactive-chip-channel-primary-off-icon-pressed: #1a2d3d;
595
+ --interactive-chip-channel-primary-off-border-default: #bccdda;
596
+ --interactive-chip-channel-primary-off-border-hover: #95b0c4;
597
+ --interactive-chip-channel-primary-off-border-pressed: #88a6bd;
598
+ --label-channel: #84a2ba;
599
+ --flag-channel-fill: #bccdda;
600
+ --flag-channel-text: #21394c;
601
+ --flag-channel-icon: #21394c;
907
602
  }
908
603
 
909
604
  [data-theme="world"] {
910
- --surface-channel-50: #fafcfc;
605
+ --surface-channel-50: #f9fdfc;
911
606
  --surface-channel-100: #eff5f5;
912
- --surface-channel-200: #b2d0d1;
607
+ --surface-channel-200: #b2cfd2;
913
608
  --surface-channel-300: #00787c;
914
- --surface-channel-400: #075457;
609
+ --surface-channel-400: #085358;
915
610
  --surface-channel-500: #083c3e;
916
- --text-channel-primary: #075457;
611
+ --text-channel-primary: #056065;
917
612
  --text-channel-secondary: #00787c;
613
+ --text-channel-tertiary: #559b9d;
918
614
  --icon-channel-primary: #00787c;
919
- --icon-channel-secondary: #3c8c90;
920
- --border-channel-primary: #258286;
921
- --border-channel-secondary: #6ca7a9;
922
- --border-channel-tertiary: #b2d0d1;
923
- --interactive-chip-channel-secondary-on-fill-default: #fafcfc;
924
- --interactive-chip-channel-secondary-on-fill-hover: #006669;
925
- --interactive-chip-channel-secondary-on-fill-pressed: #006063;
615
+ --icon-channel-secondary: #3c8b90;
616
+ --icon-channel-tertiary: #559b9d;
617
+ --border-channel-primary: #b2cfd2;
618
+ --border-channel-secondary: #d8e9e8;
619
+ --border-channel-tertiary: #eff5f5;
620
+ --interactive-chip-channel-secondary-on-fill-default: #f9fdfc;
621
+ --interactive-chip-channel-secondary-on-fill-hover: #c1eae0;
622
+ --interactive-chip-channel-secondary-on-fill-pressed: #aee4d6;
926
623
  --interactive-chip-channel-secondary-on-text-default: #00787c;
927
- --interactive-chip-channel-secondary-on-text-hover: #006669;
624
+ --interactive-chip-channel-secondary-on-text-hover: #00666a;
928
625
  --interactive-chip-channel-secondary-on-text-pressed: #006063;
929
626
  --interactive-chip-channel-secondary-on-icon-default: #00787c;
930
- --interactive-chip-channel-secondary-on-icon-hover: #006669;
627
+ --interactive-chip-channel-secondary-on-icon-hover: #00666a;
931
628
  --interactive-chip-channel-secondary-on-icon-pressed: #006063;
932
629
  --interactive-chip-channel-secondary-on-border-default: #00787c;
933
- --interactive-chip-channel-secondary-on-border-hover: #006669;
630
+ --interactive-chip-channel-secondary-on-border-hover: #00666a;
934
631
  --interactive-chip-channel-secondary-on-border-pressed: #006063;
935
632
  --interactive-chip-channel-secondary-off-fill-default: #eff5f5;
936
- --interactive-chip-channel-secondary-off-fill-hover: #006669;
937
- --interactive-chip-channel-secondary-off-fill-pressed: #006063;
938
- --interactive-chip-channel-secondary-off-text-default: #075457;
939
- --interactive-chip-channel-secondary-off-text-hover: #006669;
940
- --interactive-chip-channel-secondary-off-text-pressed: #006063;
941
- --interactive-chip-channel-secondary-off-icon-default: #075457;
942
- --interactive-chip-channel-secondary-off-icon-hover: #006669;
943
- --interactive-chip-channel-secondary-off-icon-pressed: #006063;
633
+ --interactive-chip-channel-secondary-off-fill-hover: #c2d9d9;
634
+ --interactive-chip-channel-secondary-off-fill-pressed: #b3d0d0;
635
+ --interactive-chip-channel-secondary-off-text-default: #085358;
636
+ --interactive-chip-channel-secondary-off-text-hover: #07464b;
637
+ --interactive-chip-channel-secondary-off-text-pressed: #064247;
638
+ --interactive-chip-channel-secondary-off-icon-default: #085358;
639
+ --interactive-chip-channel-secondary-off-icon-hover: #07464b;
640
+ --interactive-chip-channel-secondary-off-icon-pressed: #064247;
944
641
  --interactive-chip-channel-primary-on-fill-default: #00787c;
945
- --interactive-chip-channel-primary-on-fill-hover: #006669;
642
+ --interactive-chip-channel-primary-on-fill-hover: #00666a;
946
643
  --interactive-chip-channel-primary-on-fill-pressed: #006063;
947
644
  --interactive-chip-channel-primary-off-fill-default: #eff5f5;
948
- --interactive-chip-channel-primary-off-fill-hover: #006669;
949
- --interactive-chip-channel-primary-off-fill-pressed: #006063;
645
+ --interactive-chip-channel-primary-off-fill-hover: #c2d9d9;
646
+ --interactive-chip-channel-primary-off-fill-pressed: #b3d0d0;
950
647
  --interactive-chip-channel-primary-off-text-default: #083c3e;
951
- --interactive-chip-channel-primary-off-text-hover: #006669;
952
- --interactive-chip-channel-primary-off-text-pressed: #006063;
648
+ --interactive-chip-channel-primary-off-text-hover: #073335;
649
+ --interactive-chip-channel-primary-off-text-pressed: #063032;
953
650
  --interactive-chip-channel-primary-off-icon-default: #083c3e;
954
- --interactive-chip-channel-primary-off-icon-hover: #006669;
955
- --interactive-chip-channel-primary-off-icon-pressed: #006063;
956
- --interactive-chip-channel-primary-off-border-default: #b2d0d1;
957
- --interactive-chip-channel-primary-off-border-hover: #006669;
958
- --interactive-chip-channel-primary-off-border-pressed: #006063;
959
- --label-channel: #6ca7a9;
960
- --flag-channel-fill: #b2d0d1;
651
+ --interactive-chip-channel-primary-off-icon-hover: #073335;
652
+ --interactive-chip-channel-primary-off-icon-pressed: #063032;
653
+ --interactive-chip-channel-primary-off-border-default: #b2cfd2;
654
+ --interactive-chip-channel-primary-off-border-hover: #8db8bd;
655
+ --interactive-chip-channel-primary-off-border-pressed: #81b0b5;
656
+ --label-channel: #6ea7a9;
657
+ --flag-channel-fill: #b2cfd2;
961
658
  --flag-channel-text: #083c3e;
962
659
  --flag-channel-icon: #083c3e;
963
660
  }
964
661
 
965
662
  [data-theme="business"] {
966
- --surface-channel-50: #fafbfd;
967
- --surface-channel-100: #eff4f8;
968
- --surface-channel-200: #b5cddd;
663
+ --surface-channel-50: #f9fdfc;
664
+ --surface-channel-100: #eff5f8;
665
+ --surface-channel-200: #b6cddd;
969
666
  --surface-channel-300: #21709c;
970
- --surface-channel-400: #184e6d;
971
- --surface-channel-500: #12384e;
972
- --text-channel-primary: #184e6d;
667
+ --surface-channel-400: #1a4e6e;
668
+ --surface-channel-500: #10394e;
669
+ --text-channel-primary: #1b5b7d;
973
670
  --text-channel-secondary: #21709c;
671
+ --text-channel-tertiary: #6093b6;
974
672
  --icon-channel-primary: #21709c;
975
- --icon-channel-secondary: #367ba4;
976
- --border-channel-primary: #367ba4;
977
- --border-channel-secondary: #74a1be;
978
- --border-channel-tertiary: #b5cddd;
979
- --interactive-chip-channel-secondary-on-fill-default: #fafbfd;
980
- --interactive-chip-channel-secondary-on-fill-hover: #1c5f85;
981
- --interactive-chip-channel-secondary-on-fill-pressed: #1a5a7d;
673
+ --icon-channel-secondary: #347ca4;
674
+ --icon-channel-tertiary: #6093b6;
675
+ --border-channel-primary: #b6cddd;
676
+ --border-channel-secondary: #d9e6ee;
677
+ --border-channel-tertiary: #eff5f8;
678
+ --interactive-chip-channel-secondary-on-fill-default: #f9fdfc;
679
+ --interactive-chip-channel-secondary-on-fill-hover: #c1eae0;
680
+ --interactive-chip-channel-secondary-on-fill-pressed: #aee4d6;
982
681
  --interactive-chip-channel-secondary-on-text-default: #21709c;
983
- --interactive-chip-channel-secondary-on-text-hover: #1c5f85;
682
+ --interactive-chip-channel-secondary-on-text-hover: #1c6085;
984
683
  --interactive-chip-channel-secondary-on-text-pressed: #1a5a7d;
985
684
  --interactive-chip-channel-secondary-on-icon-default: #21709c;
986
- --interactive-chip-channel-secondary-on-icon-hover: #1c5f85;
685
+ --interactive-chip-channel-secondary-on-icon-hover: #1c6085;
987
686
  --interactive-chip-channel-secondary-on-icon-pressed: #1a5a7d;
988
687
  --interactive-chip-channel-secondary-on-border-default: #21709c;
989
- --interactive-chip-channel-secondary-on-border-hover: #1c5f85;
688
+ --interactive-chip-channel-secondary-on-border-hover: #1c6085;
990
689
  --interactive-chip-channel-secondary-on-border-pressed: #1a5a7d;
991
- --interactive-chip-channel-secondary-off-fill-default: #eff4f8;
992
- --interactive-chip-channel-secondary-off-fill-hover: #1c5f85;
993
- --interactive-chip-channel-secondary-off-fill-pressed: #1a5a7d;
994
- --interactive-chip-channel-secondary-off-text-default: #184e6d;
995
- --interactive-chip-channel-secondary-off-text-hover: #1c5f85;
996
- --interactive-chip-channel-secondary-off-text-pressed: #1a5a7d;
997
- --interactive-chip-channel-secondary-off-icon-default: #184e6d;
998
- --interactive-chip-channel-secondary-off-icon-hover: #1c5f85;
999
- --interactive-chip-channel-secondary-off-icon-pressed: #1a5a7d;
690
+ --interactive-chip-channel-secondary-off-fill-default: #eff5f8;
691
+ --interactive-chip-channel-secondary-off-fill-hover: #bcd5e2;
692
+ --interactive-chip-channel-secondary-off-fill-pressed: #abcbda;
693
+ --interactive-chip-channel-secondary-off-text-default: #1a4e6e;
694
+ --interactive-chip-channel-secondary-off-text-hover: #16425e;
695
+ --interactive-chip-channel-secondary-off-text-pressed: #153e58;
696
+ --interactive-chip-channel-secondary-off-icon-default: #1a4e6e;
697
+ --interactive-chip-channel-secondary-off-icon-hover: #16425e;
698
+ --interactive-chip-channel-secondary-off-icon-pressed: #153e58;
1000
699
  --interactive-chip-channel-primary-on-fill-default: #21709c;
1001
- --interactive-chip-channel-primary-on-fill-hover: #1c5f85;
700
+ --interactive-chip-channel-primary-on-fill-hover: #1c6085;
1002
701
  --interactive-chip-channel-primary-on-fill-pressed: #1a5a7d;
1003
- --interactive-chip-channel-primary-off-fill-default: #eff4f8;
1004
- --interactive-chip-channel-primary-off-fill-hover: #1c5f85;
1005
- --interactive-chip-channel-primary-off-fill-pressed: #1a5a7d;
1006
- --interactive-chip-channel-primary-off-text-default: #12384e;
1007
- --interactive-chip-channel-primary-off-text-hover: #1c5f85;
1008
- --interactive-chip-channel-primary-off-text-pressed: #1a5a7d;
1009
- --interactive-chip-channel-primary-off-icon-default: #12384e;
1010
- --interactive-chip-channel-primary-off-icon-hover: #1c5f85;
1011
- --interactive-chip-channel-primary-off-icon-pressed: #1a5a7d;
1012
- --interactive-chip-channel-primary-off-border-default: #b5cddd;
1013
- --interactive-chip-channel-primary-off-border-hover: #1c5f85;
1014
- --interactive-chip-channel-primary-off-border-pressed: #1a5a7d;
1015
- --label-channel: #74a1be;
1016
- --flag-channel-fill: #b5cddd;
1017
- --flag-channel-text: #12384e;
1018
- --flag-channel-icon: #12384e;
702
+ --interactive-chip-channel-primary-off-fill-default: #eff5f8;
703
+ --interactive-chip-channel-primary-off-fill-hover: #bcd5e2;
704
+ --interactive-chip-channel-primary-off-fill-pressed: #abcbda;
705
+ --interactive-chip-channel-primary-off-text-default: #10394e;
706
+ --interactive-chip-channel-primary-off-text-hover: #0e3142;
707
+ --interactive-chip-channel-primary-off-text-pressed: #0d2e3e;
708
+ --interactive-chip-channel-primary-off-icon-default: #10394e;
709
+ --interactive-chip-channel-primary-off-icon-hover: #0e3142;
710
+ --interactive-chip-channel-primary-off-icon-pressed: #0d2e3e;
711
+ --interactive-chip-channel-primary-off-border-default: #b6cddd;
712
+ --interactive-chip-channel-primary-off-border-hover: #8db0ca;
713
+ --interactive-chip-channel-primary-off-border-pressed: #7fa7c3;
714
+ --label-channel: #73a2c0;
715
+ --flag-channel-fill: #b6cddd;
716
+ --flag-channel-text: #10394e;
717
+ --flag-channel-icon: #10394e;
1019
718
  }
1020
719
 
1021
720
  [data-theme="money"] {
1022
- --surface-channel-50: #fbfdfc;
1023
- --surface-channel-100: #f3f8f6;
1024
- --surface-channel-200: #c6dfd4;
721
+ --surface-channel-50: #fcfcfc;
722
+ --surface-channel-100: #f4f7f5;
723
+ --surface-channel-200: #c8dfd6;
1025
724
  --surface-channel-300: #58a385;
1026
- --surface-channel-400: #3e725d;
1027
- --surface-channel-500: #2c5243;
1028
- --text-channel-primary: #3e725d;
1029
- --text-channel-secondary: #58a385;
1030
- --icon-channel-primary: #21709c;
1031
- --icon-channel-secondary: #367ba4;
1032
- --border-channel-primary: #367ba4;
1033
- --border-channel-secondary: #74a1be;
1034
- --border-channel-tertiary: #b5cddd;
1035
- --interactive-chip-channel-secondary-on-fill-default: #fbfdfc;
1036
- --interactive-chip-channel-secondary-on-fill-hover: #4b8b71;
1037
- --interactive-chip-channel-secondary-on-fill-pressed: #46826a;
725
+ --surface-channel-400: #3d715d;
726
+ --surface-channel-500: #2c5341;
727
+ --text-channel-primary: #2c5341;
728
+ --text-channel-secondary: #3d715d;
729
+ --text-channel-tertiary: #519379;
730
+ --icon-channel-primary: #58a385;
731
+ --icon-channel-secondary: #65aa8d;
732
+ --icon-channel-tertiary: #519379;
733
+ --border-channel-primary: #c8dfd6;
734
+ --border-channel-secondary: #e3f0ea;
735
+ --border-channel-tertiary: #f4f7f5;
736
+ --interactive-chip-channel-secondary-on-fill-default: #fcfcfc;
737
+ --interactive-chip-channel-secondary-on-fill-hover: #d6d6d6;
738
+ --interactive-chip-channel-secondary-on-fill-pressed: #cacaca;
1038
739
  --interactive-chip-channel-secondary-on-text-default: #58a385;
1039
- --interactive-chip-channel-secondary-on-text-hover: #4b8b71;
1040
- --interactive-chip-channel-secondary-on-text-pressed: #46826a;
740
+ --interactive-chip-channel-secondary-on-text-hover: #4b8a71;
741
+ --interactive-chip-channel-secondary-on-text-pressed: #46836a;
1041
742
  --interactive-chip-channel-secondary-on-icon-default: #58a385;
1042
- --interactive-chip-channel-secondary-on-icon-hover: #4b8b71;
1043
- --interactive-chip-channel-secondary-on-icon-pressed: #46826a;
743
+ --interactive-chip-channel-secondary-on-icon-hover: #4b8a71;
744
+ --interactive-chip-channel-secondary-on-icon-pressed: #46836a;
1044
745
  --interactive-chip-channel-secondary-on-border-default: #58a385;
1045
- --interactive-chip-channel-secondary-on-border-hover: #4b8b71;
1046
- --interactive-chip-channel-secondary-on-border-pressed: #46826a;
1047
- --interactive-chip-channel-secondary-off-fill-default: #f3f8f6;
1048
- --interactive-chip-channel-secondary-off-fill-hover: #4b8b71;
1049
- --interactive-chip-channel-secondary-off-fill-pressed: #46826a;
1050
- --interactive-chip-channel-secondary-off-text-default: #3e725d;
1051
- --interactive-chip-channel-secondary-off-text-hover: #4b8b71;
1052
- --interactive-chip-channel-secondary-off-text-pressed: #46826a;
1053
- --interactive-chip-channel-secondary-off-icon-default: #3e725d;
1054
- --interactive-chip-channel-secondary-off-icon-hover: #4b8b71;
1055
- --interactive-chip-channel-secondary-off-icon-pressed: #46826a;
746
+ --interactive-chip-channel-secondary-on-border-hover: #4b8a71;
747
+ --interactive-chip-channel-secondary-on-border-pressed: #46836a;
748
+ --interactive-chip-channel-secondary-off-fill-default: #f4f7f5;
749
+ --interactive-chip-channel-secondary-off-fill-hover: #c9d8ce;
750
+ --interactive-chip-channel-secondary-off-fill-pressed: #bbcec1;
751
+ --interactive-chip-channel-secondary-off-text-default: #3d715d;
752
+ --interactive-chip-channel-secondary-off-text-hover: #34604f;
753
+ --interactive-chip-channel-secondary-off-text-pressed: #315a4a;
754
+ --interactive-chip-channel-secondary-off-icon-default: #3d715d;
755
+ --interactive-chip-channel-secondary-off-icon-hover: #34604f;
756
+ --interactive-chip-channel-secondary-off-icon-pressed: #315a4a;
1056
757
  --interactive-chip-channel-primary-on-fill-default: #58a385;
1057
- --interactive-chip-channel-primary-on-fill-hover: #4b8b71;
1058
- --interactive-chip-channel-primary-on-fill-pressed: #46826a;
1059
- --interactive-chip-channel-primary-off-fill-default: #f3f8f6;
1060
- --interactive-chip-channel-primary-off-fill-hover: #4b8b71;
1061
- --interactive-chip-channel-primary-off-fill-pressed: #46826a;
1062
- --interactive-chip-channel-primary-off-text-default: #2c5243;
1063
- --interactive-chip-channel-primary-off-text-hover: #4b8b71;
1064
- --interactive-chip-channel-primary-off-text-pressed: #46826a;
1065
- --interactive-chip-channel-primary-off-icon-default: #2c5243;
1066
- --interactive-chip-channel-primary-off-icon-hover: #4b8b71;
1067
- --interactive-chip-channel-primary-off-icon-pressed: #46826a;
1068
- --interactive-chip-channel-primary-off-border-default: #c6dfd4;
1069
- --interactive-chip-channel-primary-off-border-hover: #4b8b71;
1070
- --interactive-chip-channel-primary-off-border-pressed: #46826a;
1071
- --label-channel: #94c3af;
1072
- --flag-channel-fill: #c6dfd4;
1073
- --flag-channel-text: #2c5243;
1074
- --flag-channel-icon: #2c5243;
758
+ --interactive-chip-channel-primary-on-fill-hover: #4b8a71;
759
+ --interactive-chip-channel-primary-on-fill-pressed: #46836a;
760
+ --interactive-chip-channel-primary-off-fill-default: #f4f7f5;
761
+ --interactive-chip-channel-primary-off-fill-hover: #c9d8ce;
762
+ --interactive-chip-channel-primary-off-fill-pressed: #bbcec1;
763
+ --interactive-chip-channel-primary-off-text-default: #2c5341;
764
+ --interactive-chip-channel-primary-off-text-hover: #254737;
765
+ --interactive-chip-channel-primary-off-text-pressed: #234234;
766
+ --interactive-chip-channel-primary-off-icon-default: #2c5341;
767
+ --interactive-chip-channel-primary-off-icon-hover: #254737;
768
+ --interactive-chip-channel-primary-off-icon-pressed: #234234;
769
+ --interactive-chip-channel-primary-off-border-default: #c8dfd6;
770
+ --interactive-chip-channel-primary-off-border-hover: #a0c8b8;
771
+ --interactive-chip-channel-primary-off-border-pressed: #93c0af;
772
+ --label-channel: #95c3af;
773
+ --flag-channel-fill: #c8dfd6;
774
+ --flag-channel-text: #2c5341;
775
+ --flag-channel-icon: #2c5341;
1075
776
  }
1076
777
 
1077
778
  [data-theme="sport"] {
1078
- --surface-channel-50: #fafcfa;
1079
- --surface-channel-100: #eff5f1;
1080
- --surface-channel-200: #b2d1bc;
779
+ --surface-channel-50: #f9fdfa;
780
+ --surface-channel-100: #eff5f2;
781
+ --surface-channel-200: #b2cfbb;
1081
782
  --surface-channel-300: #007a3f;
1082
- --surface-channel-400: #07552c;
1083
- --surface-channel-500: #083d20;
1084
- --text-channel-primary: #07552c;
783
+ --surface-channel-400: #04562c;
784
+ --surface-channel-500: #063e21;
785
+ --text-channel-primary: #006234;
1085
786
  --text-channel-secondary: #007a3f;
787
+ --text-channel-tertiary: #559b6f;
1086
788
  --icon-channel-primary: #007a3f;
1087
- --icon-channel-secondary: #26844e;
1088
- --border-channel-primary: #26844e;
1089
- --border-channel-secondary: #6da882;
1090
- --border-channel-tertiary: #b2d1bc;
1091
- --interactive-chip-channel-secondary-on-fill-default: #fafcfa;
1092
- --interactive-chip-channel-secondary-on-fill-hover: #006836;
1093
- --interactive-chip-channel-secondary-on-fill-pressed: #006232;
789
+ --icon-channel-secondary: #23844c;
790
+ --icon-channel-tertiary: #559b6f;
791
+ --border-channel-primary: #b2cfbb;
792
+ --border-channel-secondary: #d8e9dd;
793
+ --border-channel-tertiary: #eff5f2;
794
+ --interactive-chip-channel-secondary-on-fill-default: #f9fdfa;
795
+ --interactive-chip-channel-secondary-on-fill-hover: #c1eacb;
796
+ --interactive-chip-channel-secondary-on-fill-pressed: #aee4bb;
1094
797
  --interactive-chip-channel-secondary-on-text-default: #007a3f;
1095
- --interactive-chip-channel-secondary-on-text-hover: #006836;
1096
- --interactive-chip-channel-secondary-on-text-pressed: #006232;
798
+ --interactive-chip-channel-secondary-on-text-hover: #006835;
799
+ --interactive-chip-channel-secondary-on-text-pressed: #006132;
1097
800
  --interactive-chip-channel-secondary-on-icon-default: #007a3f;
1098
- --interactive-chip-channel-secondary-on-icon-hover: #006836;
1099
- --interactive-chip-channel-secondary-on-icon-pressed: #006232;
801
+ --interactive-chip-channel-secondary-on-icon-hover: #006835;
802
+ --interactive-chip-channel-secondary-on-icon-pressed: #006132;
1100
803
  --interactive-chip-channel-secondary-on-border-default: #007a3f;
1101
- --interactive-chip-channel-secondary-on-border-hover: #006836;
1102
- --interactive-chip-channel-secondary-on-border-pressed: #006232;
1103
- --interactive-chip-channel-secondary-off-fill-default: #eff5f1;
1104
- --interactive-chip-channel-secondary-off-fill-hover: #006836;
1105
- --interactive-chip-channel-secondary-off-fill-pressed: #006232;
1106
- --interactive-chip-channel-secondary-off-text-default: #07552c;
1107
- --interactive-chip-channel-secondary-off-text-hover: #006836;
1108
- --interactive-chip-channel-secondary-off-text-pressed: #006232;
1109
- --interactive-chip-channel-secondary-off-icon-default: #07552c;
1110
- --interactive-chip-channel-secondary-off-icon-hover: #006836;
1111
- --interactive-chip-channel-secondary-off-icon-pressed: #006232;
804
+ --interactive-chip-channel-secondary-on-border-hover: #006835;
805
+ --interactive-chip-channel-secondary-on-border-pressed: #006132;
806
+ --interactive-chip-channel-secondary-off-fill-default: #eff5f2;
807
+ --interactive-chip-channel-secondary-off-fill-hover: #c2d9ce;
808
+ --interactive-chip-channel-secondary-off-fill-pressed: #b3d0c2;
809
+ --interactive-chip-channel-secondary-off-text-default: #04562c;
810
+ --interactive-chip-channel-secondary-off-text-hover: #034925;
811
+ --interactive-chip-channel-secondary-off-text-pressed: #034523;
812
+ --interactive-chip-channel-secondary-off-icon-default: #04562c;
813
+ --interactive-chip-channel-secondary-off-icon-hover: #034925;
814
+ --interactive-chip-channel-secondary-off-icon-pressed: #034523;
1112
815
  --interactive-chip-channel-primary-on-fill-default: #007a3f;
1113
- --interactive-chip-channel-primary-on-fill-hover: #006836;
1114
- --interactive-chip-channel-primary-on-fill-pressed: #006232;
1115
- --interactive-chip-channel-primary-off-fill-default: #eff5f1;
1116
- --interactive-chip-channel-primary-off-fill-hover: #006836;
1117
- --interactive-chip-channel-primary-off-fill-pressed: #006232;
1118
- --interactive-chip-channel-primary-off-text-default: #083d20;
1119
- --interactive-chip-channel-primary-off-text-hover: #006836;
1120
- --interactive-chip-channel-primary-off-text-pressed: #006232;
1121
- --interactive-chip-channel-primary-off-icon-default: #083d20;
1122
- --interactive-chip-channel-primary-off-icon-hover: #006836;
1123
- --interactive-chip-channel-primary-off-icon-pressed: #006232;
1124
- --interactive-chip-channel-primary-off-border-default: #b2d1bc;
1125
- --interactive-chip-channel-primary-off-border-hover: #006836;
1126
- --interactive-chip-channel-primary-off-border-pressed: #006232;
1127
- --label-channel: #6da882;
1128
- --flag-channel-fill: #b2d1bc;
1129
- --flag-channel-text: #083d20;
1130
- --flag-channel-icon: #083d20;
816
+ --interactive-chip-channel-primary-on-fill-hover: #006835;
817
+ --interactive-chip-channel-primary-on-fill-pressed: #006132;
818
+ --interactive-chip-channel-primary-off-fill-default: #eff5f2;
819
+ --interactive-chip-channel-primary-off-fill-hover: #c2d9ce;
820
+ --interactive-chip-channel-primary-off-fill-pressed: #b3d0c2;
821
+ --interactive-chip-channel-primary-off-text-default: #063e21;
822
+ --interactive-chip-channel-primary-off-text-hover: #05351c;
823
+ --interactive-chip-channel-primary-off-text-pressed: #05321b;
824
+ --interactive-chip-channel-primary-off-icon-default: #063e21;
825
+ --interactive-chip-channel-primary-off-icon-hover: #05351c;
826
+ --interactive-chip-channel-primary-off-icon-pressed: #05321b;
827
+ --interactive-chip-channel-primary-off-border-default: #b2cfbb;
828
+ --interactive-chip-channel-primary-off-border-hover: #8fb99c;
829
+ --interactive-chip-channel-primary-off-border-pressed: #83b191;
830
+ --label-channel: #6ea782;
831
+ --flag-channel-fill: #b2cfbb;
832
+ --flag-channel-text: #063e21;
833
+ --flag-channel-icon: #063e21;
1131
834
  }
1132
835
 
1133
836
  [data-theme="travel"] {
1134
- --surface-channel-50: #fafcfd;
1135
- --surface-channel-100: #f0f5f9;
1136
- --surface-channel-200: #b8d0e3;
837
+ --surface-channel-50: #f9fdfc;
838
+ --surface-channel-100: #eff5f8;
839
+ --surface-channel-200: #b8cfe2;
1137
840
  --surface-channel-300: #2c79ad;
1138
- --surface-channel-400: #205579;
1139
- --surface-channel-500: #173d57;
1140
- --text-channel-primary: #205579;
1141
- --text-channel-secondary: #2c79ad;
841
+ --surface-channel-400: #1e5578;
842
+ --surface-channel-500: #183b56;
843
+ --text-channel-primary: #1e5578;
844
+ --text-channel-secondary: #266d9d;
845
+ --text-channel-tertiary: #4f8eb9;
1142
846
  --icon-channel-primary: #2c79ad;
1143
- --icon-channel-secondary: #286d9c;
1144
- --border-channel-primary: #3f83b3;
1145
- --border-channel-secondary: #79a7ca;
1146
- --border-channel-tertiary: #b8d0e3;
1147
- --interactive-chip-channel-secondary-on-fill-default: #fafcfd;
1148
- --interactive-chip-channel-secondary-on-fill-hover: #256793;
1149
- --interactive-chip-channel-secondary-on-fill-pressed: #23618a;
847
+ --icon-channel-secondary: #266d9d;
848
+ --icon-channel-tertiary: #4f8eb9;
849
+ --border-channel-primary: #b8cfe2;
850
+ --border-channel-secondary: #dbe8f1;
851
+ --border-channel-tertiary: #eff5f8;
852
+ --interactive-chip-channel-secondary-on-fill-default: #f9fdfc;
853
+ --interactive-chip-channel-secondary-on-fill-hover: #c1eae0;
854
+ --interactive-chip-channel-secondary-on-fill-pressed: #aee4d6;
1150
855
  --interactive-chip-channel-secondary-on-text-default: #2c79ad;
1151
856
  --interactive-chip-channel-secondary-on-text-hover: #256793;
1152
857
  --interactive-chip-channel-secondary-on-text-pressed: #23618a;
@@ -1156,109 +861,113 @@
1156
861
  --interactive-chip-channel-secondary-on-border-default: #2c79ad;
1157
862
  --interactive-chip-channel-secondary-on-border-hover: #256793;
1158
863
  --interactive-chip-channel-secondary-on-border-pressed: #23618a;
1159
- --interactive-chip-channel-secondary-off-fill-default: #f0f5f9;
1160
- --interactive-chip-channel-secondary-off-fill-hover: #256793;
1161
- --interactive-chip-channel-secondary-off-fill-pressed: #23618a;
1162
- --interactive-chip-channel-secondary-off-text-default: #205579;
1163
- --interactive-chip-channel-secondary-off-text-hover: #256793;
1164
- --interactive-chip-channel-secondary-off-text-pressed: #23618a;
1165
- --interactive-chip-channel-secondary-off-icon-default: #205579;
1166
- --interactive-chip-channel-secondary-off-icon-hover: #256793;
1167
- --interactive-chip-channel-secondary-off-icon-pressed: #23618a;
864
+ --interactive-chip-channel-secondary-off-fill-default: #eff5f8;
865
+ --interactive-chip-channel-secondary-off-fill-hover: #bcd5e2;
866
+ --interactive-chip-channel-secondary-off-fill-pressed: #abcbda;
867
+ --interactive-chip-channel-secondary-off-text-default: #1e5578;
868
+ --interactive-chip-channel-secondary-off-text-hover: #1a4966;
869
+ --interactive-chip-channel-secondary-off-text-pressed: #184460;
870
+ --interactive-chip-channel-secondary-off-icon-default: #1e5578;
871
+ --interactive-chip-channel-secondary-off-icon-hover: #1a4966;
872
+ --interactive-chip-channel-secondary-off-icon-pressed: #184460;
1168
873
  --interactive-chip-channel-primary-on-fill-default: #2c79ad;
1169
874
  --interactive-chip-channel-primary-on-fill-hover: #256793;
1170
875
  --interactive-chip-channel-primary-on-fill-pressed: #23618a;
1171
- --interactive-chip-channel-primary-off-fill-default: #f0f5f9;
1172
- --interactive-chip-channel-primary-off-fill-hover: #256793;
1173
- --interactive-chip-channel-primary-off-fill-pressed: #23618a;
1174
- --interactive-chip-channel-primary-off-text-default: #173d57;
1175
- --interactive-chip-channel-primary-off-text-hover: #256793;
1176
- --interactive-chip-channel-primary-off-text-pressed: #23618a;
1177
- --interactive-chip-channel-primary-off-icon-default: #173d57;
1178
- --interactive-chip-channel-primary-off-icon-hover: #256793;
1179
- --interactive-chip-channel-primary-off-icon-pressed: #23618a;
1180
- --interactive-chip-channel-primary-off-border-default: #b8d0e3;
1181
- --interactive-chip-channel-primary-off-border-hover: #256793;
1182
- --interactive-chip-channel-primary-off-border-pressed: #23618a;
1183
- --label-channel: #79a7ca;
1184
- --flag-channel-fill: #b8d0e3;
1185
- --flag-channel-text: #173d57;
1186
- --flag-channel-icon: #173d57;
876
+ --interactive-chip-channel-primary-off-fill-default: #eff5f8;
877
+ --interactive-chip-channel-primary-off-fill-hover: #bcd5e2;
878
+ --interactive-chip-channel-primary-off-fill-pressed: #abcbda;
879
+ --interactive-chip-channel-primary-off-text-default: #183b56;
880
+ --interactive-chip-channel-primary-off-text-hover: #143249;
881
+ --interactive-chip-channel-primary-off-text-pressed: #132f45;
882
+ --interactive-chip-channel-primary-off-icon-default: #183b56;
883
+ --interactive-chip-channel-primary-off-icon-hover: #143249;
884
+ --interactive-chip-channel-primary-off-icon-pressed: #132f45;
885
+ --interactive-chip-channel-primary-off-border-default: #b8cfe2;
886
+ --interactive-chip-channel-primary-off-border-hover: #8cb2d0;
887
+ --interactive-chip-channel-primary-off-border-pressed: #7ea8ca;
888
+ --label-channel: #78a7ca;
889
+ --flag-channel-fill: #b8cfe2;
890
+ --flag-channel-text: #183b56;
891
+ --flag-channel-icon: #183b56;
1187
892
  }
1188
893
 
1189
894
  [data-theme="culture"] {
1190
- --surface-channel-50: #fdfafb;
1191
- --surface-channel-100: #f8eff3;
1192
- --surface-channel-200: #dcb4c9;
895
+ --surface-channel-50: #fdfafa;
896
+ --surface-channel-100: #f9eff2;
897
+ --surface-channel-200: #ddb3c8;
1193
898
  --surface-channel-300: #942364;
1194
- --surface-channel-400: #681946;
1195
- --surface-channel-500: #4a1232;
1196
- --text-channel-primary: #681946;
1197
- --text-channel-secondary: #942364;
899
+ --surface-channel-400: #671846;
900
+ --surface-channel-500: #4b1331;
901
+ --text-channel-primary: #942364;
902
+ --text-channel-secondary: #a4477c;
903
+ --text-channel-tertiary: #ba729b;
1198
904
  --icon-channel-primary: #942364;
1199
- --icon-channel-secondary: #a6477c;
1200
- --border-channel-primary: #9d3570;
1201
- --border-channel-secondary: #bb729a;
1202
- --border-channel-tertiary: #dcb4c9;
1203
- --interactive-chip-channel-secondary-on-fill-default: #fdfafb;
1204
- --interactive-chip-channel-secondary-on-fill-hover: #7e1e55;
1205
- --interactive-chip-channel-secondary-on-fill-pressed: #761c50;
905
+ --icon-channel-secondary: #a4477c;
906
+ --icon-channel-tertiary: #ba729b;
907
+ --border-channel-primary: #ddb3c8;
908
+ --border-channel-secondary: #eedbe3;
909
+ --border-channel-tertiary: #f9eff2;
910
+ --interactive-chip-channel-secondary-on-fill-default: #fdfafa;
911
+ --interactive-chip-channel-secondary-on-fill-hover: #e7c4c4;
912
+ --interactive-chip-channel-secondary-on-fill-pressed: #e0b2b2;
1206
913
  --interactive-chip-channel-secondary-on-text-default: #942364;
1207
- --interactive-chip-channel-secondary-on-text-hover: #7e1e55;
1208
- --interactive-chip-channel-secondary-on-text-pressed: #761c50;
914
+ --interactive-chip-channel-secondary-on-text-hover: #7e1e56;
915
+ --interactive-chip-channel-secondary-on-text-pressed: #761c51;
1209
916
  --interactive-chip-channel-secondary-on-icon-default: #942364;
1210
- --interactive-chip-channel-secondary-on-icon-hover: #7e1e55;
1211
- --interactive-chip-channel-secondary-on-icon-pressed: #761c50;
917
+ --interactive-chip-channel-secondary-on-icon-hover: #7e1e56;
918
+ --interactive-chip-channel-secondary-on-icon-pressed: #761c51;
1212
919
  --interactive-chip-channel-secondary-on-border-default: #942364;
1213
- --interactive-chip-channel-secondary-on-border-hover: #7e1e55;
1214
- --interactive-chip-channel-secondary-on-border-pressed: #761c50;
1215
- --interactive-chip-channel-secondary-off-fill-default: #f8eff3;
1216
- --interactive-chip-channel-secondary-off-fill-hover: #7e1e55;
1217
- --interactive-chip-channel-secondary-off-fill-pressed: #761c50;
1218
- --interactive-chip-channel-secondary-off-text-default: #681946;
1219
- --interactive-chip-channel-secondary-off-text-hover: #7e1e55;
1220
- --interactive-chip-channel-secondary-off-text-pressed: #761c50;
1221
- --interactive-chip-channel-secondary-off-icon-default: #681946;
1222
- --interactive-chip-channel-secondary-off-icon-hover: #7e1e55;
1223
- --interactive-chip-channel-secondary-off-icon-pressed: #761c50;
920
+ --interactive-chip-channel-secondary-on-border-hover: #7e1e56;
921
+ --interactive-chip-channel-secondary-on-border-pressed: #761c51;
922
+ --interactive-chip-channel-secondary-off-fill-default: #f9eff2;
923
+ --interactive-chip-channel-secondary-off-fill-hover: #e5bac7;
924
+ --interactive-chip-channel-secondary-off-fill-pressed: #dea8b8;
925
+ --interactive-chip-channel-secondary-off-text-default: #671846;
926
+ --interactive-chip-channel-secondary-off-text-hover: #58143c;
927
+ --interactive-chip-channel-secondary-off-text-pressed: #521338;
928
+ --interactive-chip-channel-secondary-off-icon-default: #671846;
929
+ --interactive-chip-channel-secondary-off-icon-hover: #58143c;
930
+ --interactive-chip-channel-secondary-off-icon-pressed: #521338;
1224
931
  --interactive-chip-channel-primary-on-fill-default: #942364;
1225
- --interactive-chip-channel-primary-on-fill-hover: #7e1e55;
1226
- --interactive-chip-channel-primary-on-fill-pressed: #761c50;
1227
- --interactive-chip-channel-primary-off-fill-default: #f8eff3;
1228
- --interactive-chip-channel-primary-off-fill-hover: #7e1e55;
1229
- --interactive-chip-channel-primary-off-fill-pressed: #761c50;
1230
- --interactive-chip-channel-primary-off-text-default: #4a1232;
1231
- --interactive-chip-channel-primary-off-text-hover: #7e1e55;
1232
- --interactive-chip-channel-primary-off-text-pressed: #761c50;
1233
- --interactive-chip-channel-primary-off-icon-default: #4a1232;
1234
- --interactive-chip-channel-primary-off-icon-hover: #7e1e55;
1235
- --interactive-chip-channel-primary-off-icon-pressed: #761c50;
1236
- --interactive-chip-channel-primary-off-border-default: #dcb4c9;
1237
- --interactive-chip-channel-primary-off-border-hover: #7e1e55;
1238
- --interactive-chip-channel-primary-off-border-pressed: #761c50;
1239
- --label-channel: #bb729a;
1240
- --flag-channel-fill: #dcb4c9;
1241
- --flag-channel-text: #4a1232;
1242
- --flag-channel-icon: #4a1232;
932
+ --interactive-chip-channel-primary-on-fill-hover: #7e1e56;
933
+ --interactive-chip-channel-primary-on-fill-pressed: #761c51;
934
+ --interactive-chip-channel-primary-off-fill-default: #f9eff2;
935
+ --interactive-chip-channel-primary-off-fill-hover: #e5bac7;
936
+ --interactive-chip-channel-primary-off-fill-pressed: #dea8b8;
937
+ --interactive-chip-channel-primary-off-text-default: #4b1331;
938
+ --interactive-chip-channel-primary-off-text-hover: #40102a;
939
+ --interactive-chip-channel-primary-off-text-pressed: #3c0f27;
940
+ --interactive-chip-channel-primary-off-icon-default: #4b1331;
941
+ --interactive-chip-channel-primary-off-icon-hover: #40102a;
942
+ --interactive-chip-channel-primary-off-icon-pressed: #3c0f27;
943
+ --interactive-chip-channel-primary-off-border-default: #ddb3c8;
944
+ --interactive-chip-channel-primary-off-border-hover: #cb8aaa;
945
+ --interactive-chip-channel-primary-off-border-pressed: #c47ca0;
946
+ --label-channel: #ba729b;
947
+ --flag-channel-fill: #ddb3c8;
948
+ --flag-channel-text: #4b1331;
949
+ --flag-channel-icon: #4b1331;
1243
950
  }
1244
951
 
1245
952
  [data-theme="obituaries"] {
1246
- --surface-channel-50: #fbfbfb;
1247
- --surface-channel-100: #f4f4f4;
1248
- --surface-channel-200: #cccccb;
953
+ --surface-channel-50: #fcfcfc;
954
+ --surface-channel-100: #f5f5f5;
955
+ --surface-channel-200: #ccccc9;
1249
956
  --surface-channel-300: #6c6c69;
1250
- --surface-channel-400: #4c4c4a;
1251
- --surface-channel-500: #363635;
1252
- --text-channel-primary: #4c4c4a;
957
+ --surface-channel-400: #4d4d4a;
958
+ --surface-channel-500: #363636;
959
+ --text-channel-primary: #575754;
1253
960
  --text-channel-secondary: #6c6c69;
961
+ --text-channel-tertiary: #91918f;
1254
962
  --icon-channel-primary: #6c6c69;
1255
- --icon-channel-secondary: #777774;
1256
- --border-channel-primary: #777774;
1257
- --border-channel-secondary: #9f9f9d;
1258
- --border-channel-tertiary: #cccccb;
1259
- --interactive-chip-channel-secondary-on-fill-default: #fbfbfb;
1260
- --interactive-chip-channel-secondary-on-fill-hover: #5c5c59;
1261
- --interactive-chip-channel-secondary-on-fill-pressed: #565654;
963
+ --icon-channel-secondary: #787875;
964
+ --icon-channel-tertiary: #91918f;
965
+ --border-channel-primary: #ccccc9;
966
+ --border-channel-secondary: #e6e6e6;
967
+ --border-channel-tertiary: #f5f5f5;
968
+ --interactive-chip-channel-secondary-on-fill-default: #fcfcfc;
969
+ --interactive-chip-channel-secondary-on-fill-hover: #d6d6d6;
970
+ --interactive-chip-channel-secondary-on-fill-pressed: #cacaca;
1262
971
  --interactive-chip-channel-secondary-on-text-default: #6c6c69;
1263
972
  --interactive-chip-channel-secondary-on-text-hover: #5c5c59;
1264
973
  --interactive-chip-channel-secondary-on-text-pressed: #565654;
@@ -1268,434 +977,120 @@
1268
977
  --interactive-chip-channel-secondary-on-border-default: #6c6c69;
1269
978
  --interactive-chip-channel-secondary-on-border-hover: #5c5c59;
1270
979
  --interactive-chip-channel-secondary-on-border-pressed: #565654;
1271
- --interactive-chip-channel-secondary-off-fill-default: #f4f4f4;
1272
- --interactive-chip-channel-secondary-off-fill-hover: #5c5c59;
1273
- --interactive-chip-channel-secondary-off-fill-pressed: #565654;
1274
- --interactive-chip-channel-secondary-off-text-default: #4c4c4a;
1275
- --interactive-chip-channel-secondary-off-text-hover: #5c5c59;
1276
- --interactive-chip-channel-secondary-off-text-pressed: #565654;
1277
- --interactive-chip-channel-secondary-off-icon-default: #4c4c4a;
1278
- --interactive-chip-channel-secondary-off-icon-hover: #5c5c59;
1279
- --interactive-chip-channel-secondary-off-icon-pressed: #565654;
980
+ --interactive-chip-channel-secondary-off-fill-default: #f5f5f5;
981
+ --interactive-chip-channel-secondary-off-fill-hover: #d0d0d0;
982
+ --interactive-chip-channel-secondary-off-fill-pressed: #c4c4c4;
983
+ --interactive-chip-channel-secondary-off-text-default: #4d4d4a;
984
+ --interactive-chip-channel-secondary-off-text-hover: #42423f;
985
+ --interactive-chip-channel-secondary-off-text-pressed: #3e3e3b;
986
+ --interactive-chip-channel-secondary-off-icon-default: #4d4d4a;
987
+ --interactive-chip-channel-secondary-off-icon-hover: #42423f;
988
+ --interactive-chip-channel-secondary-off-icon-pressed: #3e3e3b;
1280
989
  --interactive-chip-channel-primary-on-fill-default: #6c6c69;
1281
990
  --interactive-chip-channel-primary-on-fill-hover: #5c5c59;
1282
991
  --interactive-chip-channel-primary-on-fill-pressed: #565654;
1283
- --interactive-chip-channel-primary-off-fill-default: #f4f4f4;
1284
- --interactive-chip-channel-primary-off-fill-hover: #5c5c59;
1285
- --interactive-chip-channel-primary-off-fill-pressed: #565654;
1286
- --interactive-chip-channel-primary-off-text-default: #363635;
1287
- --interactive-chip-channel-primary-off-text-hover: #5c5c59;
1288
- --interactive-chip-channel-primary-off-text-pressed: #565654;
1289
- --interactive-chip-channel-primary-off-icon-default: #363635;
1290
- --interactive-chip-channel-primary-off-icon-hover: #5c5c59;
1291
- --interactive-chip-channel-primary-off-icon-pressed: #565654;
1292
- --interactive-chip-channel-primary-off-border-default: #cccccb;
1293
- --interactive-chip-channel-primary-off-border-hover: #5c5c59;
1294
- --interactive-chip-channel-primary-off-border-pressed: #565654;
1295
- --label-channel: #9f9f9d;
1296
- --flag-channel-fill: #cccccb;
1297
- --flag-channel-text: #363635;
1298
- --flag-channel-icon: #363635;
992
+ --interactive-chip-channel-primary-off-fill-default: #f5f5f5;
993
+ --interactive-chip-channel-primary-off-fill-hover: #d0d0d0;
994
+ --interactive-chip-channel-primary-off-fill-pressed: #c4c4c4;
995
+ --interactive-chip-channel-primary-off-text-default: #363636;
996
+ --interactive-chip-channel-primary-off-text-hover: #2e2e2e;
997
+ --interactive-chip-channel-primary-off-text-pressed: #2b2b2b;
998
+ --interactive-chip-channel-primary-off-icon-default: #363636;
999
+ --interactive-chip-channel-primary-off-icon-hover: #2e2e2e;
1000
+ --interactive-chip-channel-primary-off-icon-pressed: #2b2b2b;
1001
+ --interactive-chip-channel-primary-off-border-default: #ccccc9;
1002
+ --interactive-chip-channel-primary-off-border-hover: #aeaeaa;
1003
+ --interactive-chip-channel-primary-off-border-pressed: #a5a59f;
1004
+ --label-channel: #9e9e9b;
1005
+ --flag-channel-fill: #ccccc9;
1006
+ --flag-channel-text: #363636;
1007
+ --flag-channel-icon: #363636;
1299
1008
  }
1300
1009
 
1301
1010
  [data-theme="ireland"] {
1302
- --surface-channel-50: #f9fafa;
1303
- --surface-channel-100: #eef0f0;
1304
- --surface-channel-200: #adbbb9;
1011
+ --surface-channel-50: #fafafa;
1012
+ --surface-channel-100: #edf0f0;
1013
+ --surface-channel-200: #aebbba;
1305
1014
  --surface-channel-300: #0f3d38;
1306
- --surface-channel-400: #0b2b27;
1307
- --surface-channel-500: #091f1c;
1308
- --text-channel-primary: #0b2b27;
1309
- --text-channel-secondary: #0f3d38;
1015
+ --surface-channel-400: #0d2926;
1016
+ --surface-channel-500: #0a1f1c;
1017
+ --text-channel-primary: #244b48;
1018
+ --text-channel-secondary: #4d6f68;
1019
+ --text-channel-tertiary: #7e9591;
1310
1020
  --icon-channel-primary: #0f3d38;
1311
- --icon-channel-secondary: #375a56;
1312
- --border-channel-primary: #244c47;
1313
- --border-channel-secondary: #65807d;
1314
- --border-channel-tertiary: #adbbb9;
1315
- --interactive-chip-channel-secondary-on-fill-default: #f9fafa;
1316
- --interactive-chip-channel-secondary-on-fill-hover: #0d3430;
1317
- --interactive-chip-channel-secondary-on-fill-pressed: #0c312d;
1021
+ --icon-channel-secondary: #385a57;
1022
+ --icon-channel-tertiary: #7e9591;
1023
+ --border-channel-primary: #aebbba;
1024
+ --border-channel-secondary: #d4dedb;
1025
+ --border-channel-tertiary: #edf0f0;
1026
+ --interactive-chip-channel-secondary-on-fill-default: #fafafa;
1027
+ --interactive-chip-channel-secondary-on-fill-hover: #d4d4d4;
1028
+ --interactive-chip-channel-secondary-on-fill-pressed: #c8c8c8;
1318
1029
  --interactive-chip-channel-secondary-on-text-default: #0f3d38;
1319
- --interactive-chip-channel-secondary-on-text-hover: #0d3430;
1320
- --interactive-chip-channel-secondary-on-text-pressed: #0c312d;
1030
+ --interactive-chip-channel-secondary-on-text-hover: #0d342f;
1031
+ --interactive-chip-channel-secondary-on-text-pressed: #0c312c;
1321
1032
  --interactive-chip-channel-secondary-on-icon-default: #0f3d38;
1322
- --interactive-chip-channel-secondary-on-icon-hover: #0d3430;
1323
- --interactive-chip-channel-secondary-on-icon-pressed: #0c312d;
1033
+ --interactive-chip-channel-secondary-on-icon-hover: #0d342f;
1034
+ --interactive-chip-channel-secondary-on-icon-pressed: #0c312c;
1324
1035
  --interactive-chip-channel-secondary-on-border-default: #0f3d38;
1325
- --interactive-chip-channel-secondary-on-border-hover: #0d3430;
1326
- --interactive-chip-channel-secondary-on-border-pressed: #0c312d;
1327
- --interactive-chip-channel-secondary-off-fill-default: #eef0f0;
1328
- --interactive-chip-channel-secondary-off-fill-hover: #0d3430;
1329
- --interactive-chip-channel-secondary-off-fill-pressed: #0c312d;
1330
- --interactive-chip-channel-secondary-off-text-default: #0b2b27;
1331
- --interactive-chip-channel-secondary-off-text-hover: #0d3430;
1332
- --interactive-chip-channel-secondary-off-text-pressed: #0c312d;
1333
- --interactive-chip-channel-secondary-off-icon-default: #0b2b27;
1334
- --interactive-chip-channel-secondary-off-icon-hover: #0d3430;
1335
- --interactive-chip-channel-secondary-off-icon-pressed: #0c312d;
1036
+ --interactive-chip-channel-secondary-on-border-hover: #0d342f;
1037
+ --interactive-chip-channel-secondary-on-border-pressed: #0c312c;
1038
+ --interactive-chip-channel-secondary-off-fill-default: #edf0f0;
1039
+ --interactive-chip-channel-secondary-off-fill-hover: #c6cfcf;
1040
+ --interactive-chip-channel-secondary-off-fill-pressed: #b9c5c5;
1041
+ --interactive-chip-channel-secondary-off-text-default: #0d2926;
1042
+ --interactive-chip-channel-secondary-off-text-hover: #0b2320;
1043
+ --interactive-chip-channel-secondary-off-text-pressed: #0a211f;
1044
+ --interactive-chip-channel-secondary-off-icon-default: #0d2926;
1045
+ --interactive-chip-channel-secondary-off-icon-hover: #0b2320;
1046
+ --interactive-chip-channel-secondary-off-icon-pressed: #0a211f;
1336
1047
  --interactive-chip-channel-primary-on-fill-default: #0f3d38;
1337
- --interactive-chip-channel-primary-on-fill-hover: #0d3430;
1338
- --interactive-chip-channel-primary-on-fill-pressed: #0c312d;
1339
- --interactive-chip-channel-primary-off-fill-default: #eef0f0;
1340
- --interactive-chip-channel-primary-off-fill-hover: #0d3430;
1341
- --interactive-chip-channel-primary-off-fill-pressed: #0c312d;
1342
- --interactive-chip-channel-primary-off-text-default: #091f1c;
1343
- --interactive-chip-channel-primary-off-text-hover: #0d3430;
1344
- --interactive-chip-channel-primary-off-text-pressed: #0c312d;
1345
- --interactive-chip-channel-primary-off-icon-default: #091f1c;
1346
- --interactive-chip-channel-primary-off-icon-hover: #0d3430;
1347
- --interactive-chip-channel-primary-off-icon-pressed: #0c312d;
1348
- --interactive-chip-channel-primary-off-border-default: #adbbb9;
1349
- --interactive-chip-channel-primary-off-border-hover: #0d3430;
1350
- --interactive-chip-channel-primary-off-border-pressed: #0c312d;
1351
- --label-channel: #65807d;
1352
- --flag-channel-fill: #adbbb9;
1353
- --flag-channel-text: #091f1c;
1354
- --flag-channel-icon: #091f1c;
1048
+ --interactive-chip-channel-primary-on-fill-hover: #0d342f;
1049
+ --interactive-chip-channel-primary-on-fill-pressed: #0c312c;
1050
+ --interactive-chip-channel-primary-off-fill-default: #edf0f0;
1051
+ --interactive-chip-channel-primary-off-fill-hover: #c6cfcf;
1052
+ --interactive-chip-channel-primary-off-fill-pressed: #b9c5c5;
1053
+ --interactive-chip-channel-primary-off-text-default: #0a1f1c;
1054
+ --interactive-chip-channel-primary-off-text-hover: #081a18;
1055
+ --interactive-chip-channel-primary-off-text-pressed: #081916;
1056
+ --interactive-chip-channel-primary-off-icon-default: #0a1f1c;
1057
+ --interactive-chip-channel-primary-off-icon-hover: #081a18;
1058
+ --interactive-chip-channel-primary-off-icon-pressed: #081916;
1059
+ --interactive-chip-channel-primary-off-border-default: #aebbba;
1060
+ --interactive-chip-channel-primary-off-border-hover: #91a2a1;
1061
+ --interactive-chip-channel-primary-off-border-pressed: #879a98;
1062
+ --label-channel: #66807d;
1063
+ --flag-channel-fill: #aebbba;
1064
+ --flag-channel-text: #0a1f1c;
1065
+ --flag-channel-icon: #0a1f1c;
1355
1066
  }
1356
1067
  }
1357
1068
  [data-color-mode="dark"] {
1358
- [data-theme="channels"] {
1359
- --ramp-home-50: #030914;
1360
- --ramp-home-100: #061329;
1361
- --ramp-home-150: #081c3d;
1362
- --ramp-home-200: #0a2551;
1363
- --ramp-home-250: #0c2f66;
1364
- --ramp-home-300: #0d387a;
1365
- --ramp-home-350: #0f418e;
1366
- --ramp-home-400: #104aa2;
1367
- --ramp-home-450: #1254b7;
1368
- --ramp-home-500: #135dcb;
1369
- --ramp-home-550: #2365ce;
1370
- --ramp-home-600: #316dd1;
1371
- --ramp-home-650: #3e75d3;
1372
- --ramp-home-700: #4a7ed6;
1373
- --ramp-home-750: #5686d9;
1374
- --ramp-home-800: #618edc;
1375
- --ramp-home-850: #6c95de;
1376
- --ramp-home-900: #789ee1;
1377
- --ramp-home-950: #84a6e3;
1378
- --ramp-home-1000: #8faee6;
1379
- --ramp-uk-50: #090b0d;
1380
- --ramp-uk-100: #111619;
1381
- --ramp-uk-150: #1a2126;
1382
- --ramp-uk-200: #222c33;
1383
- --ramp-uk-250: #2b3740;
1384
- --ramp-uk-300: #33414c;
1385
- --ramp-uk-350: #3c4c59;
1386
- --ramp-uk-400: #445766;
1387
- --ramp-uk-450: #4d6272;
1388
- --ramp-uk-500: #556d7f;
1389
- --ramp-uk-550: #5e7485;
1390
- --ramp-uk-600: #667c8c;
1391
- --ramp-uk-650: #6f8392;
1392
- --ramp-uk-700: #778a99;
1393
- --ramp-uk-750: #80929f;
1394
- --ramp-uk-800: #8899a5;
1395
- --ramp-uk-850: #909fab;
1396
- --ramp-uk-900: #99a7b2;
1397
- --ramp-uk-950: #a2afb9;
1398
- --ramp-uk-1000: #aab6bf;
1399
- --ramp-world-50: #040c0c;
1400
- --ramp-world-100: #061819;
1401
- --ramp-world-150: #072425;
1402
- --ramp-world-200: #083032;
1403
- --ramp-world-250: #083c3e;
1404
- --ramp-world-300: #08484a;
1405
- --ramp-world-350: #075457;
1406
- --ramp-world-400: #056063;
1407
- --ramp-world-450: #036c70;
1408
- --ramp-world-500: #00787c;
1409
- --ramp-world-550: #1c7f83;
1410
- --ramp-world-600: #2d8689;
1411
- --ramp-world-650: #3c8c90;
1412
- --ramp-world-700: #499396;
1413
- --ramp-world-750: #569a9d;
1414
- --ramp-world-800: #62a1a3;
1415
- --ramp-world-850: #6ca7a9;
1416
- --ramp-world-900: #79aeb1;
1417
- --ramp-world-950: #85b5b7;
1418
- --ramp-world-1000: #90bcbe;
1419
- --ramp-business-50: #050b10;
1420
- --ramp-business-100: #08161f;
1421
- --ramp-business-150: #0c222f;
1422
- --ramp-business-200: #0f2d3e;
1423
- --ramp-business-250: #12384e;
1424
- --ramp-business-300: #15435e;
1425
- --ramp-business-350: #184e6d;
1426
- --ramp-business-400: #1b5a7d;
1427
- --ramp-business-450: #1e658c;
1428
- --ramp-business-500: #21709c;
1429
- --ramp-business-550: #2f77a1;
1430
- --ramp-business-600: #3c7ea6;
1431
- --ramp-business-650: #4886ab;
1432
- --ramp-business-700: #538db0;
1433
- --ramp-business-750: #5f94b5;
1434
- --ramp-business-800: #6a9bba;
1435
- --ramp-business-850: #74a1be;
1436
- --ramp-business-900: #80a9c4;
1437
- --ramp-business-950: #8bb1c9;
1438
- --ramp-business-1000: #95b8ce;
1439
- --ramp-money-50: #09100d;
1440
- --ramp-money-100: #12211b;
1441
- --ramp-money-150: #1b3128;
1442
- --ramp-money-200: #244135;
1443
- --ramp-money-250: #2c5243;
1444
- --ramp-money-300: #356250;
1445
- --ramp-money-350: #3e725d;
1446
- --ramp-money-400: #47826a;
1447
- --ramp-money-450: #4f9378;
1448
- --ramp-money-500: #58a385;
1449
- --ramp-money-550: #61a88b;
1450
- --ramp-money-600: #6aac91;
1451
- --ramp-money-650: #73b197;
1452
- --ramp-money-700: #7bb69d;
1453
- --ramp-money-750: #84baa4;
1454
- --ramp-money-800: #8cbfaa;
1455
- --ramp-money-850: #94c3af;
1456
- --ramp-money-900: #9dc8b6;
1457
- --ramp-money-950: #a5cdbc;
1458
- --ramp-money-1000: #aed1c2;
1459
- --ramp-comment-50: #100407;
1460
- --ramp-comment-100: #1f070e;
1461
- --ramp-comment-150: #2f0a15;
1462
- --ramp-comment-200: #3e0e1c;
1463
- --ramp-comment-250: #4e1123;
1464
- --ramp-comment-300: #5d1429;
1465
- --ramp-comment-350: #6d1630;
1466
- --ramp-comment-400: #7c1937;
1467
- --ramp-comment-450: #8c1c3e;
1468
- --ramp-comment-500: #9b1f45;
1469
- --ramp-comment-550: #a12c4f;
1470
- --ramp-comment-600: #a63858;
1471
- --ramp-comment-650: #ac4461;
1472
- --ramp-comment-700: #b1506b;
1473
- --ramp-comment-750: #b65b74;
1474
- --ramp-comment-800: #bc667d;
1475
- --ramp-comment-850: #c07086;
1476
- --ramp-comment-900: #c67c90;
1477
- --ramp-comment-950: #cb8799;
1478
- --ramp-comment-1000: #d092a3;
1479
- --ramp-sport-50: #040c07;
1480
- --ramp-sport-100: #06180d;
1481
- --ramp-sport-150: #072513;
1482
- --ramp-sport-200: #083119;
1483
- --ramp-sport-250: #083d20;
1484
- --ramp-sport-300: #084926;
1485
- --ramp-sport-350: #07552c;
1486
- --ramp-sport-400: #066232;
1487
- --ramp-sport-450: #036e39;
1488
- --ramp-sport-500: #007a3f;
1489
- --ramp-sport-550: #1d8149;
1490
- --ramp-sport-600: #2e8753;
1491
- --ramp-sport-650: #3c8e5d;
1492
- --ramp-sport-700: #4a9566;
1493
- --ramp-sport-750: #569c70;
1494
- --ramp-sport-800: #62a27a;
1495
- --ramp-sport-850: #6da882;
1496
- --ramp-sport-900: #7ab08d;
1497
- --ramp-sport-950: #85b696;
1498
- --ramp-sport-1000: #90bda0;
1499
- --ramp-travel-50: #050c11;
1500
- --ramp-travel-100: #0a1823;
1501
- --ramp-travel-150: #0e2434;
1502
- --ramp-travel-200: #133045;
1503
- --ramp-travel-250: #173d57;
1504
- --ramp-travel-300: #1b4968;
1505
- --ramp-travel-350: #205579;
1506
- --ramp-travel-400: #24618a;
1507
- --ramp-travel-450: #286d9c;
1508
- --ramp-travel-500: #2c79ad;
1509
- --ramp-travel-550: #3980b1;
1510
- --ramp-travel-600: #4486b5;
1511
- --ramp-travel-650: #508dba;
1512
- --ramp-travel-700: #5b94be;
1513
- --ramp-travel-750: #669bc2;
1514
- --ramp-travel-800: #70a1c6;
1515
- --ramp-travel-850: #79a7ca;
1516
- --ramp-travel-900: #85afce;
1517
- --ramp-travel-950: #8fb6d2;
1518
- --ramp-travel-1000: #9abcd6;
1519
- --ramp-puzzle-50: #160c06;
1520
- --ramp-puzzle-100: #2d170b;
1521
- --ramp-puzzle-150: #432310;
1522
- --ramp-puzzle-200: #592e16;
1523
- --ramp-puzzle-250: #703a1b;
1524
- --ramp-puzzle-300: #864520;
1525
- --ramp-puzzle-350: #9c5125;
1526
- --ramp-puzzle-400: #b25c2a;
1527
- --ramp-puzzle-450: #c9682f;
1528
- --ramp-puzzle-500: #df7334;
1529
- --ramp-puzzle-550: #e17a40;
1530
- --ramp-puzzle-600: #e3814b;
1531
- --ramp-puzzle-650: #e58856;
1532
- --ramp-puzzle-700: #e69060;
1533
- --ramp-puzzle-750: #e8976a;
1534
- --ramp-puzzle-800: #ea9e75;
1535
- --ramp-puzzle-850: #eba47e;
1536
- --ramp-puzzle-900: #edac89;
1537
- --ramp-puzzle-950: #efb393;
1538
- --ramp-puzzle-1000: #f0ba9d;
1539
- --ramp-culture-50: #0f040a;
1540
- --ramp-culture-100: #1e0814;
1541
- --ramp-culture-150: #2d0b1e;
1542
- --ramp-culture-200: #3c0f28;
1543
- --ramp-culture-250: #4a1232;
1544
- --ramp-culture-300: #59163c;
1545
- --ramp-culture-350: #681946;
1546
- --ramp-culture-400: #771c50;
1547
- --ramp-culture-450: #85205a;
1548
- --ramp-culture-500: #942364;
1549
- --ramp-culture-550: #9a2f6c;
1550
- --ramp-culture-600: #a03b74;
1551
- --ramp-culture-650: #a6477c;
1552
- --ramp-culture-700: #ab5283;
1553
- --ramp-culture-750: #b15d8b;
1554
- --ramp-culture-800: #b66893;
1555
- --ramp-culture-850: #bb729a;
1556
- --ramp-culture-900: #c17ea3;
1557
- --ramp-culture-950: #c789aa;
1558
- --ramp-culture-1000: #cc94b2;
1559
- --ramp-life-and-style-50: #051012;
1560
- --ramp-life-and-style-100: #082024;
1561
- --ramp-life-and-style-150: #0b3036;
1562
- --ramp-life-and-style-200: #0e4048;
1563
- --ramp-life-and-style-250: #10505b;
1564
- --ramp-life-and-style-300: #115f6d;
1565
- --ramp-life-and-style-350: #126f7f;
1566
- --ramp-life-and-style-400: #137f91;
1567
- --ramp-life-and-style-450: #148fa3;
1568
- --ramp-life-and-style-500: #149fb5;
1569
- --ramp-life-and-style-550: #2ba4b9;
1570
- --ramp-life-and-style-600: #3ba9bc;
1571
- --ramp-life-and-style-650: #49aec0;
1572
- --ramp-life-and-style-700: #55b2c4;
1573
- --ramp-life-and-style-750: #62b7c8;
1574
- --ramp-life-and-style-800: #6dbccb;
1575
- --ramp-life-and-style-850: #77c0cf;
1576
- --ramp-life-and-style-900: #83c6d3;
1577
- --ramp-life-and-style-950: #8ecbd7;
1578
- --ramp-life-and-style-1000: #99cfda;
1579
- --ramp-obituaries-50: #0b0b0b;
1580
- --ramp-obituaries-100: #161615;
1581
- --ramp-obituaries-150: #202020;
1582
- --ramp-obituaries-200: #2b2b2a;
1583
- --ramp-obituaries-250: #363635;
1584
- --ramp-obituaries-300: #41413f;
1585
- --ramp-obituaries-350: #4c4c4a;
1586
- --ramp-obituaries-400: #565654;
1587
- --ramp-obituaries-450: #61615f;
1588
- --ramp-obituaries-500: #6c6c69;
1589
- --ramp-obituaries-550: #737371;
1590
- --ramp-obituaries-600: #7b7b78;
1591
- --ramp-obituaries-650: #828280;
1592
- --ramp-obituaries-700: #898987;
1593
- --ramp-obituaries-750: #91918f;
1594
- --ramp-obituaries-800: #989896;
1595
- --ramp-obituaries-850: #9f9f9d;
1596
- --ramp-obituaries-900: #a7a7a5;
1597
- --ramp-obituaries-950: #aeaead;
1598
- --ramp-obituaries-1000: #b5b6b4;
1599
- --ramp-ireland-50: #020606;
1600
- --ramp-ireland-100: #040c0b;
1601
- --ramp-ireland-150: #061211;
1602
- --ramp-ireland-200: #071816;
1603
- --ramp-ireland-250: #091f1c;
1604
- --ramp-ireland-300: #0a2522;
1605
- --ramp-ireland-350: #0b2b27;
1606
- --ramp-ireland-400: #0d312d;
1607
- --ramp-ireland-450: #0e3732;
1608
- --ramp-ireland-500: #0f3d38;
1609
- --ramp-ireland-550: #1d4742;
1610
- --ramp-ireland-600: #2a504c;
1611
- --ramp-ireland-650: #375a56;
1612
- --ramp-ireland-700: #436460;
1613
- --ramp-ireland-750: #4f6e6a;
1614
- --ramp-ireland-800: #5b7774;
1615
- --ramp-ireland-850: #65807d;
1616
- --ramp-ireland-900: #738b88;
1617
- --ramp-ireland-950: #7e9492;
1618
- --ramp-ireland-1000: #8a9e9c;
1619
- --ramp-times-radio-cobalt-50: #05090e;
1620
- --ramp-times-radio-cobalt-100: #0a121c;
1621
- --ramp-times-radio-cobalt-150: #101a2a;
1622
- --ramp-times-radio-cobalt-200: #152338;
1623
- --ramp-times-radio-cobalt-250: #1a2c46;
1624
- --ramp-times-radio-cobalt-300: #1f3553;
1625
- --ramp-times-radio-cobalt-350: #243e61;
1626
- --ramp-times-radio-cobalt-400: #29466f;
1627
- --ramp-times-radio-cobalt-450: #2e4f7d;
1628
- --ramp-times-radio-cobalt-500: #33588b;
1629
- --ramp-times-radio-cobalt-550: #3e6091;
1630
- --ramp-times-radio-cobalt-600: #486997;
1631
- --ramp-times-radio-cobalt-650: #52719d;
1632
- --ramp-times-radio-cobalt-700: #5d79a3;
1633
- --ramp-times-radio-cobalt-750: #6782a8;
1634
- --ramp-times-radio-cobalt-800: #718aae;
1635
- --ramp-times-radio-cobalt-850: #7a92b3;
1636
- --ramp-times-radio-cobalt-900: #869bba;
1637
- --ramp-times-radio-cobalt-950: #90a3c0;
1638
- --ramp-times-radio-cobalt-1000: #9aacc5;
1639
- --ramp-times-radio-coral-50: #170a09;
1640
- --ramp-times-radio-coral-100: #2e1312;
1641
- --ramp-times-radio-coral-150: #461d1b;
1642
- --ramp-times-radio-coral-200: #5d2623;
1643
- --ramp-times-radio-coral-250: #74302c;
1644
- --ramp-times-radio-coral-300: #8b3935;
1645
- --ramp-times-radio-coral-350: #a2433e;
1646
- --ramp-times-radio-coral-400: #b94c46;
1647
- --ramp-times-radio-coral-450: #d0564f;
1648
- --ramp-times-radio-coral-500: #e75f58;
1649
- --ramp-times-radio-coral-550: #e96761;
1650
- --ramp-times-radio-coral-600: #ea7069;
1651
- --ramp-times-radio-coral-650: #ec7872;
1652
- --ramp-times-radio-coral-700: #ed807a;
1653
- --ramp-times-radio-coral-750: #ef8883;
1654
- --ramp-times-radio-coral-800: #f0908b;
1655
- --ramp-times-radio-coral-850: #f19892;
1656
- --ramp-times-radio-coral-900: #f3a19c;
1657
- --ramp-times-radio-coral-950: #f4a8a4;
1658
- --ramp-times-radio-coral-1000: #f5b0ac;
1659
- --base-puzzle: #df7334;
1660
- --base-culture: #942364;
1661
- --base-obituaries: #6c6c69;
1662
- --base-ireland: #0f3d38;
1663
- --base-life-and-style: #149fb5;
1664
- --base-travel: #2c79ad;
1665
- --base-sport: #007a3f;
1666
- --base-business: #21709c;
1667
- --base-comment: #9b1f45;
1668
- --base-money: #58a385;
1669
- --base-world: #00787c;
1670
- --base-home: #135dcb;
1671
- --base-uk: #556d7f;
1672
- --base-times-radio-cobalt: #33588b;
1673
- --base-times-radio-coral: #e75f58;
1674
- }
1675
-
1676
1069
  [data-theme="core"] {
1677
- --surface-undercanvas: #e6e5e6;
1070
+ --surface-undercanvas: #e6e6e6;
1678
1071
  --surface-canvas: #ffffff;
1072
+ --surface-transparent: #000000;
1679
1073
  --surface-level-1: #f2f2f2;
1680
- --surface-level-2: #e6e5e6;
1074
+ --surface-level-2: #e6e6e6;
1681
1075
  --surface-level-3: #d9d9d9;
1682
- --surface-level-4: #e6e5e6;
1076
+ --surface-level-4: #e6e6e6;
1683
1077
  --surface-inverse: #000000;
1684
1078
  --surface-overlay: rgba(0, 0, 0, 0.55);
1685
1079
  --surface-channel-50: #f2f2f2;
1686
1080
  --surface-channel-100: #d9d9d9;
1687
- --surface-channel-200: #a7a7a7;
1081
+ --surface-channel-200: #a8a8a8;
1688
1082
  --surface-channel-300: #666666;
1689
1083
  --surface-channel-400: #333333;
1690
- --surface-channel-500: #1a191a;
1084
+ --surface-channel-500: #1a1a1a;
1691
1085
  --surface-static-dark: #ffffff;
1692
1086
  --surface-static-light: #000000;
1693
1087
  --text-primary: #000000;
1694
1088
  --text-inverse: #ffffff;
1695
1089
  --text-secondary: #262626;
1696
1090
  --text-tertiary: #595959;
1697
- --text-channel-primary: #999999;
1698
- --text-channel-secondary: #7f7f7f;
1091
+ --text-channel-primary: #666666;
1092
+ --text-channel-secondary: #808080;
1093
+ --text-channel-tertiary: #999999;
1699
1094
  --text-static-dark: #ffffff;
1700
1095
  --text-static-light: #000000;
1701
1096
  --icon-primary: #000000;
@@ -1703,32 +1098,33 @@
1703
1098
  --icon-secondary: #262626;
1704
1099
  --icon-tertiary: #595959;
1705
1100
  --icon-channel-primary: #999999;
1706
- --icon-channel-secondary: #7f7f7f;
1707
- --border-primary: #a7a7a7;
1101
+ --icon-channel-secondary: #808080;
1102
+ --icon-channel-tertiary: #999999;
1103
+ --border-primary: #a8a8a8;
1708
1104
  --border-secondary: #cccccc;
1709
- --border-tertiary: #e6e5e6;
1710
- --border-channel-primary: #a7a7a7;
1105
+ --border-tertiary: #e6e6e6;
1106
+ --border-channel-primary: #a8a8a8;
1711
1107
  --border-channel-secondary: #cccccc;
1712
- --border-channel-tertiary: #e6e5e6;
1108
+ --border-channel-tertiary: #e6e6e6;
1713
1109
  --border-elevation: #cccccc;
1714
1110
  --border-static-dark: #ffffff;
1715
1111
  --border-static-light: #000000;
1716
1112
  --input-fill-default: #ffffff;
1717
- --input-fill-error: #ffefee;
1113
+ --input-fill-error: #ffefef;
1718
1114
  --input-fill-hover: #f2f2f2;
1719
1115
  --input-fill-active: #ffffff;
1720
1116
  --input-fill-completed: #ffffff;
1721
- --input-fill-success: #f1f8f4;
1722
- --input-fill-warning: #fff8ef;
1723
- --input-fill-info: #eef1f8;
1117
+ --input-fill-success: #f1f8f5;
1118
+ --input-fill-warning: #fff7ef;
1119
+ --input-fill-info: #eff2f8;
1724
1120
  --input-border-default: #8c8c8c;
1725
- --input-border-error: #e60403;
1726
- --input-border-hover: #d9d9d9;
1121
+ --input-border-error: #e70300;
1122
+ --input-border-hover: #6d6d6d;
1727
1123
  --input-border-active: #595959;
1728
1124
  --input-border-completed: #262626;
1729
- --input-border-success: #2d9464;
1730
- --input-border-warning: #cc8207;
1731
- --input-border-info: #2558a9;
1125
+ --input-border-success: #2c9365;
1126
+ --input-border-warning: #cc8103;
1127
+ --input-border-info: #2658a9;
1732
1128
  --input-text-default: #595959;
1733
1129
  --input-text-error: #000000;
1734
1130
  --input-text-hover: #262626;
@@ -1738,25 +1134,25 @@
1738
1134
  --input-text-warning: #000000;
1739
1135
  --input-text-info: #000000;
1740
1136
  --input-icon-default: #8c8c8c;
1741
- --input-icon-hover: #d9d9d9;
1137
+ --input-icon-hover: #6d6d6d;
1742
1138
  --input-icon-active: #595959;
1743
1139
  --input-icon-completed: #262626;
1744
- --input-icon-error: #e60403;
1745
- --input-icon-success: #2d9464;
1746
- --input-icon-warning: #cc8207;
1747
- --input-icon-info: #2558a9;
1748
- --messaging-fill-error: #ffefee;
1749
- --messaging-fill-success: #f1f8f4;
1750
- --messaging-fill-warning: #fff8ef;
1751
- --messaging-fill-info: #eef1f8;
1752
- --messaging-border-error: #e60403;
1753
- --messaging-border-success: #2d9464;
1754
- --messaging-border-warning: #ffba5c;
1755
- --messaging-border-info: #0e4392;
1756
- --messaging-icon-error: #e60403;
1757
- --messaging-icon-success: #2d9464;
1758
- --messaging-icon-warning: #ffba5c;
1759
- --messaging-icon-info: #0e4392;
1140
+ --input-icon-error: #e70300;
1141
+ --input-icon-success: #2c9365;
1142
+ --input-icon-warning: #cc8103;
1143
+ --input-icon-info: #2658a9;
1144
+ --messaging-fill-error: #ffefef;
1145
+ --messaging-fill-success: #f1f8f5;
1146
+ --messaging-fill-warning: #fff7ef;
1147
+ --messaging-fill-info: #eff2f8;
1148
+ --messaging-border-error: #e70300;
1149
+ --messaging-border-success: #2c9365;
1150
+ --messaging-border-warning: #ffba5b;
1151
+ --messaging-border-info: #0d4391;
1152
+ --messaging-icon-error: #e70300;
1153
+ --messaging-icon-success: #2c9365;
1154
+ --messaging-icon-warning: #ffba5b;
1155
+ --messaging-icon-info: #0d4391;
1760
1156
  --messaging-link-text-default: #000000;
1761
1157
  --messaging-link-text-hover: #d9d9d9;
1762
1158
  --messaging-link-text-pressed: #cccccc;
@@ -1779,44 +1175,44 @@
1779
1175
  --interactive-primary-icon-hover: #ffffff;
1780
1176
  --interactive-primary-icon-pressed: #ffffff;
1781
1177
  --interactive-secondary-fill-default: #ffffff;
1782
- --interactive-secondary-fill-hover: #ffffff;
1783
- --interactive-secondary-fill-pressed: #ffffff;
1178
+ --interactive-secondary-fill-hover: #262626;
1179
+ --interactive-secondary-fill-pressed: #333333;
1784
1180
  --interactive-secondary-border-default: #737373;
1785
- --interactive-secondary-border-hover: #ffffff;
1786
- --interactive-secondary-border-pressed: #ffffff;
1181
+ --interactive-secondary-border-hover: #9d9d9d;
1182
+ --interactive-secondary-border-pressed: #a3a3a3;
1787
1183
  --interactive-secondary-text-default: #000000;
1788
1184
  --interactive-secondary-text-hover: #ffffff;
1789
1185
  --interactive-secondary-text-pressed: #ffffff;
1790
1186
  --interactive-secondary-icon-default: #000000;
1791
- --interactive-secondary-icon-hover: #d9d9d9;
1187
+ --interactive-secondary-icon-hover: #ffffff;
1792
1188
  --interactive-secondary-icon-pressed: #ffffff;
1793
1189
  --interactive-disabled-a: #d9d9d9;
1794
1190
  --interactive-disabled-b: #bfbfbf;
1795
- --interactive-disabled-c: #a7a7a7;
1191
+ --interactive-disabled-c: #a8a8a8;
1796
1192
  --interactive-negative-fill-default: #ffffff;
1797
- --interactive-negative-fill-hover: #d9d9d9;
1798
- --interactive-negative-fill-pressed: #cccccc;
1799
- --interactive-negative-border-default: #ff4039;
1800
- --interactive-negative-border-hover: #d90000;
1801
- --interactive-negative-border-pressed: #cc0000;
1802
- --interactive-negative-text-default: #ff4039;
1803
- --interactive-negative-text-hover: #d90000;
1804
- --interactive-negative-text-pressed: #cc0000;
1805
- --interactive-negative-icon-default: #ff4039;
1806
- --interactive-negative-icon-hover: #d90000;
1807
- --interactive-negative-icon-pressed: #cc0000;
1193
+ --interactive-negative-fill-hover: #000000;
1194
+ --interactive-negative-fill-pressed: #000000;
1195
+ --interactive-negative-border-default: #ff403a;
1196
+ --interactive-negative-border-hover: #ff0c05;
1197
+ --interactive-negative-border-pressed: #f50700;
1198
+ --interactive-negative-text-default: #ff403a;
1199
+ --interactive-negative-text-hover: #ff0c05;
1200
+ --interactive-negative-text-pressed: #f50700;
1201
+ --interactive-negative-icon-default: #ff403a;
1202
+ --interactive-negative-icon-hover: #ff0c05;
1203
+ --interactive-negative-icon-pressed: #f50700;
1808
1204
  --interactive-link-secondary-text-default: #8c8c8c;
1809
- --interactive-link-secondary-text-hover: #d9d9d9;
1810
- --interactive-link-secondary-text-pressed: #cccccc;
1811
- --interactive-link-secondary-text-visited: #ffffff;
1205
+ --interactive-link-secondary-text-hover: #626262;
1206
+ --interactive-link-secondary-text-pressed: #5c5c5c;
1207
+ --interactive-link-secondary-text-visited: #858585;
1812
1208
  --interactive-link-secondary-icon-default: #8c8c8c;
1813
- --interactive-link-secondary-icon-hover: #d9d9d9;
1814
- --interactive-link-secondary-icon-pressed: #cccccc;
1815
- --interactive-link-secondary-icon-visited: #ffffff;
1209
+ --interactive-link-secondary-icon-hover: #626262;
1210
+ --interactive-link-secondary-icon-pressed: #5c5c5c;
1211
+ --interactive-link-secondary-icon-visited: #858585;
1816
1212
  --interactive-link-secondary-underline-default: #8c8c8c;
1817
- --interactive-link-secondary-underline-hover: #ffffff;
1818
- --interactive-link-secondary-underline-pressed: #ffffff;
1819
- --interactive-link-secondary-underline-visited: #e6e6e6;
1213
+ --interactive-link-secondary-underline-hover: #888888;
1214
+ --interactive-link-secondary-underline-pressed: #8f8f8f;
1215
+ --interactive-link-secondary-underline-visited: #686868;
1820
1216
  --interactive-link-primary-text-default: #000000;
1821
1217
  --interactive-link-primary-text-hover: #d9d9d9;
1822
1218
  --interactive-link-primary-text-pressed: #cccccc;
@@ -1833,14 +1229,14 @@
1833
1229
  --interactive-chip-primary-on-fill-hover: #d9d9d9;
1834
1230
  --interactive-chip-primary-on-fill-pressed: #cccccc;
1835
1231
  --interactive-chip-primary-on-text-default: #ffffff;
1836
- --interactive-chip-primary-on-text-hover: #d9d9d9;
1837
- --interactive-chip-primary-on-text-pressed: #cccccc;
1232
+ --interactive-chip-primary-on-text-hover: #000000;
1233
+ --interactive-chip-primary-on-text-pressed: #000000;
1838
1234
  --interactive-chip-primary-on-icon-default: #ffffff;
1839
- --interactive-chip-primary-on-icon-hover: #d9d9d9;
1840
- --interactive-chip-primary-on-icon-pressed: #cccccc;
1235
+ --interactive-chip-primary-on-icon-hover: #000000;
1236
+ --interactive-chip-primary-on-icon-pressed: #000000;
1841
1237
  --interactive-chip-primary-off-fill-default: #ffffff;
1842
- --interactive-chip-primary-off-fill-hover: #d9d9d9;
1843
- --interactive-chip-primary-off-fill-pressed: #cccccc;
1238
+ --interactive-chip-primary-off-fill-hover: #000000;
1239
+ --interactive-chip-primary-off-fill-pressed: #000000;
1844
1240
  --interactive-chip-primary-off-text-default: #000000;
1845
1241
  --interactive-chip-primary-off-text-hover: #d9d9d9;
1846
1242
  --interactive-chip-primary-off-text-pressed: #cccccc;
@@ -1854,65 +1250,65 @@
1854
1250
  --interactive-chip-secondary-on-text-hover: #d9d9d9;
1855
1251
  --interactive-chip-secondary-on-text-pressed: #cccccc;
1856
1252
  --interactive-chip-secondary-on-fill-default: #d9d9d9;
1857
- --interactive-chip-secondary-on-fill-hover: #d9d9d9;
1858
- --interactive-chip-secondary-on-fill-pressed: #cccccc;
1253
+ --interactive-chip-secondary-on-fill-hover: #202020;
1254
+ --interactive-chip-secondary-on-fill-pressed: #1e1e1e;
1859
1255
  --interactive-chip-secondary-on-border-default: #737373;
1860
- --interactive-chip-secondary-on-border-hover: #d9d9d9;
1861
- --interactive-chip-secondary-on-border-pressed: #cccccc;
1256
+ --interactive-chip-secondary-on-border-hover: #777777;
1257
+ --interactive-chip-secondary-on-border-pressed: #707070;
1862
1258
  --interactive-chip-secondary-on-icon-default: #000000;
1863
1259
  --interactive-chip-secondary-on-icon-hover: #d9d9d9;
1864
1260
  --interactive-chip-secondary-on-icon-pressed: #cccccc;
1865
1261
  --interactive-chip-secondary-off-fill-default: #d9d9d9;
1866
- --interactive-chip-secondary-off-fill-hover: #d9d9d9;
1867
- --interactive-chip-secondary-off-fill-pressed: #cccccc;
1262
+ --interactive-chip-secondary-off-fill-hover: #202020;
1263
+ --interactive-chip-secondary-off-fill-pressed: #1e1e1e;
1868
1264
  --interactive-chip-secondary-off-text-default: #595959;
1869
- --interactive-chip-secondary-off-text-hover: #d9d9d9;
1870
- --interactive-chip-secondary-off-text-pressed: #cccccc;
1265
+ --interactive-chip-secondary-off-text-hover: #8d8d8d;
1266
+ --interactive-chip-secondary-off-text-pressed: #858585;
1871
1267
  --interactive-chip-secondary-off-icon-default: #595959;
1872
- --interactive-chip-secondary-off-icon-hover: #d9d9d9;
1873
- --interactive-chip-secondary-off-icon-pressed: #cccccc;
1268
+ --interactive-chip-secondary-off-icon-hover: #8d8d8d;
1269
+ --interactive-chip-secondary-off-icon-pressed: #858585;
1874
1270
  --interactive-chip-channel-secondary-off-fill-default: #f2f2f2;
1875
- --interactive-chip-channel-secondary-off-fill-hover: #d9d9d9;
1876
- --interactive-chip-channel-secondary-off-fill-pressed: #cccccc;
1271
+ --interactive-chip-channel-secondary-off-fill-hover: #0b0b0b;
1272
+ --interactive-chip-channel-secondary-off-fill-pressed: #0a0a0a;
1877
1273
  --interactive-chip-channel-secondary-off-text-default: #333333;
1878
- --interactive-chip-channel-secondary-off-text-hover: #d9d9d9;
1879
- --interactive-chip-channel-secondary-off-text-pressed: #cccccc;
1274
+ --interactive-chip-channel-secondary-off-text-hover: #adadad;
1275
+ --interactive-chip-channel-secondary-off-text-pressed: #a3a3a3;
1880
1276
  --interactive-chip-channel-secondary-off-icon-default: #333333;
1881
- --interactive-chip-channel-secondary-off-icon-hover: #d9d9d9;
1882
- --interactive-chip-channel-secondary-off-icon-pressed: #cccccc;
1277
+ --interactive-chip-channel-secondary-off-icon-hover: #adadad;
1278
+ --interactive-chip-channel-secondary-off-icon-pressed: #a3a3a3;
1883
1279
  --interactive-chip-channel-secondary-on-border-default: #333333;
1884
- --interactive-chip-channel-secondary-on-border-hover: #d9d9d9;
1885
- --interactive-chip-channel-secondary-on-border-pressed: #cccccc;
1280
+ --interactive-chip-channel-secondary-on-border-hover: #adadad;
1281
+ --interactive-chip-channel-secondary-on-border-pressed: #a3a3a3;
1886
1282
  --interactive-chip-channel-secondary-on-fill-default: #f2f2f2;
1887
- --interactive-chip-channel-secondary-on-fill-hover: #d9d9d9;
1888
- --interactive-chip-channel-secondary-on-fill-pressed: #cccccc;
1889
- --interactive-chip-channel-secondary-on-text-default: #1a191a;
1890
- --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1891
- --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
1892
- --interactive-chip-channel-secondary-on-icon-default: #1a191a;
1893
- --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1894
- --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1283
+ --interactive-chip-channel-secondary-on-fill-hover: #0b0b0b;
1284
+ --interactive-chip-channel-secondary-on-fill-pressed: #0a0a0a;
1285
+ --interactive-chip-channel-secondary-on-text-default: #1a1a1a;
1286
+ --interactive-chip-channel-secondary-on-text-hover: #c4c4c4;
1287
+ --interactive-chip-channel-secondary-on-text-pressed: #b8b8b8;
1288
+ --interactive-chip-channel-secondary-on-icon-default: #1a1a1a;
1289
+ --interactive-chip-channel-secondary-on-icon-hover: #c4c4c4;
1290
+ --interactive-chip-channel-secondary-on-icon-pressed: #b8b8b8;
1895
1291
  --interactive-chip-channel-primary-off-fill-default: #f2f2f2;
1896
- --interactive-chip-channel-primary-off-fill-hover: #d9d9d9;
1897
- --interactive-chip-channel-primary-off-fill-pressed: #cccccc;
1898
- --interactive-chip-channel-primary-off-text-default: #1a191a;
1899
- --interactive-chip-channel-primary-off-text-hover: #d9d9d9;
1900
- --interactive-chip-channel-primary-off-text-pressed: #cccccc;
1901
- --interactive-chip-channel-primary-off-icon-default: #1a191a;
1902
- --interactive-chip-channel-primary-off-icon-hover: #d9d9d9;
1903
- --interactive-chip-channel-primary-off-icon-pressed: #cccccc;
1292
+ --interactive-chip-channel-primary-off-fill-hover: #0b0b0b;
1293
+ --interactive-chip-channel-primary-off-fill-pressed: #0a0a0a;
1294
+ --interactive-chip-channel-primary-off-text-default: #1a1a1a;
1295
+ --interactive-chip-channel-primary-off-text-hover: #c4c4c4;
1296
+ --interactive-chip-channel-primary-off-text-pressed: #b8b8b8;
1297
+ --interactive-chip-channel-primary-off-icon-default: #1a1a1a;
1298
+ --interactive-chip-channel-primary-off-icon-hover: #c4c4c4;
1299
+ --interactive-chip-channel-primary-off-icon-pressed: #b8b8b8;
1904
1300
  --interactive-chip-channel-primary-off-border-default: #d9d9d9;
1905
- --interactive-chip-channel-primary-off-border-hover: #d9d9d9;
1906
- --interactive-chip-channel-primary-off-border-pressed: #cccccc;
1301
+ --interactive-chip-channel-primary-off-border-hover: #202020;
1302
+ --interactive-chip-channel-primary-off-border-pressed: #1e1e1e;
1907
1303
  --interactive-chip-channel-primary-on-fill-default: #333333;
1908
- --interactive-chip-channel-primary-on-fill-hover: #d9d9d9;
1909
- --interactive-chip-channel-primary-on-fill-pressed: #cccccc;
1304
+ --interactive-chip-channel-primary-on-fill-hover: #adadad;
1305
+ --interactive-chip-channel-primary-on-fill-pressed: #a3a3a3;
1910
1306
  --interactive-chip-channel-primary-on-text-default: #ffffff;
1911
- --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1912
- --interactive-chip-channel-primary-on-text-pressed: #cccccc;
1307
+ --interactive-chip-channel-primary-on-text-hover: #000000;
1308
+ --interactive-chip-channel-primary-on-text-pressed: #000000;
1913
1309
  --interactive-chip-channel-primary-on-icon-default: #ffffff;
1914
- --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1915
- --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
1310
+ --interactive-chip-channel-primary-on-icon-hover: #000000;
1311
+ --interactive-chip-channel-primary-on-icon-pressed: #000000;
1916
1312
  --active-fill: #000000;
1917
1313
  --active-text: #ffffff;
1918
1314
  --active-border: #737373;
@@ -1921,26 +1317,26 @@
1921
1317
  --label-primary: #000000;
1922
1318
  --label-secondary: #262626;
1923
1319
  --label-channel: #666666;
1924
- --label-callout: #ffb4b0;
1320
+ --label-callout: #ff403a;
1925
1321
  --flag-primary-fill: #000000;
1926
1322
  --flag-primary-text: #f2f2f2;
1927
1323
  --flag-primary-icon: #f2f2f2;
1928
1324
  --flag-secondary-text: #000000;
1929
1325
  --flag-secondary-icon: #000000;
1930
- --flag-channel-fill: #a7a7a7;
1931
- --flag-channel-text: #1a191a;
1932
- --flag-channel-icon: #1a191a;
1933
- --flag-callout-fill: #ffb4b0;
1326
+ --flag-channel-fill: #a8a8a8;
1327
+ --flag-channel-text: #1a1a1a;
1328
+ --flag-channel-icon: #1a1a1a;
1329
+ --flag-callout-fill: #ff403a;
1934
1330
  --flag-callout-text: #000000;
1935
1331
  --flag-callout-icon: #000000;
1936
- --toast-fill-info: #6788c3;
1937
- --toast-fill-success: #aad6bf;
1938
- --toast-fill-warning: #ffcd8a;
1939
- --toast-fill-error: #ff9e99;
1940
- --toast-icon-info: #0b2c61;
1941
- --toast-icon-success: #1a5238;
1942
- --toast-icon-warning: #80520a;
1943
- --toast-icon-error: #660907;
1332
+ --toast-fill-info: #6788c4;
1333
+ --toast-fill-success: #a9d8be;
1334
+ --toast-fill-warning: #ffcd8b;
1335
+ --toast-fill-error: #ff9f98;
1336
+ --toast-icon-info: #0b2c62;
1337
+ --toast-icon-success: #1b5339;
1338
+ --toast-icon-warning: #7e520d;
1339
+ --toast-icon-error: #670909;
1944
1340
  --toast-text-info: #000000;
1945
1341
  --toast-text-success: #000000;
1946
1342
  --toast-text-error: #000000;
@@ -1955,804 +1351,1129 @@
1955
1351
  --toast-link-error-hover: #d9d9d9;
1956
1352
  --toast-link-error-pressed: #cccccc;
1957
1353
  --toast-link-warning-default: #ffffff;
1958
- --toast-link-warning-hover: #d9d9d9;
1959
- --toast-link-warning-pressed: #cccccc;
1354
+ --toast-link-warning-hover: #000000;
1355
+ --toast-link-warning-pressed: #000000;
1960
1356
  --tooltip-fill: #000000;
1961
1357
  --tooltip-text: #ffffff;
1962
1358
  --tooltip-icon: #ffffff;
1963
1359
  }
1964
1360
 
1965
1361
  [data-theme="comment"] {
1966
- --surface-channel-50: #faf4f6;
1967
- --surface-channel-100: #f4e4e8;
1968
- --surface-channel-200: #d59dac;
1969
- --surface-channel-300: #a33253;
1970
- --surface-channel-400: #6d1630;
1971
- --surface-channel-500: #3e0e1c;
1972
- --text-channel-primary: #6d1630;
1973
- --text-channel-secondary: #a33253;
1974
- --icon-channel-primary: #deb3be;
1975
- --icon-channel-secondary: #cb8799;
1976
- --border-channel-primary: #cb8799;
1977
- --border-channel-secondary: #e8c9d1;
1978
- --border-channel-tertiary: #f4e4e8;
1362
+ --surface-channel-50: #fbf5f5;
1363
+ --surface-channel-100: #f2e5e8;
1364
+ --surface-channel-200: #d49eab;
1365
+ --surface-channel-300: #a33254;
1366
+ --surface-channel-400: #6c1730;
1367
+ --surface-channel-500: #3d0e1c;
1368
+ --text-channel-primary: #5c1328;
1369
+ --text-channel-secondary: #7d1738;
1370
+ --text-channel-tertiary: #a33254;
1371
+ --icon-channel-primary: #e0b3bf;
1372
+ --icon-channel-secondary: #cc8799;
1373
+ --icon-channel-tertiary: #a33254;
1374
+ --border-channel-primary: #cc8799;
1375
+ --border-channel-secondary: #e8c8d1;
1376
+ --border-channel-tertiary: #f2e5e8;
1979
1377
  --active-border: #000000;
1980
- --label-channel: #a33253;
1981
- --flag-channel-fill: #d59dac;
1982
- --flag-channel-text: #3e0e1c;
1983
- --flag-channel-icon: #3e0e1c;
1984
- --interactive-negative-border-default: #ff8882;
1985
- --interactive-negative-text-default: #ff8882;
1986
- --interactive-negative-icon-default: #ff8882;
1378
+ --label-channel: #a33254;
1379
+ --flag-channel-fill: #d49eab;
1380
+ --flag-channel-text: #3d0e1c;
1381
+ --flag-channel-icon: #3d0e1c;
1382
+ --interactive-negative-border-default: #ff8883;
1383
+ --interactive-negative-border-hover: #c40300;
1384
+ --interactive-negative-border-pressed: #b90200;
1385
+ --interactive-negative-text-default: #ff8883;
1386
+ --interactive-negative-text-hover: #c40300;
1387
+ --interactive-negative-text-pressed: #b90200;
1388
+ --interactive-negative-icon-default: #ff8883;
1389
+ --interactive-negative-icon-hover: #c40300;
1390
+ --interactive-negative-icon-pressed: #b90200;
1987
1391
  --interactive-link-secondary-text-default: #737373;
1392
+ --interactive-link-secondary-text-hover: #777777;
1393
+ --interactive-link-secondary-text-pressed: #707070;
1394
+ --interactive-link-secondary-text-visited: #9a9a9a;
1988
1395
  --interactive-link-secondary-icon-default: #737373;
1396
+ --interactive-link-secondary-icon-hover: #777777;
1397
+ --interactive-link-secondary-icon-pressed: #707070;
1398
+ --interactive-link-secondary-icon-visited: #9a9a9a;
1989
1399
  --interactive-link-secondary-underline-default: #737373;
1990
- --interactive-chip-channel-secondary-off-fill-default: #f4e4e8;
1991
- --interactive-chip-channel-secondary-off-fill-hover: #841a3b;
1992
- --interactive-chip-channel-secondary-off-fill-pressed: #7c1937;
1993
- --interactive-chip-channel-secondary-off-text-default: #6d1630;
1994
- --interactive-chip-channel-secondary-off-text-hover: #841a3b;
1995
- --interactive-chip-channel-secondary-off-text-pressed: #7c1937;
1996
- --interactive-chip-channel-secondary-off-icon-default: #6d1630;
1997
- --interactive-chip-channel-secondary-off-icon-hover: #841a3b;
1998
- --interactive-chip-channel-secondary-off-icon-pressed: #7c1937;
1999
- --interactive-chip-channel-secondary-on-border-default: #6d1630;
2000
- --interactive-chip-channel-secondary-on-border-hover: #841a3b;
2001
- --interactive-chip-channel-secondary-on-border-pressed: #7c1937;
2002
- --interactive-chip-channel-secondary-on-fill-default: #f4e4e8;
2003
- --interactive-chip-channel-secondary-on-fill-hover: #841a3b;
2004
- --interactive-chip-channel-secondary-on-fill-pressed: #7c1937;
1400
+ --interactive-link-secondary-underline-hover: #9d9d9d;
1401
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
1402
+ --interactive-link-secondary-underline-visited: #7e7e7e;
1403
+ --interactive-chip-channel-secondary-off-fill-default: #3d0e1c;
1404
+ --interactive-chip-channel-secondary-off-fill-hover: #340c18;
1405
+ --interactive-chip-channel-secondary-off-fill-pressed: #310b17;
1406
+ --interactive-chip-channel-secondary-off-text-default: #6c1730;
1407
+ --interactive-chip-channel-secondary-off-text-hover: #b24f6a;
1408
+ --interactive-chip-channel-secondary-off-text-pressed: #a84a63;
1409
+ --interactive-chip-channel-secondary-off-icon-default: #6c1730;
1410
+ --interactive-chip-channel-secondary-off-icon-hover: #b24f6a;
1411
+ --interactive-chip-channel-secondary-off-icon-pressed: #a84a63;
1412
+ --interactive-chip-channel-secondary-on-border-default: #6c1730;
1413
+ --interactive-chip-channel-secondary-on-border-hover: #b24f6a;
1414
+ --interactive-chip-channel-secondary-on-border-pressed: #a84a63;
1415
+ --interactive-chip-channel-secondary-on-fill-default: #f2e5e8;
1416
+ --interactive-chip-channel-secondary-on-fill-hover: #340c18;
1417
+ --interactive-chip-channel-secondary-on-fill-pressed: #310b17;
2005
1418
  --interactive-chip-channel-secondary-on-text-default: #000000;
1419
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1420
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2006
1421
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2007
- --interactive-chip-channel-primary-off-fill-default: #faf4f6;
2008
- --interactive-chip-channel-primary-off-fill-hover: #841a3b;
2009
- --interactive-chip-channel-primary-off-fill-pressed: #7c1937;
2010
- --interactive-chip-channel-primary-off-text-default: #3e0e1c;
2011
- --interactive-chip-channel-primary-off-text-hover: #841a3b;
2012
- --interactive-chip-channel-primary-off-text-pressed: #7c1937;
2013
- --interactive-chip-channel-primary-off-icon-default: #3e0e1c;
2014
- --interactive-chip-channel-primary-off-icon-hover: #841a3b;
2015
- --interactive-chip-channel-primary-off-icon-pressed: #7c1937;
2016
- --interactive-chip-channel-primary-off-border-default: #d59dac;
2017
- --interactive-chip-channel-primary-off-border-hover: #841a3b;
2018
- --interactive-chip-channel-primary-off-border-pressed: #7c1937;
2019
- --interactive-chip-channel-primary-on-fill-default: #d59dac;
2020
- --interactive-chip-channel-primary-on-fill-hover: #841a3b;
2021
- --interactive-chip-channel-primary-on-fill-pressed: #7c1937;
1422
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1423
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1424
+ --interactive-chip-channel-primary-off-fill-default: #fbf5f5;
1425
+ --interactive-chip-channel-primary-off-fill-hover: #1a050b;
1426
+ --interactive-chip-channel-primary-off-fill-pressed: #19050a;
1427
+ --interactive-chip-channel-primary-off-text-default: #3d0e1c;
1428
+ --interactive-chip-channel-primary-off-text-hover: #c06c85;
1429
+ --interactive-chip-channel-primary-off-text-pressed: #bb607b;
1430
+ --interactive-chip-channel-primary-off-icon-default: #3d0e1c;
1431
+ --interactive-chip-channel-primary-off-icon-hover: #c06c85;
1432
+ --interactive-chip-channel-primary-off-icon-pressed: #bb607b;
1433
+ --interactive-chip-channel-primary-off-border-default: #d49eab;
1434
+ --interactive-chip-channel-primary-off-border-hover: #6a142f;
1435
+ --interactive-chip-channel-primary-off-border-pressed: #64122c;
1436
+ --interactive-chip-channel-primary-on-fill-default: #d49eab;
1437
+ --interactive-chip-channel-primary-on-fill-hover: #6a142f;
1438
+ --interactive-chip-channel-primary-on-fill-pressed: #64122c;
2022
1439
  --interactive-chip-channel-primary-on-text-default: #000000;
1440
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1441
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2023
1442
  --interactive-chip-channel-primary-on-icon-default: #000000;
1443
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1444
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2024
1445
  }
2025
1446
 
2026
1447
  [data-theme="life-and-style"] {
2027
1448
  --surface-channel-50: #f1fcfd;
2028
1449
  --surface-channel-100: #dcf7fb;
2029
1450
  --surface-channel-200: #82e2f1;
2030
- --surface-channel-300: #39a6ba;
1451
+ --surface-channel-300: #39a6bb;
2031
1452
  --surface-channel-400: #1e6d7b;
2032
- --surface-channel-500: #1a3e45;
2033
- --text-channel-primary: #1e6d7b;
2034
- --text-channel-secondary: #39a6ba;
2035
- --icon-channel-primary: #39a6ba;
1453
+ --surface-channel-500: #1a3e46;
1454
+ --text-channel-primary: #2ecfe8;
1455
+ --text-channel-secondary: #66dcee;
1456
+ --text-channel-tertiary: #9ee9f4;
1457
+ --icon-channel-primary: #39a6bb;
2036
1458
  --icon-channel-secondary: #1a8ea1;
2037
- --border-channel-primary: #66dbee;
2038
- --border-channel-secondary: #b9eff7;
1459
+ --icon-channel-tertiary: #9ee9f4;
1460
+ --border-channel-primary: #66dcee;
1461
+ --border-channel-secondary: #baeff7;
2039
1462
  --border-channel-tertiary: #dcf7fb;
2040
1463
  --active-border: #000000;
2041
- --label-channel: #39a6ba;
1464
+ --label-channel: #39a6bb;
2042
1465
  --flag-channel-fill: #82e2f1;
2043
- --flag-channel-text: #1a3e45;
2044
- --flag-channel-icon: #1a3e45;
2045
- --interactive-negative-border-default: #ff8882;
2046
- --interactive-negative-text-default: #ff8882;
2047
- --interactive-negative-icon-default: #ff8882;
1466
+ --flag-channel-text: #1a3e46;
1467
+ --flag-channel-icon: #1a3e46;
1468
+ --interactive-negative-border-default: #ff8883;
1469
+ --interactive-negative-border-hover: #c40300;
1470
+ --interactive-negative-border-pressed: #b90200;
1471
+ --interactive-negative-text-default: #ff8883;
1472
+ --interactive-negative-text-hover: #c40300;
1473
+ --interactive-negative-text-pressed: #b90200;
1474
+ --interactive-negative-icon-default: #ff8883;
1475
+ --interactive-negative-icon-hover: #c40300;
1476
+ --interactive-negative-icon-pressed: #b90200;
2048
1477
  --interactive-link-secondary-text-default: #737373;
1478
+ --interactive-link-secondary-text-hover: #777777;
1479
+ --interactive-link-secondary-text-pressed: #707070;
1480
+ --interactive-link-secondary-text-visited: #9a9a9a;
2049
1481
  --interactive-link-secondary-icon-default: #737373;
1482
+ --interactive-link-secondary-icon-hover: #777777;
1483
+ --interactive-link-secondary-icon-pressed: #707070;
1484
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2050
1485
  --interactive-link-secondary-underline-default: #737373;
2051
- --interactive-chip-channel-secondary-off-fill-default: #dcf7fb;
2052
- --interactive-chip-channel-secondary-off-fill-hover: #11879a;
2053
- --interactive-chip-channel-secondary-off-fill-pressed: #107f91;
1486
+ --interactive-link-secondary-underline-hover: #9d9d9d;
1487
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
1488
+ --interactive-link-secondary-underline-visited: #7e7e7e;
1489
+ --interactive-chip-channel-secondary-off-fill-default: #104149;
1490
+ --interactive-chip-channel-secondary-off-fill-hover: #0e373e;
1491
+ --interactive-chip-channel-secondary-off-fill-pressed: #0d343b;
2054
1492
  --interactive-chip-channel-secondary-off-text-default: #1e6d7b;
2055
- --interactive-chip-channel-secondary-off-text-hover: #11879a;
2056
- --interactive-chip-channel-secondary-off-text-pressed: #107f91;
1493
+ --interactive-chip-channel-secondary-off-text-hover: #52b1c1;
1494
+ --interactive-chip-channel-secondary-off-text-pressed: #46abbd;
2057
1495
  --interactive-chip-channel-secondary-off-icon-default: #1e6d7b;
2058
- --interactive-chip-channel-secondary-off-icon-hover: #11879a;
2059
- --interactive-chip-channel-secondary-off-icon-pressed: #107f91;
1496
+ --interactive-chip-channel-secondary-off-icon-hover: #52b1c1;
1497
+ --interactive-chip-channel-secondary-off-icon-pressed: #46abbd;
2060
1498
  --interactive-chip-channel-secondary-on-border-default: #1e6d7b;
2061
- --interactive-chip-channel-secondary-on-border-hover: #11879a;
2062
- --interactive-chip-channel-secondary-on-border-pressed: #107f91;
1499
+ --interactive-chip-channel-secondary-on-border-hover: #52b1c1;
1500
+ --interactive-chip-channel-secondary-on-border-pressed: #46abbd;
2063
1501
  --interactive-chip-channel-secondary-on-fill-default: #dcf7fb;
2064
- --interactive-chip-channel-secondary-on-fill-hover: #11879a;
2065
- --interactive-chip-channel-secondary-on-fill-pressed: #107f91;
1502
+ --interactive-chip-channel-secondary-on-fill-hover: #0e373e;
1503
+ --interactive-chip-channel-secondary-on-fill-pressed: #0d343b;
2066
1504
  --interactive-chip-channel-secondary-on-text-default: #000000;
1505
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1506
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2067
1507
  --interactive-chip-channel-secondary-on-icon-default: #000000;
1508
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1509
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2068
1510
  --interactive-chip-channel-primary-off-fill-default: #f1fcfd;
2069
- --interactive-chip-channel-primary-off-fill-hover: #11879a;
2070
- --interactive-chip-channel-primary-off-fill-pressed: #107f91;
2071
- --interactive-chip-channel-primary-off-text-default: #1a3e45;
2072
- --interactive-chip-channel-primary-off-text-hover: #11879a;
2073
- --interactive-chip-channel-primary-off-text-pressed: #107f91;
2074
- --interactive-chip-channel-primary-off-icon-default: #1a3e45;
2075
- --interactive-chip-channel-primary-off-icon-hover: #11879a;
2076
- --interactive-chip-channel-primary-off-icon-pressed: #107f91;
1511
+ --interactive-chip-channel-primary-off-fill-hover: #091a1f;
1512
+ --interactive-chip-channel-primary-off-fill-pressed: #08191d;
1513
+ --interactive-chip-channel-primary-off-text-default: #1a3e46;
1514
+ --interactive-chip-channel-primary-off-text-hover: #6ebdcb;
1515
+ --interactive-chip-channel-primary-off-text-pressed: #61b7c7;
1516
+ --interactive-chip-channel-primary-off-icon-default: #1a3e46;
1517
+ --interactive-chip-channel-primary-off-icon-hover: #6ebdcb;
1518
+ --interactive-chip-channel-primary-off-icon-pressed: #61b7c7;
2077
1519
  --interactive-chip-channel-primary-off-border-default: #82e2f1;
2078
- --interactive-chip-channel-primary-off-border-hover: #11879a;
2079
- --interactive-chip-channel-primary-off-border-pressed: #107f91;
1520
+ --interactive-chip-channel-primary-off-border-hover: #116b7b;
1521
+ --interactive-chip-channel-primary-off-border-pressed: #106574;
2080
1522
  --interactive-chip-channel-primary-on-fill-default: #82e2f1;
2081
- --interactive-chip-channel-primary-on-fill-hover: #11879a;
2082
- --interactive-chip-channel-primary-on-fill-pressed: #107f91;
1523
+ --interactive-chip-channel-primary-on-fill-hover: #116b7b;
1524
+ --interactive-chip-channel-primary-on-fill-pressed: #106574;
2083
1525
  --interactive-chip-channel-primary-on-text-default: #000000;
1526
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1527
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2084
1528
  --interactive-chip-channel-primary-on-icon-default: #000000;
1529
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1530
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2085
1531
  }
2086
1532
 
2087
1533
  [data-theme="puzzles"] {
2088
- --surface-channel-50: #fef8f5;
2089
- --surface-channel-100: #fceee7;
2090
- --surface-channel-200: #f2c1a7;
2091
- --surface-channel-300: #e27e45;
2092
- --surface-channel-400: #9c5125;
2093
- --surface-channel-500: #592e16;
2094
- --text-channel-primary: #9c5125;
2095
- --text-channel-secondary: #e27e45;
2096
- --icon-channel-primary: #e58856;
1534
+ --surface-channel-50: #fef7f4;
1535
+ --surface-channel-100: #fdede7;
1536
+ --surface-channel-200: #f3c0a7;
1537
+ --surface-channel-300: #e17d46;
1538
+ --surface-channel-400: #9b5024;
1539
+ --surface-channel-500: #5a2e17;
1540
+ --text-channel-primary: #e7986b;
1541
+ --text-channel-secondary: #efb392;
1542
+ --text-channel-tertiary: #f6d0ba;
1543
+ --icon-channel-primary: #e68854;
2097
1544
  --icon-channel-secondary: #df7334;
2098
- --border-channel-primary: #efb393;
2099
- --border-channel-secondary: #f8dcce;
2100
- --border-channel-tertiary: #fceee7;
1545
+ --icon-channel-tertiary: #f6d0ba;
1546
+ --border-channel-primary: #efb392;
1547
+ --border-channel-secondary: #f7ddcf;
1548
+ --border-channel-tertiary: #fdede7;
2101
1549
  --active-border: #000000;
2102
- --label-channel: #e27e45;
2103
- --flag-channel-fill: #f2c1a7;
2104
- --flag-channel-text: #592e16;
2105
- --flag-channel-icon: #592e16;
2106
- --interactive-negative-border-default: #ff8882;
2107
- --interactive-negative-text-default: #ff8882;
2108
- --interactive-negative-icon-default: #ff8882;
1550
+ --label-channel: #e17d46;
1551
+ --flag-channel-fill: #f3c0a7;
1552
+ --flag-channel-text: #5a2e17;
1553
+ --flag-channel-icon: #5a2e17;
1554
+ --interactive-negative-border-default: #ff8883;
1555
+ --interactive-negative-border-hover: #c40300;
1556
+ --interactive-negative-border-pressed: #b90200;
1557
+ --interactive-negative-text-default: #ff8883;
1558
+ --interactive-negative-text-hover: #c40300;
1559
+ --interactive-negative-text-pressed: #b90200;
1560
+ --interactive-negative-icon-default: #ff8883;
1561
+ --interactive-negative-icon-hover: #c40300;
1562
+ --interactive-negative-icon-pressed: #b90200;
2109
1563
  --interactive-link-secondary-text-default: #737373;
1564
+ --interactive-link-secondary-text-hover: #777777;
1565
+ --interactive-link-secondary-text-pressed: #707070;
1566
+ --interactive-link-secondary-text-visited: #9a9a9a;
2110
1567
  --interactive-link-secondary-icon-default: #737373;
1568
+ --interactive-link-secondary-icon-hover: #777777;
1569
+ --interactive-link-secondary-icon-pressed: #707070;
1570
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2111
1571
  --interactive-link-secondary-underline-default: #737373;
2112
- --interactive-chip-channel-secondary-off-fill-default: #fceee7;
2113
- --interactive-chip-channel-secondary-off-fill-hover: #ca5e20;
2114
- --interactive-chip-channel-secondary-off-fill-pressed: #be591e;
2115
- --interactive-chip-channel-secondary-off-text-default: #9c5125;
2116
- --interactive-chip-channel-secondary-off-text-hover: #ca5e20;
2117
- --interactive-chip-channel-secondary-off-text-pressed: #be591e;
2118
- --interactive-chip-channel-secondary-off-icon-default: #9c5125;
2119
- --interactive-chip-channel-secondary-off-icon-hover: #ca5e20;
2120
- --interactive-chip-channel-secondary-off-icon-pressed: #be591e;
2121
- --interactive-chip-channel-secondary-on-border-default: #9c5125;
2122
- --interactive-chip-channel-secondary-on-border-hover: #ca5e20;
2123
- --interactive-chip-channel-secondary-on-border-pressed: #be591e;
2124
- --interactive-chip-channel-secondary-on-fill-default: #fceee7;
2125
- --interactive-chip-channel-secondary-on-fill-hover: #ca5e20;
2126
- --interactive-chip-channel-secondary-on-fill-pressed: #be591e;
1572
+ --interactive-link-secondary-underline-hover: #9d9d9d;
1573
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
1574
+ --interactive-link-secondary-underline-visited: #7e7e7e;
1575
+ --interactive-chip-channel-secondary-off-fill-default: #5a2e17;
1576
+ --interactive-chip-channel-secondary-off-fill-hover: #4c2714;
1577
+ --interactive-chip-channel-secondary-off-fill-pressed: #482512;
1578
+ --interactive-chip-channel-secondary-off-text-default: #9b5024;
1579
+ --interactive-chip-channel-secondary-off-text-hover: #e48150;
1580
+ --interactive-chip-channel-secondary-off-text-pressed: #e17640;
1581
+ --interactive-chip-channel-secondary-off-icon-default: #9b5024;
1582
+ --interactive-chip-channel-secondary-off-icon-hover: #e48150;
1583
+ --interactive-chip-channel-secondary-off-icon-pressed: #e17640;
1584
+ --interactive-chip-channel-secondary-on-border-default: #9b5024;
1585
+ --interactive-chip-channel-secondary-on-border-hover: #e48150;
1586
+ --interactive-chip-channel-secondary-on-border-pressed: #e17640;
1587
+ --interactive-chip-channel-secondary-on-fill-default: #fdede7;
1588
+ --interactive-chip-channel-secondary-on-fill-hover: #4c2714;
1589
+ --interactive-chip-channel-secondary-on-fill-pressed: #482512;
2127
1590
  --interactive-chip-channel-secondary-on-text-default: #000000;
1591
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1592
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2128
1593
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2129
- --interactive-chip-channel-primary-off-fill-default: #fef8f5;
2130
- --interactive-chip-channel-primary-off-fill-hover: #ca5e20;
2131
- --interactive-chip-channel-primary-off-fill-pressed: #be591e;
2132
- --interactive-chip-channel-primary-off-text-default: #592e16;
2133
- --interactive-chip-channel-primary-off-text-hover: #ca5e20;
2134
- --interactive-chip-channel-primary-off-text-pressed: #be591e;
2135
- --interactive-chip-channel-primary-off-icon-default: #592e16;
2136
- --interactive-chip-channel-primary-off-icon-hover: #ca5e20;
2137
- --interactive-chip-channel-primary-off-icon-pressed: #be591e;
2138
- --interactive-chip-channel-primary-off-border-default: #f2c1a7;
2139
- --interactive-chip-channel-primary-off-border-hover: #ca5e20;
2140
- --interactive-chip-channel-primary-off-border-pressed: #be591e;
2141
- --interactive-chip-channel-primary-on-fill-default: #f2c1a7;
2142
- --interactive-chip-channel-primary-on-fill-hover: #ca5e20;
2143
- --interactive-chip-channel-primary-on-fill-pressed: #be591e;
1594
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1595
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1596
+ --interactive-chip-channel-primary-off-fill-default: #fef7f4;
1597
+ --interactive-chip-channel-primary-off-fill-hover: #251309;
1598
+ --interactive-chip-channel-primary-off-fill-pressed: #231209;
1599
+ --interactive-chip-channel-primary-off-text-default: #5a2e17;
1600
+ --interactive-chip-channel-primary-off-text-hover: #e89768;
1601
+ --interactive-chip-channel-primary-off-text-pressed: #e68c57;
1602
+ --interactive-chip-channel-primary-off-icon-default: #5a2e17;
1603
+ --interactive-chip-channel-primary-off-icon-hover: #e89768;
1604
+ --interactive-chip-channel-primary-off-icon-pressed: #e68c57;
1605
+ --interactive-chip-channel-primary-off-border-default: #f3c0a7;
1606
+ --interactive-chip-channel-primary-off-border-hover: #994e24;
1607
+ --interactive-chip-channel-primary-off-border-pressed: #904922;
1608
+ --interactive-chip-channel-primary-on-fill-default: #f3c0a7;
1609
+ --interactive-chip-channel-primary-on-fill-hover: #994e24;
1610
+ --interactive-chip-channel-primary-on-fill-pressed: #904922;
2144
1611
  --interactive-chip-channel-primary-on-text-default: #000000;
1612
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1613
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2145
1614
  --interactive-chip-channel-primary-on-icon-default: #000000;
1615
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1616
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2146
1617
  }
2147
1618
 
2148
1619
  [data-theme="home"] {
2149
1620
  --surface-channel-50: #f4f7fd;
2150
- --surface-channel-100: #e3ebf9;
2151
- --surface-channel-200: #9ab6e9;
2152
- --surface-channel-300: #2a69cf;
2153
- --surface-channel-400: #0f418e;
2154
- --surface-channel-500: #0a2551;
2155
- --text-channel-primary: #0f418e;
2156
- --text-channel-secondary: #2a69cf;
2157
- --icon-channel-primary: #9ab6e9;
2158
- --icon-channel-secondary: #6c95de;
2159
- --border-channel-primary: #84a6e3;
2160
- --border-channel-secondary: #c7d7f3;
2161
- --border-channel-tertiary: #e3ebf9;
1621
+ --surface-channel-100: #e4ebf9;
1622
+ --surface-channel-200: #9cb6ea;
1623
+ --surface-channel-300: #286ad0;
1624
+ --surface-channel-400: #10418f;
1625
+ --surface-channel-500: #0b2452;
1626
+ --text-channel-primary: #124ba1;
1627
+ --text-channel-secondary: #135dcb;
1628
+ --text-channel-tertiary: #6d95de;
1629
+ --icon-channel-primary: #9cb6ea;
1630
+ --icon-channel-secondary: #6d95de;
1631
+ --icon-channel-tertiary: #6d95de;
1632
+ --border-channel-primary: #82a7e3;
1633
+ --border-channel-secondary: #c6d7f2;
1634
+ --border-channel-tertiary: #e4ebf9;
2162
1635
  --active-border: #000000;
2163
- --label-channel: #2a69cf;
2164
- --flag-channel-fill: #9ab6e9;
2165
- --flag-channel-text: #0a2551;
2166
- --flag-channel-icon: #0a2551;
2167
- --interactive-negative-border-default: #ff8882;
2168
- --interactive-negative-text-default: #ff8882;
2169
- --interactive-negative-icon-default: #ff8882;
1636
+ --label-channel: #286ad0;
1637
+ --flag-channel-fill: #9cb6ea;
1638
+ --flag-channel-text: #0b2452;
1639
+ --flag-channel-icon: #0b2452;
1640
+ --interactive-negative-border-default: #ff8883;
1641
+ --interactive-negative-border-hover: #c40300;
1642
+ --interactive-negative-border-pressed: #b90200;
1643
+ --interactive-negative-text-default: #ff8883;
1644
+ --interactive-negative-text-hover: #c40300;
1645
+ --interactive-negative-text-pressed: #b90200;
1646
+ --interactive-negative-icon-default: #ff8883;
1647
+ --interactive-negative-icon-hover: #c40300;
1648
+ --interactive-negative-icon-pressed: #b90200;
2170
1649
  --interactive-link-secondary-text-default: #737373;
1650
+ --interactive-link-secondary-text-hover: #777777;
1651
+ --interactive-link-secondary-text-pressed: #707070;
1652
+ --interactive-link-secondary-text-visited: #9a9a9a;
2171
1653
  --interactive-link-secondary-icon-default: #737373;
1654
+ --interactive-link-secondary-icon-hover: #777777;
1655
+ --interactive-link-secondary-icon-pressed: #707070;
1656
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2172
1657
  --interactive-link-secondary-underline-default: #737373;
2173
- --interactive-chip-channel-secondary-off-fill-default: #e3ebf9;
2174
- --interactive-chip-channel-secondary-off-fill-hover: #104fad;
2175
- --interactive-chip-channel-secondary-off-fill-pressed: #0f4aa2;
2176
- --interactive-chip-channel-secondary-off-text-default: #0f418e;
2177
- --interactive-chip-channel-secondary-off-text-hover: #104fad;
2178
- --interactive-chip-channel-secondary-off-text-pressed: #0f4aa2;
2179
- --interactive-chip-channel-secondary-off-icon-default: #0f418e;
2180
- --interactive-chip-channel-secondary-off-icon-hover: #104fad;
2181
- --interactive-chip-channel-secondary-off-icon-pressed: #0f4aa2;
2182
- --interactive-chip-channel-secondary-on-border-default: #0f418e;
2183
- --interactive-chip-channel-secondary-on-border-hover: #104fad;
2184
- --interactive-chip-channel-secondary-on-border-pressed: #0f4aa2;
2185
- --interactive-chip-channel-secondary-on-fill-default: #e3ebf9;
2186
- --interactive-chip-channel-secondary-on-fill-hover: #104fad;
2187
- --interactive-chip-channel-secondary-on-fill-pressed: #0f4aa2;
1658
+ --interactive-link-secondary-underline-hover: #9d9d9d;
1659
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
1660
+ --interactive-link-secondary-underline-visited: #7e7e7e;
1661
+ --interactive-chip-channel-secondary-off-fill-default: #0b2452;
1662
+ --interactive-chip-channel-secondary-off-fill-hover: #091e46;
1663
+ --interactive-chip-channel-secondary-off-fill-pressed: #091d42;
1664
+ --interactive-chip-channel-secondary-off-text-default: #10418f;
1665
+ --interactive-chip-channel-secondary-off-text-hover: #4577d5;
1666
+ --interactive-chip-channel-secondary-off-text-pressed: #376dd2;
1667
+ --interactive-chip-channel-secondary-off-icon-default: #10418f;
1668
+ --interactive-chip-channel-secondary-off-icon-hover: #4577d5;
1669
+ --interactive-chip-channel-secondary-off-icon-pressed: #376dd2;
1670
+ --interactive-chip-channel-secondary-on-border-default: #10418f;
1671
+ --interactive-chip-channel-secondary-on-border-hover: #4577d5;
1672
+ --interactive-chip-channel-secondary-on-border-pressed: #376dd2;
1673
+ --interactive-chip-channel-secondary-on-fill-default: #e4ebf9;
1674
+ --interactive-chip-channel-secondary-on-fill-hover: #091e46;
1675
+ --interactive-chip-channel-secondary-on-fill-pressed: #091d42;
2188
1676
  --interactive-chip-channel-secondary-on-text-default: #000000;
1677
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1678
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2189
1679
  --interactive-chip-channel-secondary-on-icon-default: #000000;
1680
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1681
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2190
1682
  --interactive-chip-channel-primary-off-fill-default: #f4f7fd;
2191
- --interactive-chip-channel-primary-off-fill-hover: #104fad;
2192
- --interactive-chip-channel-primary-off-fill-pressed: #0f4aa2;
2193
- --interactive-chip-channel-primary-off-text-default: #0a2551;
2194
- --interactive-chip-channel-primary-off-text-hover: #104fad;
2195
- --interactive-chip-channel-primary-off-text-pressed: #0f4aa2;
2196
- --interactive-chip-channel-primary-off-icon-default: #0a2551;
2197
- --interactive-chip-channel-primary-off-icon-hover: #104fad;
2198
- --interactive-chip-channel-primary-off-icon-pressed: #0f4aa2;
2199
- --interactive-chip-channel-primary-off-border-default: #9ab6e9;
2200
- --interactive-chip-channel-primary-off-border-hover: #104fad;
2201
- --interactive-chip-channel-primary-off-border-pressed: #0f4aa2;
2202
- --interactive-chip-channel-primary-on-fill-default: #9ab6e9;
2203
- --interactive-chip-channel-primary-on-fill-hover: #104fad;
2204
- --interactive-chip-channel-primary-on-fill-pressed: #0f4aa2;
1683
+ --interactive-chip-channel-primary-off-fill-hover: #040f22;
1684
+ --interactive-chip-channel-primary-off-fill-pressed: #040e20;
1685
+ --interactive-chip-channel-primary-off-text-default: #0b2452;
1686
+ --interactive-chip-channel-primary-off-text-hover: #638dda;
1687
+ --interactive-chip-channel-primary-off-text-pressed: #5582d7;
1688
+ --interactive-chip-channel-primary-off-icon-default: #0b2452;
1689
+ --interactive-chip-channel-primary-off-icon-hover: #638dda;
1690
+ --interactive-chip-channel-primary-off-icon-pressed: #5582d7;
1691
+ --interactive-chip-channel-primary-off-border-default: #9cb6ea;
1692
+ --interactive-chip-channel-primary-off-border-hover: #0f4089;
1693
+ --interactive-chip-channel-primary-off-border-pressed: #0e3c81;
1694
+ --interactive-chip-channel-primary-on-fill-default: #9cb6ea;
1695
+ --interactive-chip-channel-primary-on-fill-hover: #0f4089;
1696
+ --interactive-chip-channel-primary-on-fill-pressed: #0e3c81;
2205
1697
  --interactive-chip-channel-primary-on-text-default: #000000;
1698
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1699
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2206
1700
  --interactive-chip-channel-primary-on-icon-default: #000000;
1701
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1702
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2207
1703
  }
2208
1704
 
2209
1705
  [data-theme="uk"] {
2210
- --surface-channel-50: #f7f8f9;
2211
- --surface-channel-100: #eaedef;
2212
- --surface-channel-200: #b3bdc5;
2213
- --surface-channel-300: #627889;
2214
- --surface-channel-400: #3c4c59;
2215
- --surface-channel-500: #222c33;
2216
- --text-channel-primary: #3c4c59;
2217
- --text-channel-secondary: #627889;
2218
- --icon-channel-primary: #a2afb9;
2219
- --icon-channel-secondary: #80929f;
2220
- --border-channel-primary: #a2afb9;
2221
- --border-channel-secondary: #d5dbdf;
2222
- --border-channel-tertiary: #eaedef;
1706
+ --surface-channel-50: #f4f7fa;
1707
+ --surface-channel-100: #e7edf3;
1708
+ --surface-channel-200: #a9c0d0;
1709
+ --surface-channel-300: #4f7c9f;
1710
+ --surface-channel-400: #2e5068;
1711
+ --surface-channel-500: #1a2e3c;
1712
+ --text-channel-primary: #3b6488;
1713
+ --text-channel-secondary: #4f7c9f;
1714
+ --text-channel-tertiary: #96b1c7;
1715
+ --icon-channel-primary: #96b1c7;
1716
+ --icon-channel-secondary: #7095b0;
1717
+ --icon-channel-tertiary: #96b1c7;
1718
+ --border-channel-primary: #96b1c7;
1719
+ --border-channel-secondary: #cfdce4;
1720
+ --border-channel-tertiary: #e7edf3;
2223
1721
  --active-border: #000000;
2224
- --label-channel: #627889;
2225
- --flag-channel-fill: #b3bdc5;
2226
- --flag-channel-text: #222c33;
2227
- --flag-channel-icon: #222c33;
2228
- --interactive-negative-border-default: #ff8882;
2229
- --interactive-negative-text-default: #ff8882;
2230
- --interactive-negative-icon-default: #ff8882;
1722
+ --label-channel: #4f7c9f;
1723
+ --flag-channel-fill: #a9c0d0;
1724
+ --flag-channel-text: #1a2e3c;
1725
+ --flag-channel-icon: #1a2e3c;
1726
+ --interactive-negative-border-default: #ff8883;
1727
+ --interactive-negative-border-hover: #c40300;
1728
+ --interactive-negative-border-pressed: #b90200;
1729
+ --interactive-negative-text-default: #ff8883;
1730
+ --interactive-negative-text-hover: #c40300;
1731
+ --interactive-negative-text-pressed: #b90200;
1732
+ --interactive-negative-icon-default: #ff8883;
1733
+ --interactive-negative-icon-hover: #c40300;
1734
+ --interactive-negative-icon-pressed: #b90200;
2231
1735
  --interactive-link-secondary-text-default: #737373;
1736
+ --interactive-link-secondary-text-hover: #777777;
1737
+ --interactive-link-secondary-text-pressed: #707070;
1738
+ --interactive-link-secondary-text-visited: #9a9a9a;
2232
1739
  --interactive-link-secondary-icon-default: #737373;
1740
+ --interactive-link-secondary-icon-hover: #777777;
1741
+ --interactive-link-secondary-icon-pressed: #707070;
1742
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2233
1743
  --interactive-link-secondary-underline-default: #737373;
2234
- --interactive-chip-channel-secondary-off-fill-default: #eaedef;
2235
- --interactive-chip-channel-secondary-off-fill-hover: #485d6c;
2236
- --interactive-chip-channel-secondary-off-fill-pressed: #445766;
2237
- --interactive-chip-channel-secondary-off-text-default: #3c4c59;
2238
- --interactive-chip-channel-secondary-off-text-hover: #485d6c;
2239
- --interactive-chip-channel-secondary-off-text-pressed: #445766;
2240
- --interactive-chip-channel-secondary-off-icon-default: #3c4c59;
2241
- --interactive-chip-channel-secondary-off-icon-hover: #485d6c;
2242
- --interactive-chip-channel-secondary-off-icon-pressed: #445766;
2243
- --interactive-chip-channel-secondary-on-border-default: #3c4c59;
2244
- --interactive-chip-channel-secondary-on-border-hover: #485d6c;
2245
- --interactive-chip-channel-secondary-on-border-pressed: #445766;
2246
- --interactive-chip-channel-secondary-on-fill-default: #eaedef;
2247
- --interactive-chip-channel-secondary-on-fill-hover: #485d6c;
2248
- --interactive-chip-channel-secondary-on-fill-pressed: #445766;
1744
+ --interactive-link-secondary-underline-hover: #9d9d9d;
1745
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
1746
+ --interactive-link-secondary-underline-visited: #7e7e7e;
1747
+ --interactive-chip-channel-secondary-off-fill-default: #1a2e3c;
1748
+ --interactive-chip-channel-secondary-off-fill-hover: #162733;
1749
+ --interactive-chip-channel-secondary-off-fill-pressed: #152530;
1750
+ --interactive-chip-channel-secondary-off-text-default: #2e5068;
1751
+ --interactive-chip-channel-secondary-off-text-hover: #658ba9;
1752
+ --interactive-chip-channel-secondary-off-text-pressed: #5b83a3;
1753
+ --interactive-chip-channel-secondary-off-icon-default: #2e5068;
1754
+ --interactive-chip-channel-secondary-off-icon-hover: #658ba9;
1755
+ --interactive-chip-channel-secondary-off-icon-pressed: #5b83a3;
1756
+ --interactive-chip-channel-secondary-on-border-default: #2e5068;
1757
+ --interactive-chip-channel-secondary-on-border-hover: #658ba9;
1758
+ --interactive-chip-channel-secondary-on-border-pressed: #5b83a3;
1759
+ --interactive-chip-channel-secondary-on-fill-default: #e7edf3;
1760
+ --interactive-chip-channel-secondary-on-fill-hover: #162733;
1761
+ --interactive-chip-channel-secondary-on-fill-pressed: #152530;
2249
1762
  --interactive-chip-channel-secondary-on-text-default: #000000;
1763
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1764
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2250
1765
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2251
- --interactive-chip-channel-primary-off-fill-default: #f7f8f9;
2252
- --interactive-chip-channel-primary-off-fill-hover: #485d6c;
2253
- --interactive-chip-channel-primary-off-fill-pressed: #445766;
2254
- --interactive-chip-channel-primary-off-text-default: #222c33;
2255
- --interactive-chip-channel-primary-off-text-hover: #485d6c;
2256
- --interactive-chip-channel-primary-off-text-pressed: #445766;
2257
- --interactive-chip-channel-primary-off-icon-default: #222c33;
2258
- --interactive-chip-channel-primary-off-icon-hover: #485d6c;
2259
- --interactive-chip-channel-primary-off-icon-pressed: #445766;
2260
- --interactive-chip-channel-primary-off-border-default: #b3bdc5;
2261
- --interactive-chip-channel-primary-off-border-hover: #485d6c;
2262
- --interactive-chip-channel-primary-off-border-pressed: #445766;
2263
- --interactive-chip-channel-primary-on-fill-default: #b3bdc5;
2264
- --interactive-chip-channel-primary-on-fill-hover: #485d6c;
2265
- --interactive-chip-channel-primary-on-fill-pressed: #445766;
1766
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1767
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1768
+ --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
1769
+ --interactive-chip-channel-primary-off-fill-hover: #0b131a;
1770
+ --interactive-chip-channel-primary-off-fill-pressed: #0a1219;
1771
+ --interactive-chip-channel-primary-off-text-default: #1a2e3c;
1772
+ --interactive-chip-channel-primary-off-text-hover: #7e9eb8;
1773
+ --interactive-chip-channel-primary-off-text-pressed: #7295b1;
1774
+ --interactive-chip-channel-primary-off-icon-default: #1a2e3c;
1775
+ --interactive-chip-channel-primary-off-icon-hover: #7e9eb8;
1776
+ --interactive-chip-channel-primary-off-icon-pressed: #7295b1;
1777
+ --interactive-chip-channel-primary-off-border-default: #a9c0d0;
1778
+ --interactive-chip-channel-primary-off-border-hover: #2c4d66;
1779
+ --interactive-chip-channel-primary-off-border-pressed: #2a4860;
1780
+ --interactive-chip-channel-primary-on-fill-default: #a9c0d0;
1781
+ --interactive-chip-channel-primary-on-fill-hover: #2c4d66;
1782
+ --interactive-chip-channel-primary-on-fill-pressed: #2a4860;
2266
1783
  --interactive-chip-channel-primary-on-text-default: #000000;
1784
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1785
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2267
1786
  --interactive-chip-channel-primary-on-icon-default: #000000;
1787
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1788
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2268
1789
  }
2269
1790
 
2270
1791
  [data-theme="world"] {
2271
- --surface-channel-50: #f4f8f8;
2272
- --surface-channel-100: #e4eeef;
2273
- --surface-channel-200: #9bc3c4;
2274
- --surface-channel-300: #258286;
2275
- --surface-channel-400: #075457;
2276
- --surface-channel-500: #083032;
2277
- --text-channel-primary: #075457;
2278
- --text-channel-secondary: #258286;
2279
- --icon-channel-primary: #85b5b7;
2280
- --icon-channel-secondary: #569a9d;
2281
- --border-channel-primary: #85b5b7;
2282
- --border-channel-secondary: #c8ddde;
2283
- --border-channel-tertiary: #e4eeef;
1792
+ --surface-channel-50: #f4f7f7;
1793
+ --surface-channel-100: #e4edf0;
1794
+ --surface-channel-200: #9bc3c5;
1795
+ --surface-channel-300: #268186;
1796
+ --surface-channel-400: #085358;
1797
+ --surface-channel-500: #073131;
1798
+ --text-channel-primary: #016d6f;
1799
+ --text-channel-secondary: #268186;
1800
+ --text-channel-tertiary: #85b4b6;
1801
+ --icon-channel-primary: #85b4b6;
1802
+ --icon-channel-secondary: #559b9d;
1803
+ --icon-channel-tertiary: #85b4b6;
1804
+ --border-channel-primary: #85b4b6;
1805
+ --border-channel-secondary: #c8dfde;
1806
+ --border-channel-tertiary: #e4edf0;
2284
1807
  --active-border: #000000;
2285
- --label-channel: #258286;
2286
- --flag-channel-fill: #9bc3c4;
2287
- --flag-channel-text: #083032;
2288
- --flag-channel-icon: #083032;
2289
- --interactive-negative-border-default: #ff8882;
2290
- --interactive-negative-text-default: #ff8882;
2291
- --interactive-negative-icon-default: #ff8882;
1808
+ --label-channel: #268186;
1809
+ --flag-channel-fill: #9bc3c5;
1810
+ --flag-channel-text: #073131;
1811
+ --flag-channel-icon: #073131;
1812
+ --interactive-negative-border-default: #ff8883;
1813
+ --interactive-negative-border-hover: #c40300;
1814
+ --interactive-negative-border-pressed: #b90200;
1815
+ --interactive-negative-text-default: #ff8883;
1816
+ --interactive-negative-text-hover: #c40300;
1817
+ --interactive-negative-text-pressed: #b90200;
1818
+ --interactive-negative-icon-default: #ff8883;
1819
+ --interactive-negative-icon-hover: #c40300;
1820
+ --interactive-negative-icon-pressed: #b90200;
2292
1821
  --interactive-link-secondary-text-default: #737373;
1822
+ --interactive-link-secondary-text-hover: #777777;
1823
+ --interactive-link-secondary-text-pressed: #707070;
1824
+ --interactive-link-secondary-text-visited: #9a9a9a;
2293
1825
  --interactive-link-secondary-icon-default: #737373;
1826
+ --interactive-link-secondary-icon-hover: #777777;
1827
+ --interactive-link-secondary-icon-pressed: #707070;
1828
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2294
1829
  --interactive-link-secondary-underline-default: #737373;
2295
- --interactive-chip-channel-secondary-off-fill-default: #e4eeef;
2296
- --interactive-chip-channel-secondary-off-fill-hover: #006669;
2297
- --interactive-chip-channel-secondary-off-fill-pressed: #006063;
2298
- --interactive-chip-channel-secondary-off-text-default: #075457;
2299
- --interactive-chip-channel-secondary-off-text-hover: #006669;
2300
- --interactive-chip-channel-secondary-off-text-pressed: #006063;
2301
- --interactive-chip-channel-secondary-off-icon-default: #075457;
2302
- --interactive-chip-channel-secondary-off-icon-hover: #006669;
2303
- --interactive-chip-channel-secondary-off-icon-pressed: #006063;
2304
- --interactive-chip-channel-secondary-on-border-default: #075457;
2305
- --interactive-chip-channel-secondary-on-border-hover: #006669;
2306
- --interactive-chip-channel-secondary-on-border-pressed: #006063;
2307
- --interactive-chip-channel-secondary-on-fill-default: #e4eeef;
2308
- --interactive-chip-channel-secondary-on-fill-hover: #006669;
2309
- --interactive-chip-channel-secondary-on-fill-pressed: #006063;
1830
+ --interactive-link-secondary-underline-hover: #9d9d9d;
1831
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
1832
+ --interactive-link-secondary-underline-visited: #7e7e7e;
1833
+ --interactive-chip-channel-secondary-off-fill-default: #073131;
1834
+ --interactive-chip-channel-secondary-off-fill-hover: #062a2a;
1835
+ --interactive-chip-channel-secondary-off-fill-pressed: #062727;
1836
+ --interactive-chip-channel-secondary-off-text-default: #085358;
1837
+ --interactive-chip-channel-secondary-off-text-hover: #589395;
1838
+ --interactive-chip-channel-secondary-off-text-pressed: #538a8c;
1839
+ --interactive-chip-channel-secondary-off-icon-default: #085358;
1840
+ --interactive-chip-channel-secondary-off-icon-hover: #589395;
1841
+ --interactive-chip-channel-secondary-off-icon-pressed: #538a8c;
1842
+ --interactive-chip-channel-secondary-on-border-default: #085358;
1843
+ --interactive-chip-channel-secondary-on-border-hover: #589395;
1844
+ --interactive-chip-channel-secondary-on-border-pressed: #538a8c;
1845
+ --interactive-chip-channel-secondary-on-fill-default: #e4edf0;
1846
+ --interactive-chip-channel-secondary-on-fill-hover: #062a2a;
1847
+ --interactive-chip-channel-secondary-on-fill-pressed: #062727;
2310
1848
  --interactive-chip-channel-secondary-on-text-default: #000000;
1849
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1850
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2311
1851
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2312
- --interactive-chip-channel-primary-off-fill-default: #f4f8f8;
2313
- --interactive-chip-channel-primary-off-fill-hover: #006669;
2314
- --interactive-chip-channel-primary-off-fill-pressed: #006063;
2315
- --interactive-chip-channel-primary-off-text-default: #083032;
2316
- --interactive-chip-channel-primary-off-text-hover: #006669;
2317
- --interactive-chip-channel-primary-off-text-pressed: #006063;
2318
- --interactive-chip-channel-primary-off-icon-default: #083032;
2319
- --interactive-chip-channel-primary-off-icon-hover: #006669;
2320
- --interactive-chip-channel-primary-off-icon-pressed: #006063;
2321
- --interactive-chip-channel-primary-off-border-default: #9bc3c4;
2322
- --interactive-chip-channel-primary-off-border-hover: #006669;
2323
- --interactive-chip-channel-primary-off-border-pressed: #006063;
2324
- --interactive-chip-channel-primary-on-fill-default: #9bc3c4;
2325
- --interactive-chip-channel-primary-on-fill-hover: #006669;
2326
- --interactive-chip-channel-primary-on-fill-pressed: #006063;
1852
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1853
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1854
+ --interactive-chip-channel-primary-off-fill-default: #f4f7f7;
1855
+ --interactive-chip-channel-primary-off-fill-hover: #051416;
1856
+ --interactive-chip-channel-primary-off-fill-pressed: #051215;
1857
+ --interactive-chip-channel-primary-off-text-default: #073131;
1858
+ --interactive-chip-channel-primary-off-text-hover: #71a8ac;
1859
+ --interactive-chip-channel-primary-off-text-pressed: #66a1a5;
1860
+ --interactive-chip-channel-primary-off-icon-default: #073131;
1861
+ --interactive-chip-channel-primary-off-icon-hover: #71a8ac;
1862
+ --interactive-chip-channel-primary-off-icon-pressed: #66a1a5;
1863
+ --interactive-chip-channel-primary-off-border-default: #9bc3c5;
1864
+ --interactive-chip-channel-primary-off-border-hover: #045256;
1865
+ --interactive-chip-channel-primary-off-border-pressed: #044d51;
1866
+ --interactive-chip-channel-primary-on-fill-default: #9bc3c5;
1867
+ --interactive-chip-channel-primary-on-fill-hover: #045256;
1868
+ --interactive-chip-channel-primary-on-fill-pressed: #044d51;
2327
1869
  --interactive-chip-channel-primary-on-text-default: #000000;
1870
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1871
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2328
1872
  --interactive-chip-channel-primary-on-icon-default: #000000;
1873
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1874
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2329
1875
  }
2330
1876
 
2331
1877
  [data-theme="business"] {
2332
- --surface-channel-50: #f5f8fa;
2333
- --surface-channel-100: #e5edf3;
2334
- --surface-channel-200: #a0bfd3;
2335
- --surface-channel-300: #367ba4;
2336
- --surface-channel-400: #184e6d;
2337
- --surface-channel-500: #0f2d3e;
2338
- --text-channel-primary: #184e6d;
2339
- --text-channel-secondary: #367ba4;
2340
- --icon-channel-primary: #74a1be;
2341
- --icon-channel-secondary: #4886ab;
2342
- --border-channel-primary: #8bb1c9;
2343
- --border-channel-secondary: #cadbe7;
2344
- --border-channel-tertiary: #e5edf3;
1878
+ --surface-channel-50: #f4f7fa;
1879
+ --surface-channel-100: #e4edf3;
1880
+ --surface-channel-200: #a0bed3;
1881
+ --surface-channel-300: #347ca4;
1882
+ --surface-channel-400: #1a4e6e;
1883
+ --surface-channel-500: #0f2c3f;
1884
+ --text-channel-primary: #1d658d;
1885
+ --text-channel-secondary: #347ca4;
1886
+ --text-channel-tertiary: #89b1c9;
1887
+ --icon-channel-primary: #73a2c0;
1888
+ --icon-channel-secondary: #4786ac;
1889
+ --icon-channel-tertiary: #89b1c9;
1890
+ --border-channel-primary: #89b1c9;
1891
+ --border-channel-secondary: #ccdce7;
1892
+ --border-channel-tertiary: #e4edf3;
2345
1893
  --active-border: #000000;
2346
- --label-channel: #367ba4;
2347
- --flag-channel-fill: #a0bfd3;
2348
- --flag-channel-text: #0f2d3e;
2349
- --flag-channel-icon: #0f2d3e;
2350
- --interactive-negative-border-default: #ff8882;
2351
- --interactive-negative-text-default: #ff8882;
2352
- --interactive-negative-icon-default: #ff8882;
1894
+ --label-channel: #347ca4;
1895
+ --flag-channel-fill: #a0bed3;
1896
+ --flag-channel-text: #0f2c3f;
1897
+ --flag-channel-icon: #0f2c3f;
1898
+ --interactive-negative-border-default: #ff8883;
1899
+ --interactive-negative-border-hover: #c40300;
1900
+ --interactive-negative-border-pressed: #b90200;
1901
+ --interactive-negative-text-default: #ff8883;
1902
+ --interactive-negative-text-hover: #c40300;
1903
+ --interactive-negative-text-pressed: #b90200;
1904
+ --interactive-negative-icon-default: #ff8883;
1905
+ --interactive-negative-icon-hover: #c40300;
1906
+ --interactive-negative-icon-pressed: #b90200;
2353
1907
  --interactive-link-secondary-text-default: #737373;
1908
+ --interactive-link-secondary-text-hover: #777777;
1909
+ --interactive-link-secondary-text-pressed: #707070;
1910
+ --interactive-link-secondary-text-visited: #9a9a9a;
2354
1911
  --interactive-link-secondary-icon-default: #737373;
1912
+ --interactive-link-secondary-icon-hover: #777777;
1913
+ --interactive-link-secondary-icon-pressed: #707070;
1914
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2355
1915
  --interactive-link-secondary-underline-default: #737373;
2356
- --interactive-chip-channel-secondary-off-fill-default: #e5edf3;
2357
- --interactive-chip-channel-secondary-off-fill-hover: #1c5f85;
2358
- --interactive-chip-channel-secondary-off-fill-pressed: #1a5a7d;
2359
- --interactive-chip-channel-secondary-off-text-default: #184e6d;
2360
- --interactive-chip-channel-secondary-off-text-hover: #1c5f85;
2361
- --interactive-chip-channel-secondary-off-text-pressed: #1a5a7d;
2362
- --interactive-chip-channel-secondary-off-icon-default: #184e6d;
2363
- --interactive-chip-channel-secondary-off-icon-hover: #1c5f85;
2364
- --interactive-chip-channel-secondary-off-icon-pressed: #1a5a7d;
2365
- --interactive-chip-channel-secondary-on-border-default: #184e6d;
2366
- --interactive-chip-channel-secondary-on-border-hover: #1c5f85;
2367
- --interactive-chip-channel-secondary-on-border-pressed: #1a5a7d;
2368
- --interactive-chip-channel-secondary-on-fill-default: #e5edf3;
2369
- --interactive-chip-channel-secondary-on-fill-hover: #1c5f85;
2370
- --interactive-chip-channel-secondary-on-fill-pressed: #1a5a7d;
1916
+ --interactive-link-secondary-underline-hover: #9d9d9d;
1917
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
1918
+ --interactive-link-secondary-underline-visited: #7e7e7e;
1919
+ --interactive-chip-channel-secondary-off-fill-default: #0f2c3f;
1920
+ --interactive-chip-channel-secondary-off-fill-hover: #0d2536;
1921
+ --interactive-chip-channel-secondary-off-fill-pressed: #0c2332;
1922
+ --interactive-chip-channel-secondary-off-text-default: #1a4e6e;
1923
+ --interactive-chip-channel-secondary-off-text-hover: #538eb2;
1924
+ --interactive-chip-channel-secondary-off-text-pressed: #4c86a9;
1925
+ --interactive-chip-channel-secondary-off-icon-default: #1a4e6e;
1926
+ --interactive-chip-channel-secondary-off-icon-hover: #538eb2;
1927
+ --interactive-chip-channel-secondary-off-icon-pressed: #4c86a9;
1928
+ --interactive-chip-channel-secondary-on-border-default: #1a4e6e;
1929
+ --interactive-chip-channel-secondary-on-border-hover: #538eb2;
1930
+ --interactive-chip-channel-secondary-on-border-pressed: #4c86a9;
1931
+ --interactive-chip-channel-secondary-on-fill-default: #e4edf3;
1932
+ --interactive-chip-channel-secondary-on-fill-hover: #0d2536;
1933
+ --interactive-chip-channel-secondary-on-fill-pressed: #0c2332;
2371
1934
  --interactive-chip-channel-secondary-on-text-default: #000000;
1935
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
1936
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2372
1937
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2373
- --interactive-chip-channel-primary-off-fill-default: #f5f8fa;
2374
- --interactive-chip-channel-primary-off-fill-hover: #1c5f85;
2375
- --interactive-chip-channel-primary-off-fill-pressed: #1a5a7d;
2376
- --interactive-chip-channel-primary-off-text-default: #0f2d3e;
2377
- --interactive-chip-channel-primary-off-text-hover: #1c5f85;
2378
- --interactive-chip-channel-primary-off-text-pressed: #1a5a7d;
2379
- --interactive-chip-channel-primary-off-icon-default: #0f2d3e;
2380
- --interactive-chip-channel-primary-off-icon-hover: #1c5f85;
2381
- --interactive-chip-channel-primary-off-icon-pressed: #1a5a7d;
2382
- --interactive-chip-channel-primary-off-border-default: #a0bfd3;
2383
- --interactive-chip-channel-primary-off-border-hover: #1c5f85;
2384
- --interactive-chip-channel-primary-off-border-pressed: #1a5a7d;
2385
- --interactive-chip-channel-primary-on-fill-default: #a0bfd3;
2386
- --interactive-chip-channel-primary-on-fill-hover: #1c5f85;
2387
- --interactive-chip-channel-primary-on-fill-pressed: #1a5a7d;
1938
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
1939
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
1940
+ --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
1941
+ --interactive-chip-channel-primary-off-fill-hover: #05141a;
1942
+ --interactive-chip-channel-primary-off-fill-pressed: #051219;
1943
+ --interactive-chip-channel-primary-off-text-default: #0f2c3f;
1944
+ --interactive-chip-channel-primary-off-text-hover: #70a1bd;
1945
+ --interactive-chip-channel-primary-off-text-pressed: #6399b8;
1946
+ --interactive-chip-channel-primary-off-icon-default: #0f2c3f;
1947
+ --interactive-chip-channel-primary-off-icon-hover: #70a1bd;
1948
+ --interactive-chip-channel-primary-off-icon-pressed: #6399b8;
1949
+ --interactive-chip-channel-primary-off-border-default: #a0bed3;
1950
+ --interactive-chip-channel-primary-off-border-hover: #174d6a;
1951
+ --interactive-chip-channel-primary-off-border-pressed: #164864;
1952
+ --interactive-chip-channel-primary-on-fill-default: #a0bed3;
1953
+ --interactive-chip-channel-primary-on-fill-hover: #174d6a;
1954
+ --interactive-chip-channel-primary-on-fill-pressed: #164864;
2388
1955
  --interactive-chip-channel-primary-on-text-default: #000000;
1956
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
1957
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2389
1958
  --interactive-chip-channel-primary-on-icon-default: #000000;
1959
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
1960
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2390
1961
  }
2391
1962
 
2392
1963
  [data-theme="money"] {
2393
- --surface-channel-50: #f7faf9;
2394
- --surface-channel-100: #ebf4f0;
2395
- --surface-channel-200: #b6d6c8;
2396
- --surface-channel-300: #66aa8e;
2397
- --surface-channel-400: #3e725d;
2398
- --surface-channel-500: #244135;
2399
- --text-channel-primary: #3e725d;
2400
- --text-channel-secondary: #66aa8e;
2401
- --icon-channel-primary: #21709c;
2402
- --icon-channel-secondary: #367ba4;
2403
- --border-channel-primary: #8bb1c9;
2404
- --border-channel-secondary: #cadbe7;
2405
- --border-channel-tertiary: #e5edf3;
1964
+ --surface-channel-50: #f7fafa;
1965
+ --surface-channel-100: #ecf2f0;
1966
+ --surface-channel-200: #b7d5c9;
1967
+ --surface-channel-300: #65aa8d;
1968
+ --surface-channel-400: #3d715d;
1969
+ --surface-channel-500: #254035;
1970
+ --text-channel-primary: #95c3af;
1971
+ --text-channel-secondary: #b7d5c9;
1972
+ --text-channel-tertiary: #d5e9e0;
1973
+ --icon-channel-primary: #58a385;
1974
+ --icon-channel-secondary: #65aa8d;
1975
+ --icon-channel-tertiary: #d5e9e0;
1976
+ --border-channel-primary: #a5cdbc;
1977
+ --border-channel-secondary: #d5e9e0;
1978
+ --border-channel-tertiary: #ecf2f0;
2406
1979
  --active-border: #000000;
2407
- --label-channel: #66aa8e;
2408
- --flag-channel-fill: #b6d6c8;
2409
- --flag-channel-text: #244135;
2410
- --flag-channel-icon: #244135;
2411
- --interactive-negative-border-default: #ff8882;
2412
- --interactive-negative-text-default: #ff8882;
2413
- --interactive-negative-icon-default: #ff8882;
1980
+ --label-channel: #65aa8d;
1981
+ --flag-channel-fill: #b7d5c9;
1982
+ --flag-channel-text: #254035;
1983
+ --flag-channel-icon: #254035;
1984
+ --interactive-negative-border-default: #ff8883;
1985
+ --interactive-negative-border-hover: #c40300;
1986
+ --interactive-negative-border-pressed: #b90200;
1987
+ --interactive-negative-text-default: #ff8883;
1988
+ --interactive-negative-text-hover: #c40300;
1989
+ --interactive-negative-text-pressed: #b90200;
1990
+ --interactive-negative-icon-default: #ff8883;
1991
+ --interactive-negative-icon-hover: #c40300;
1992
+ --interactive-negative-icon-pressed: #b90200;
2414
1993
  --interactive-link-secondary-text-default: #737373;
1994
+ --interactive-link-secondary-text-hover: #777777;
1995
+ --interactive-link-secondary-text-pressed: #707070;
1996
+ --interactive-link-secondary-text-visited: #9a9a9a;
2415
1997
  --interactive-link-secondary-icon-default: #737373;
1998
+ --interactive-link-secondary-icon-hover: #777777;
1999
+ --interactive-link-secondary-icon-pressed: #707070;
2000
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2416
2001
  --interactive-link-secondary-underline-default: #737373;
2417
- --interactive-chip-channel-secondary-off-fill-default: #ebf4f0;
2418
- --interactive-chip-channel-secondary-off-fill-hover: #4b8b71;
2419
- --interactive-chip-channel-secondary-off-fill-pressed: #46826a;
2420
- --interactive-chip-channel-secondary-off-text-default: #3e725d;
2421
- --interactive-chip-channel-secondary-off-text-hover: #4b8b71;
2422
- --interactive-chip-channel-secondary-off-text-pressed: #46826a;
2423
- --interactive-chip-channel-secondary-off-icon-default: #3e725d;
2424
- --interactive-chip-channel-secondary-off-icon-hover: #4b8b71;
2425
- --interactive-chip-channel-secondary-off-icon-pressed: #46826a;
2426
- --interactive-chip-channel-secondary-on-border-default: #3e725d;
2427
- --interactive-chip-channel-secondary-on-border-hover: #4b8b71;
2428
- --interactive-chip-channel-secondary-on-border-pressed: #46826a;
2429
- --interactive-chip-channel-secondary-on-fill-default: #ebf4f0;
2430
- --interactive-chip-channel-secondary-on-fill-hover: #4b8b71;
2431
- --interactive-chip-channel-secondary-on-fill-pressed: #46826a;
2002
+ --interactive-link-secondary-underline-hover: #9d9d9d;
2003
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
2004
+ --interactive-link-secondary-underline-visited: #7e7e7e;
2005
+ --interactive-chip-channel-secondary-off-fill-default: #254035;
2006
+ --interactive-chip-channel-secondary-off-fill-hover: #1f362d;
2007
+ --interactive-chip-channel-secondary-off-fill-pressed: #1e332a;
2008
+ --interactive-chip-channel-secondary-off-text-default: #3d715d;
2009
+ --interactive-chip-channel-secondary-off-text-hover: #74b096;
2010
+ --interactive-chip-channel-secondary-off-text-pressed: #69aa8e;
2011
+ --interactive-chip-channel-secondary-off-icon-default: #3d715d;
2012
+ --interactive-chip-channel-secondary-off-icon-hover: #74b096;
2013
+ --interactive-chip-channel-secondary-off-icon-pressed: #69aa8e;
2014
+ --interactive-chip-channel-secondary-on-border-default: #3d715d;
2015
+ --interactive-chip-channel-secondary-on-border-hover: #74b096;
2016
+ --interactive-chip-channel-secondary-on-border-pressed: #69aa8e;
2017
+ --interactive-chip-channel-secondary-on-fill-default: #ecf2f0;
2018
+ --interactive-chip-channel-secondary-on-fill-hover: #1f362d;
2019
+ --interactive-chip-channel-secondary-on-fill-pressed: #1e332a;
2432
2020
  --interactive-chip-channel-secondary-on-text-default: #000000;
2021
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2022
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2433
2023
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2434
- --interactive-chip-channel-primary-off-fill-default: #f7faf9;
2435
- --interactive-chip-channel-primary-off-fill-hover: #4b8b71;
2436
- --interactive-chip-channel-primary-off-fill-pressed: #46826a;
2437
- --interactive-chip-channel-primary-off-text-default: #244135;
2438
- --interactive-chip-channel-primary-off-text-hover: #4b8b71;
2439
- --interactive-chip-channel-primary-off-text-pressed: #46826a;
2440
- --interactive-chip-channel-primary-off-icon-default: #244135;
2441
- --interactive-chip-channel-primary-off-icon-hover: #4b8b71;
2442
- --interactive-chip-channel-primary-off-icon-pressed: #46826a;
2443
- --interactive-chip-channel-primary-off-border-default: #b6d6c8;
2444
- --interactive-chip-channel-primary-off-border-hover: #4b8b71;
2445
- --interactive-chip-channel-primary-off-border-pressed: #46826a;
2446
- --interactive-chip-channel-primary-on-fill-default: #b6d6c8;
2447
- --interactive-chip-channel-primary-on-fill-hover: #4b8b71;
2448
- --interactive-chip-channel-primary-on-fill-pressed: #46826a;
2024
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2025
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2026
+ --interactive-chip-channel-primary-off-fill-default: #f7fafa;
2027
+ --interactive-chip-channel-primary-off-fill-hover: #0e1d18;
2028
+ --interactive-chip-channel-primary-off-fill-pressed: #0d1b16;
2029
+ --interactive-chip-channel-primary-off-text-default: #254035;
2030
+ --interactive-chip-channel-primary-off-text-hover: #89bda5;
2031
+ --interactive-chip-channel-primary-off-text-pressed: #7cb79b;
2032
+ --interactive-chip-channel-primary-off-icon-default: #254035;
2033
+ --interactive-chip-channel-primary-off-icon-hover: #89bda5;
2034
+ --interactive-chip-channel-primary-off-icon-pressed: #7cb79b;
2035
+ --interactive-chip-channel-primary-off-border-default: #b7d5c9;
2036
+ --interactive-chip-channel-primary-off-border-hover: #3b7059;
2037
+ --interactive-chip-channel-primary-off-border-pressed: #376954;
2038
+ --interactive-chip-channel-primary-on-fill-default: #b7d5c9;
2039
+ --interactive-chip-channel-primary-on-fill-hover: #3b7059;
2040
+ --interactive-chip-channel-primary-on-fill-pressed: #376954;
2449
2041
  --interactive-chip-channel-primary-on-text-default: #000000;
2042
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2043
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2450
2044
  --interactive-chip-channel-primary-on-icon-default: #000000;
2045
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2046
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2451
2047
  }
2452
2048
 
2453
2049
  [data-theme="sport"] {
2454
- --surface-channel-50: #f4f8f6;
2455
- --surface-channel-100: #e4eee7;
2456
- --surface-channel-200: #9cc3a9;
2457
- --surface-channel-300: #26844e;
2458
- --surface-channel-400: #07552c;
2459
- --surface-channel-500: #083119;
2460
- --text-channel-primary: #07552c;
2461
- --text-channel-secondary: #26844e;
2462
- --icon-channel-primary: #6da882;
2463
- --icon-channel-secondary: #3c8e5d;
2464
- --border-channel-primary: #85b696;
2465
- --border-channel-secondary: #c8ded0;
2466
- --border-channel-tertiary: #e4eee7;
2050
+ --surface-channel-50: #f4f7f5;
2051
+ --surface-channel-100: #e4ede8;
2052
+ --surface-channel-200: #9bc3a9;
2053
+ --surface-channel-300: #23844c;
2054
+ --surface-channel-400: #04562c;
2055
+ --surface-channel-500: #07311a;
2056
+ --text-channel-primary: #016d38;
2057
+ --text-channel-secondary: #23844c;
2058
+ --text-channel-tertiary: #84b697;
2059
+ --icon-channel-primary: #6ea782;
2060
+ --icon-channel-secondary: #3b8e5d;
2061
+ --icon-channel-tertiary: #84b697;
2062
+ --border-channel-primary: #84b697;
2063
+ --border-channel-secondary: #c8dfd0;
2064
+ --border-channel-tertiary: #e4ede8;
2467
2065
  --active-border: #000000;
2468
- --label-channel: #26844e;
2469
- --flag-channel-fill: #9cc3a9;
2470
- --flag-channel-text: #083119;
2471
- --flag-channel-icon: #083119;
2472
- --interactive-negative-border-default: #ff8882;
2473
- --interactive-negative-text-default: #ff8882;
2474
- --interactive-negative-icon-default: #ff8882;
2066
+ --label-channel: #23844c;
2067
+ --flag-channel-fill: #9bc3a9;
2068
+ --flag-channel-text: #07311a;
2069
+ --flag-channel-icon: #07311a;
2070
+ --interactive-negative-border-default: #ff8883;
2071
+ --interactive-negative-border-hover: #c40300;
2072
+ --interactive-negative-border-pressed: #b90200;
2073
+ --interactive-negative-text-default: #ff8883;
2074
+ --interactive-negative-text-hover: #c40300;
2075
+ --interactive-negative-text-pressed: #b90200;
2076
+ --interactive-negative-icon-default: #ff8883;
2077
+ --interactive-negative-icon-hover: #c40300;
2078
+ --interactive-negative-icon-pressed: #b90200;
2475
2079
  --interactive-link-secondary-text-default: #737373;
2080
+ --interactive-link-secondary-text-hover: #777777;
2081
+ --interactive-link-secondary-text-pressed: #707070;
2082
+ --interactive-link-secondary-text-visited: #9a9a9a;
2476
2083
  --interactive-link-secondary-icon-default: #737373;
2084
+ --interactive-link-secondary-icon-hover: #777777;
2085
+ --interactive-link-secondary-icon-pressed: #707070;
2086
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2477
2087
  --interactive-link-secondary-underline-default: #737373;
2478
- --interactive-chip-channel-secondary-off-fill-default: #e4eee7;
2479
- --interactive-chip-channel-secondary-off-fill-hover: #006836;
2480
- --interactive-chip-channel-secondary-off-fill-pressed: #006232;
2481
- --interactive-chip-channel-secondary-off-text-default: #07552c;
2482
- --interactive-chip-channel-secondary-off-text-hover: #006836;
2483
- --interactive-chip-channel-secondary-off-text-pressed: #006232;
2484
- --interactive-chip-channel-secondary-off-icon-default: #07552c;
2485
- --interactive-chip-channel-secondary-off-icon-hover: #006836;
2486
- --interactive-chip-channel-secondary-off-icon-pressed: #006232;
2487
- --interactive-chip-channel-secondary-on-border-default: #07552c;
2488
- --interactive-chip-channel-secondary-on-border-hover: #006836;
2489
- --interactive-chip-channel-secondary-on-border-pressed: #006232;
2490
- --interactive-chip-channel-secondary-on-fill-default: #e4eee7;
2491
- --interactive-chip-channel-secondary-on-fill-hover: #006836;
2492
- --interactive-chip-channel-secondary-on-fill-pressed: #006232;
2088
+ --interactive-link-secondary-underline-hover: #9d9d9d;
2089
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
2090
+ --interactive-link-secondary-underline-visited: #7e7e7e;
2091
+ --interactive-chip-channel-secondary-off-fill-default: #07311a;
2092
+ --interactive-chip-channel-secondary-off-fill-hover: #062a16;
2093
+ --interactive-chip-channel-secondary-off-fill-pressed: #062715;
2094
+ --interactive-chip-channel-secondary-off-text-default: #04562c;
2095
+ --interactive-chip-channel-secondary-off-text-hover: #59936d;
2096
+ --interactive-chip-channel-secondary-off-text-pressed: #548a67;
2097
+ --interactive-chip-channel-secondary-off-icon-default: #04562c;
2098
+ --interactive-chip-channel-secondary-off-icon-hover: #59936d;
2099
+ --interactive-chip-channel-secondary-off-icon-pressed: #548a67;
2100
+ --interactive-chip-channel-secondary-on-border-default: #04562c;
2101
+ --interactive-chip-channel-secondary-on-border-hover: #59936d;
2102
+ --interactive-chip-channel-secondary-on-border-pressed: #548a67;
2103
+ --interactive-chip-channel-secondary-on-fill-default: #e4ede8;
2104
+ --interactive-chip-channel-secondary-on-fill-hover: #062a16;
2105
+ --interactive-chip-channel-secondary-on-fill-pressed: #062715;
2493
2106
  --interactive-chip-channel-secondary-on-text-default: #000000;
2107
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2108
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2494
2109
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2495
- --interactive-chip-channel-primary-off-fill-default: #f4f8f6;
2496
- --interactive-chip-channel-primary-off-fill-hover: #006836;
2497
- --interactive-chip-channel-primary-off-fill-pressed: #006232;
2498
- --interactive-chip-channel-primary-off-text-default: #083119;
2499
- --interactive-chip-channel-primary-off-text-hover: #006836;
2500
- --interactive-chip-channel-primary-off-text-pressed: #006232;
2501
- --interactive-chip-channel-primary-off-icon-default: #083119;
2502
- --interactive-chip-channel-primary-off-icon-hover: #006836;
2503
- --interactive-chip-channel-primary-off-icon-pressed: #006232;
2504
- --interactive-chip-channel-primary-off-border-default: #9cc3a9;
2505
- --interactive-chip-channel-primary-off-border-hover: #006836;
2506
- --interactive-chip-channel-primary-off-border-pressed: #006232;
2507
- --interactive-chip-channel-primary-on-fill-default: #9cc3a9;
2508
- --interactive-chip-channel-primary-on-fill-hover: #006836;
2509
- --interactive-chip-channel-primary-on-fill-pressed: #006232;
2110
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2111
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2112
+ --interactive-chip-channel-primary-off-fill-default: #f4f7f5;
2113
+ --interactive-chip-channel-primary-off-fill-hover: #05140a;
2114
+ --interactive-chip-channel-primary-off-fill-pressed: #05120a;
2115
+ --interactive-chip-channel-primary-off-text-default: #07311a;
2116
+ --interactive-chip-channel-primary-off-text-hover: #6fac86;
2117
+ --interactive-chip-channel-primary-off-text-pressed: #65a67e;
2118
+ --interactive-chip-channel-primary-off-icon-default: #07311a;
2119
+ --interactive-chip-channel-primary-off-icon-hover: #6fac86;
2120
+ --interactive-chip-channel-primary-off-icon-pressed: #65a67e;
2121
+ --interactive-chip-channel-primary-off-border-default: #9bc3a9;
2122
+ --interactive-chip-channel-primary-off-border-hover: #00532c;
2123
+ --interactive-chip-channel-primary-off-border-pressed: #004f2a;
2124
+ --interactive-chip-channel-primary-on-fill-default: #9bc3a9;
2125
+ --interactive-chip-channel-primary-on-fill-hover: #00532c;
2126
+ --interactive-chip-channel-primary-on-fill-pressed: #004f2a;
2510
2127
  --interactive-chip-channel-primary-on-text-default: #000000;
2128
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2129
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2511
2130
  --interactive-chip-channel-primary-on-icon-default: #000000;
2131
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2132
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2512
2133
  }
2513
2134
 
2514
2135
  [data-theme="travel"] {
2515
- --surface-channel-50: #f5f8fb;
2516
- --surface-channel-100: #e6eef5;
2517
- --surface-channel-200: #a4c3db;
2518
- --surface-channel-300: #3f83b3;
2519
- --surface-channel-400: #205579;
2520
- --surface-channel-500: #133045;
2521
- --text-channel-primary: #205579;
2522
- --text-channel-secondary: #3f83b3;
2523
- --icon-channel-primary: #669bc2;
2524
- --icon-channel-secondary: #3f83b3;
2525
- --border-channel-primary: #8fb6d2;
2526
- --border-channel-secondary: #cddeeb;
2527
- --border-channel-tertiary: #e6eef5;
2136
+ --surface-channel-50: #f4f7fa;
2137
+ --surface-channel-100: #e7edf6;
2138
+ --surface-channel-200: #a5c3db;
2139
+ --surface-channel-300: #3c84b4;
2140
+ --surface-channel-400: #1e5578;
2141
+ --surface-channel-500: #113144;
2142
+ --text-channel-primary: #2c79ad;
2143
+ --text-channel-secondary: #4f8eb9;
2144
+ --text-channel-tertiary: #a5c3db;
2145
+ --icon-channel-primary: #649ac3;
2146
+ --icon-channel-secondary: #3c84b4;
2147
+ --icon-channel-tertiary: #a5c3db;
2148
+ --border-channel-primary: #8eb6d1;
2149
+ --border-channel-secondary: #cbdeec;
2150
+ --border-channel-tertiary: #e7edf6;
2528
2151
  --active-border: #000000;
2529
- --label-channel: #3f83b3;
2530
- --flag-channel-fill: #a4c3db;
2531
- --flag-channel-text: #133045;
2532
- --flag-channel-icon: #133045;
2533
- --interactive-negative-border-default: #ff8882;
2534
- --interactive-negative-text-default: #ff8882;
2535
- --interactive-negative-icon-default: #ff8882;
2152
+ --label-channel: #3c84b4;
2153
+ --flag-channel-fill: #a5c3db;
2154
+ --flag-channel-text: #113144;
2155
+ --flag-channel-icon: #113144;
2156
+ --interactive-negative-border-default: #ff8883;
2157
+ --interactive-negative-border-hover: #c40300;
2158
+ --interactive-negative-border-pressed: #b90200;
2159
+ --interactive-negative-text-default: #ff8883;
2160
+ --interactive-negative-text-hover: #c40300;
2161
+ --interactive-negative-text-pressed: #b90200;
2162
+ --interactive-negative-icon-default: #ff8883;
2163
+ --interactive-negative-icon-hover: #c40300;
2164
+ --interactive-negative-icon-pressed: #b90200;
2536
2165
  --interactive-link-secondary-text-default: #737373;
2166
+ --interactive-link-secondary-text-hover: #777777;
2167
+ --interactive-link-secondary-text-pressed: #707070;
2168
+ --interactive-link-secondary-text-visited: #9a9a9a;
2537
2169
  --interactive-link-secondary-icon-default: #737373;
2170
+ --interactive-link-secondary-icon-hover: #777777;
2171
+ --interactive-link-secondary-icon-pressed: #707070;
2172
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2538
2173
  --interactive-link-secondary-underline-default: #737373;
2539
- --interactive-chip-channel-secondary-off-fill-default: #e6eef5;
2540
- --interactive-chip-channel-secondary-off-fill-hover: #256793;
2541
- --interactive-chip-channel-secondary-off-fill-pressed: #23618a;
2542
- --interactive-chip-channel-secondary-off-text-default: #205579;
2543
- --interactive-chip-channel-secondary-off-text-hover: #256793;
2544
- --interactive-chip-channel-secondary-off-text-pressed: #23618a;
2545
- --interactive-chip-channel-secondary-off-icon-default: #205579;
2546
- --interactive-chip-channel-secondary-off-icon-hover: #256793;
2547
- --interactive-chip-channel-secondary-off-icon-pressed: #23618a;
2548
- --interactive-chip-channel-secondary-on-border-default: #205579;
2549
- --interactive-chip-channel-secondary-on-border-hover: #256793;
2550
- --interactive-chip-channel-secondary-on-border-pressed: #23618a;
2551
- --interactive-chip-channel-secondary-on-fill-default: #e6eef5;
2552
- --interactive-chip-channel-secondary-on-fill-hover: #256793;
2553
- --interactive-chip-channel-secondary-on-fill-pressed: #23618a;
2174
+ --interactive-link-secondary-underline-hover: #9d9d9d;
2175
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
2176
+ --interactive-link-secondary-underline-visited: #7e7e7e;
2177
+ --interactive-chip-channel-secondary-off-fill-default: #113144;
2178
+ --interactive-chip-channel-secondary-off-fill-hover: #0e2a3a;
2179
+ --interactive-chip-channel-secondary-off-fill-pressed: #0e2736;
2180
+ --interactive-chip-channel-secondary-off-text-default: #1e5578;
2181
+ --interactive-chip-channel-secondary-off-text-hover: #5590bc;
2182
+ --interactive-chip-channel-secondary-off-text-pressed: #4a88b8;
2183
+ --interactive-chip-channel-secondary-off-icon-default: #1e5578;
2184
+ --interactive-chip-channel-secondary-off-icon-hover: #5590bc;
2185
+ --interactive-chip-channel-secondary-off-icon-pressed: #4a88b8;
2186
+ --interactive-chip-channel-secondary-on-border-default: #1e5578;
2187
+ --interactive-chip-channel-secondary-on-border-hover: #5590bc;
2188
+ --interactive-chip-channel-secondary-on-border-pressed: #4a88b8;
2189
+ --interactive-chip-channel-secondary-on-fill-default: #e7edf6;
2190
+ --interactive-chip-channel-secondary-on-fill-hover: #0e2a3a;
2191
+ --interactive-chip-channel-secondary-on-fill-pressed: #0e2736;
2554
2192
  --interactive-chip-channel-secondary-on-text-default: #000000;
2193
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2194
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2555
2195
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2556
- --interactive-chip-channel-primary-off-fill-default: #f5f8fb;
2557
- --interactive-chip-channel-primary-off-fill-hover: #256793;
2558
- --interactive-chip-channel-primary-off-fill-pressed: #23618a;
2559
- --interactive-chip-channel-primary-off-text-default: #133045;
2560
- --interactive-chip-channel-primary-off-text-hover: #256793;
2561
- --interactive-chip-channel-primary-off-text-pressed: #23618a;
2562
- --interactive-chip-channel-primary-off-icon-default: #133045;
2563
- --interactive-chip-channel-primary-off-icon-hover: #256793;
2564
- --interactive-chip-channel-primary-off-icon-pressed: #23618a;
2565
- --interactive-chip-channel-primary-off-border-default: #a4c3db;
2566
- --interactive-chip-channel-primary-off-border-hover: #256793;
2567
- --interactive-chip-channel-primary-off-border-pressed: #23618a;
2568
- --interactive-chip-channel-primary-on-fill-default: #a4c3db;
2569
- --interactive-chip-channel-primary-on-fill-hover: #256793;
2570
- --interactive-chip-channel-primary-on-fill-pressed: #23618a;
2196
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2197
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2198
+ --interactive-chip-channel-primary-off-fill-default: #f4f7fa;
2199
+ --interactive-chip-channel-primary-off-fill-hover: #09131d;
2200
+ --interactive-chip-channel-primary-off-fill-pressed: #08121b;
2201
+ --interactive-chip-channel-primary-off-text-default: #113144;
2202
+ --interactive-chip-channel-primary-off-text-hover: #73a0c6;
2203
+ --interactive-chip-channel-primary-off-text-pressed: #6698c1;
2204
+ --interactive-chip-channel-primary-off-icon-default: #113144;
2205
+ --interactive-chip-channel-primary-off-icon-hover: #73a0c6;
2206
+ --interactive-chip-channel-primary-off-icon-pressed: #6698c1;
2207
+ --interactive-chip-channel-primary-off-border-default: #a5c3db;
2208
+ --interactive-chip-channel-primary-off-border-hover: #205176;
2209
+ --interactive-chip-channel-primary-off-border-pressed: #1e4c6f;
2210
+ --interactive-chip-channel-primary-on-fill-default: #a5c3db;
2211
+ --interactive-chip-channel-primary-on-fill-hover: #205176;
2212
+ --interactive-chip-channel-primary-on-fill-pressed: #1e4c6f;
2571
2213
  --interactive-chip-channel-primary-on-text-default: #000000;
2214
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2215
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2572
2216
  --interactive-chip-channel-primary-on-icon-default: #000000;
2217
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2218
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2573
2219
  }
2574
2220
 
2575
2221
  [data-theme="culture"] {
2576
- --surface-channel-50: #faf4f7;
2577
- --surface-channel-100: #f3e4ec;
2578
- --surface-channel-200: #d19eba;
2579
- --surface-channel-300: #9d3570;
2580
- --surface-channel-400: #681946;
2581
- --surface-channel-500: #3c0f28;
2582
- --text-channel-primary: #681946;
2583
- --text-channel-secondary: #9d3570;
2584
- --icon-channel-primary: #d19eba;
2585
- --icon-channel-secondary: #bb729a;
2586
- --border-channel-primary: #c789aa;
2587
- --border-channel-secondary: #e6c9d9;
2588
- --border-channel-tertiary: #f3e4ec;
2222
+ --surface-channel-50: #fbf5f7;
2223
+ --surface-channel-100: #f2e5eb;
2224
+ --surface-channel-200: #d19fb9;
2225
+ --surface-channel-300: #9d3670;
2226
+ --surface-channel-400: #671846;
2227
+ --surface-channel-500: #3b0f27;
2228
+ --text-channel-primary: #59173c;
2229
+ --text-channel-secondary: #771c51;
2230
+ --text-channel-tertiary: #a4477c;
2231
+ --icon-channel-primary: #d19fb9;
2232
+ --icon-channel-secondary: #ba729b;
2233
+ --icon-channel-tertiary: #a4477c;
2234
+ --border-channel-primary: #c68aaa;
2235
+ --border-channel-secondary: #e5c8da;
2236
+ --border-channel-tertiary: #f2e5eb;
2589
2237
  --active-border: #000000;
2590
- --label-channel: #9d3570;
2591
- --flag-channel-fill: #d19eba;
2592
- --flag-channel-text: #3c0f28;
2593
- --flag-channel-icon: #3c0f28;
2594
- --interactive-negative-border-default: #ff8882;
2595
- --interactive-negative-text-default: #ff8882;
2596
- --interactive-negative-icon-default: #ff8882;
2238
+ --label-channel: #9d3670;
2239
+ --flag-channel-fill: #d19fb9;
2240
+ --flag-channel-text: #3b0f27;
2241
+ --flag-channel-icon: #3b0f27;
2242
+ --interactive-negative-border-default: #ff8883;
2243
+ --interactive-negative-border-hover: #c40300;
2244
+ --interactive-negative-border-pressed: #b90200;
2245
+ --interactive-negative-text-default: #ff8883;
2246
+ --interactive-negative-text-hover: #c40300;
2247
+ --interactive-negative-text-pressed: #b90200;
2248
+ --interactive-negative-icon-default: #ff8883;
2249
+ --interactive-negative-icon-hover: #c40300;
2250
+ --interactive-negative-icon-pressed: #b90200;
2597
2251
  --interactive-link-secondary-text-default: #737373;
2252
+ --interactive-link-secondary-text-hover: #777777;
2253
+ --interactive-link-secondary-text-pressed: #707070;
2254
+ --interactive-link-secondary-text-visited: #9a9a9a;
2598
2255
  --interactive-link-secondary-icon-default: #737373;
2256
+ --interactive-link-secondary-icon-hover: #777777;
2257
+ --interactive-link-secondary-icon-pressed: #707070;
2258
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2599
2259
  --interactive-link-secondary-underline-default: #737373;
2600
- --interactive-chip-channel-secondary-off-fill-default: #f3e4ec;
2601
- --interactive-chip-channel-secondary-off-fill-hover: #7e1e55;
2602
- --interactive-chip-channel-secondary-off-fill-pressed: #761c50;
2603
- --interactive-chip-channel-secondary-off-text-default: #681946;
2604
- --interactive-chip-channel-secondary-off-text-hover: #7e1e55;
2605
- --interactive-chip-channel-secondary-off-text-pressed: #761c50;
2606
- --interactive-chip-channel-secondary-off-icon-default: #681946;
2607
- --interactive-chip-channel-secondary-off-icon-hover: #7e1e55;
2608
- --interactive-chip-channel-secondary-off-icon-pressed: #761c50;
2609
- --interactive-chip-channel-secondary-on-border-default: #681946;
2610
- --interactive-chip-channel-secondary-on-border-hover: #7e1e55;
2611
- --interactive-chip-channel-secondary-on-border-pressed: #761c50;
2612
- --interactive-chip-channel-secondary-on-fill-default: #f3e4ec;
2613
- --interactive-chip-channel-secondary-on-fill-hover: #7e1e55;
2614
- --interactive-chip-channel-secondary-on-fill-pressed: #761c50;
2260
+ --interactive-link-secondary-underline-hover: #9d9d9d;
2261
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
2262
+ --interactive-link-secondary-underline-visited: #7e7e7e;
2263
+ --interactive-chip-channel-secondary-off-fill-default: #3b0f27;
2264
+ --interactive-chip-channel-secondary-off-fill-hover: #320d21;
2265
+ --interactive-chip-channel-secondary-off-fill-pressed: #2f0c1f;
2266
+ --interactive-chip-channel-secondary-off-text-default: #671846;
2267
+ --interactive-chip-channel-secondary-off-text-hover: #ab5485;
2268
+ --interactive-chip-channel-secondary-off-text-pressed: #a14f7e;
2269
+ --interactive-chip-channel-secondary-off-icon-default: #671846;
2270
+ --interactive-chip-channel-secondary-off-icon-hover: #ab5485;
2271
+ --interactive-chip-channel-secondary-off-icon-pressed: #a14f7e;
2272
+ --interactive-chip-channel-secondary-on-border-default: #671846;
2273
+ --interactive-chip-channel-secondary-on-border-hover: #ab5485;
2274
+ --interactive-chip-channel-secondary-on-border-pressed: #a14f7e;
2275
+ --interactive-chip-channel-secondary-on-fill-default: #f2e5eb;
2276
+ --interactive-chip-channel-secondary-on-fill-hover: #320d21;
2277
+ --interactive-chip-channel-secondary-on-fill-pressed: #2f0c1f;
2615
2278
  --interactive-chip-channel-secondary-on-text-default: #000000;
2279
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2280
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2616
2281
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2617
- --interactive-chip-channel-primary-off-fill-default: #faf4f7;
2618
- --interactive-chip-channel-primary-off-fill-hover: #7e1e55;
2619
- --interactive-chip-channel-primary-off-fill-pressed: #761c50;
2620
- --interactive-chip-channel-primary-off-text-default: #3c0f28;
2621
- --interactive-chip-channel-primary-off-text-hover: #7e1e55;
2622
- --interactive-chip-channel-primary-off-text-pressed: #761c50;
2623
- --interactive-chip-channel-primary-off-icon-default: #3c0f28;
2624
- --interactive-chip-channel-primary-off-icon-hover: #7e1e55;
2625
- --interactive-chip-channel-primary-off-icon-pressed: #761c50;
2626
- --interactive-chip-channel-primary-off-border-default: #d19eba;
2627
- --interactive-chip-channel-primary-off-border-hover: #7e1e55;
2628
- --interactive-chip-channel-primary-off-border-pressed: #761c50;
2629
- --interactive-chip-channel-primary-on-fill-default: #d19eba;
2630
- --interactive-chip-channel-primary-on-fill-hover: #7e1e55;
2631
- --interactive-chip-channel-primary-on-fill-pressed: #761c50;
2282
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2283
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2284
+ --interactive-chip-channel-primary-off-fill-default: #fbf5f7;
2285
+ --interactive-chip-channel-primary-off-fill-hover: #1a0812;
2286
+ --interactive-chip-channel-primary-off-fill-pressed: #190711;
2287
+ --interactive-chip-channel-primary-off-text-default: #3b0f27;
2288
+ --interactive-chip-channel-primary-off-text-hover: #bc7097;
2289
+ --interactive-chip-channel-primary-off-text-pressed: #b7648f;
2290
+ --interactive-chip-channel-primary-off-icon-default: #3b0f27;
2291
+ --interactive-chip-channel-primary-off-icon-hover: #bc7097;
2292
+ --interactive-chip-channel-primary-off-icon-pressed: #b7648f;
2293
+ --interactive-chip-channel-primary-off-border-default: #d19fb9;
2294
+ --interactive-chip-channel-primary-off-border-hover: #651845;
2295
+ --interactive-chip-channel-primary-off-border-pressed: #5f1641;
2296
+ --interactive-chip-channel-primary-on-fill-default: #d19fb9;
2297
+ --interactive-chip-channel-primary-on-fill-hover: #651845;
2298
+ --interactive-chip-channel-primary-on-fill-pressed: #5f1641;
2632
2299
  --interactive-chip-channel-primary-on-text-default: #000000;
2300
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2301
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2633
2302
  --interactive-chip-channel-primary-on-icon-default: #000000;
2303
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2304
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2634
2305
  }
2635
2306
 
2636
2307
  [data-theme="obituaries"] {
2637
- --surface-channel-50: #f8f8f8;
2638
- --surface-channel-100: #ededec;
2639
- --surface-channel-200: #bdbdbc;
2640
- --surface-channel-300: #777774;
2641
- --surface-channel-400: #4c4c4a;
2642
- --surface-channel-500: #2b2b2a;
2643
- --text-channel-primary: #4c4c4a;
2644
- --text-channel-secondary: #777774;
2645
- --icon-channel-primary: #9f9f9d;
2646
- --icon-channel-secondary: #828280;
2647
- --border-channel-primary: #aeaead;
2648
- --border-channel-secondary: #dadada;
2649
- --border-channel-tertiary: #ededec;
2308
+ --surface-channel-50: #f7f7f7;
2309
+ --surface-channel-100: #ededed;
2310
+ --surface-channel-200: #bdbdbd;
2311
+ --surface-channel-300: #787875;
2312
+ --surface-channel-400: #4d4d4a;
2313
+ --surface-channel-500: #2b2b2b;
2314
+ --text-channel-primary: #61615e;
2315
+ --text-channel-secondary: #787875;
2316
+ --text-channel-tertiary: #adadad;
2317
+ --icon-channel-primary: #9e9e9b;
2318
+ --icon-channel-secondary: #82827f;
2319
+ --icon-channel-tertiary: #adadad;
2320
+ --border-channel-primary: #adadad;
2321
+ --border-channel-secondary: #dbdbd8;
2322
+ --border-channel-tertiary: #ededed;
2650
2323
  --active-border: #000000;
2651
- --label-channel: #777774;
2652
- --flag-channel-fill: #bdbdbc;
2653
- --flag-channel-text: #2b2b2a;
2654
- --flag-channel-icon: #2b2b2a;
2655
- --interactive-negative-border-default: #ff8882;
2656
- --interactive-negative-text-default: #ff8882;
2657
- --interactive-negative-icon-default: #ff8882;
2324
+ --label-channel: #787875;
2325
+ --flag-channel-fill: #bdbdbd;
2326
+ --flag-channel-text: #2b2b2b;
2327
+ --flag-channel-icon: #2b2b2b;
2328
+ --interactive-negative-border-default: #ff8883;
2329
+ --interactive-negative-border-hover: #c40300;
2330
+ --interactive-negative-border-pressed: #b90200;
2331
+ --interactive-negative-text-default: #ff8883;
2332
+ --interactive-negative-text-hover: #c40300;
2333
+ --interactive-negative-text-pressed: #b90200;
2334
+ --interactive-negative-icon-default: #ff8883;
2335
+ --interactive-negative-icon-hover: #c40300;
2336
+ --interactive-negative-icon-pressed: #b90200;
2658
2337
  --interactive-link-secondary-text-default: #737373;
2338
+ --interactive-link-secondary-text-hover: #777777;
2339
+ --interactive-link-secondary-text-pressed: #707070;
2340
+ --interactive-link-secondary-text-visited: #9a9a9a;
2659
2341
  --interactive-link-secondary-icon-default: #737373;
2342
+ --interactive-link-secondary-icon-hover: #777777;
2343
+ --interactive-link-secondary-icon-pressed: #707070;
2344
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2660
2345
  --interactive-link-secondary-underline-default: #737373;
2661
- --interactive-chip-channel-secondary-off-fill-default: #ededec;
2662
- --interactive-chip-channel-secondary-off-fill-hover: #5c5c59;
2663
- --interactive-chip-channel-secondary-off-fill-pressed: #565654;
2664
- --interactive-chip-channel-secondary-off-text-default: #4c4c4a;
2665
- --interactive-chip-channel-secondary-off-text-hover: #5c5c59;
2666
- --interactive-chip-channel-secondary-off-text-pressed: #565654;
2667
- --interactive-chip-channel-secondary-off-icon-default: #4c4c4a;
2668
- --interactive-chip-channel-secondary-off-icon-hover: #5c5c59;
2669
- --interactive-chip-channel-secondary-off-icon-pressed: #565654;
2670
- --interactive-chip-channel-secondary-on-border-default: #4c4c4a;
2671
- --interactive-chip-channel-secondary-on-border-hover: #5c5c59;
2672
- --interactive-chip-channel-secondary-on-border-pressed: #565654;
2673
- --interactive-chip-channel-secondary-on-fill-default: #ededec;
2674
- --interactive-chip-channel-secondary-on-fill-hover: #5c5c59;
2675
- --interactive-chip-channel-secondary-on-fill-pressed: #565654;
2346
+ --interactive-link-secondary-underline-hover: #9d9d9d;
2347
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
2348
+ --interactive-link-secondary-underline-visited: #7e7e7e;
2349
+ --interactive-chip-channel-secondary-off-fill-default: #2b2b2b;
2350
+ --interactive-chip-channel-secondary-off-fill-hover: #242424;
2351
+ --interactive-chip-channel-secondary-off-fill-pressed: #222222;
2352
+ --interactive-chip-channel-secondary-off-text-default: #4d4d4a;
2353
+ --interactive-chip-channel-secondary-off-text-hover: #878783;
2354
+ --interactive-chip-channel-secondary-off-text-pressed: #7f7f7b;
2355
+ --interactive-chip-channel-secondary-off-icon-default: #4d4d4a;
2356
+ --interactive-chip-channel-secondary-off-icon-hover: #878783;
2357
+ --interactive-chip-channel-secondary-off-icon-pressed: #7f7f7b;
2358
+ --interactive-chip-channel-secondary-on-border-default: #4d4d4a;
2359
+ --interactive-chip-channel-secondary-on-border-hover: #878783;
2360
+ --interactive-chip-channel-secondary-on-border-pressed: #7f7f7b;
2361
+ --interactive-chip-channel-secondary-on-fill-default: #ededed;
2362
+ --interactive-chip-channel-secondary-on-fill-hover: #242424;
2363
+ --interactive-chip-channel-secondary-on-fill-pressed: #222222;
2676
2364
  --interactive-chip-channel-secondary-on-text-default: #000000;
2365
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2366
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2677
2367
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2678
- --interactive-chip-channel-primary-off-fill-default: #f8f8f8;
2679
- --interactive-chip-channel-primary-off-fill-hover: #5c5c59;
2680
- --interactive-chip-channel-primary-off-fill-pressed: #565654;
2681
- --interactive-chip-channel-primary-off-text-default: #2b2b2a;
2682
- --interactive-chip-channel-primary-off-text-hover: #5c5c59;
2683
- --interactive-chip-channel-primary-off-text-pressed: #565654;
2684
- --interactive-chip-channel-primary-off-icon-default: #2b2b2a;
2685
- --interactive-chip-channel-primary-off-icon-hover: #5c5c59;
2686
- --interactive-chip-channel-primary-off-icon-pressed: #565654;
2687
- --interactive-chip-channel-primary-off-border-default: #bdbdbc;
2688
- --interactive-chip-channel-primary-off-border-hover: #5c5c59;
2689
- --interactive-chip-channel-primary-off-border-pressed: #565654;
2690
- --interactive-chip-channel-primary-on-fill-default: #bdbdbc;
2691
- --interactive-chip-channel-primary-on-fill-hover: #5c5c59;
2692
- --interactive-chip-channel-primary-on-fill-pressed: #565654;
2368
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2369
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2370
+ --interactive-chip-channel-primary-off-fill-default: #f7f7f7;
2371
+ --interactive-chip-channel-primary-off-fill-hover: #111111;
2372
+ --interactive-chip-channel-primary-off-fill-pressed: #101010;
2373
+ --interactive-chip-channel-primary-off-text-default: #2b2b2b;
2374
+ --interactive-chip-channel-primary-off-text-hover: #9a9a9a;
2375
+ --interactive-chip-channel-primary-off-text-pressed: #919191;
2376
+ --interactive-chip-channel-primary-off-icon-default: #2b2b2b;
2377
+ --interactive-chip-channel-primary-off-icon-hover: #9a9a9a;
2378
+ --interactive-chip-channel-primary-off-icon-pressed: #919191;
2379
+ --interactive-chip-channel-primary-off-border-default: #bdbdbd;
2380
+ --interactive-chip-channel-primary-off-border-hover: #4a4a47;
2381
+ --interactive-chip-channel-primary-off-border-pressed: #464643;
2382
+ --interactive-chip-channel-primary-on-fill-default: #bdbdbd;
2383
+ --interactive-chip-channel-primary-on-fill-hover: #4a4a47;
2384
+ --interactive-chip-channel-primary-on-fill-pressed: #464643;
2693
2385
  --interactive-chip-channel-primary-on-text-default: #000000;
2386
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2387
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2694
2388
  --interactive-chip-channel-primary-on-icon-default: #000000;
2389
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2390
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2695
2391
  }
2696
2392
 
2697
2393
  [data-theme="ireland"] {
2698
- --surface-channel-50: #f3f5f5;
2699
- --surface-channel-100: #e2e7e6;
2700
- --surface-channel-200: #96a8a6;
2701
- --surface-channel-300: #244c47;
2702
- --surface-channel-400: #0b2b27;
2703
- --surface-channel-500: #071816;
2704
- --text-channel-primary: #0b2b27;
2705
- --text-channel-secondary: #244c47;
2706
- --icon-channel-primary: #7e9492;
2707
- --icon-channel-secondary: #4f6e6a;
2708
- --border-channel-primary: #7e9492;
2709
- --border-channel-secondary: #c5cfcd;
2710
- --border-channel-tertiary: #e2e7e6;
2394
+ --surface-channel-50: #f5f5f5;
2395
+ --surface-channel-100: #e2e6e6;
2396
+ --surface-channel-200: #95a9a6;
2397
+ --surface-channel-300: #244b48;
2398
+ --surface-channel-400: #0d2926;
2399
+ --surface-channel-500: #0a1717;
2400
+ --text-channel-primary: #0a1717;
2401
+ --text-channel-secondary: #0b2421;
2402
+ --text-channel-tertiary: #0f3d38;
2403
+ --icon-channel-primary: #7e9591;
2404
+ --icon-channel-secondary: #4d6f68;
2405
+ --icon-channel-tertiary: #0f3d38;
2406
+ --border-channel-primary: #7e9591;
2407
+ --border-channel-secondary: #c5cfcc;
2408
+ --border-channel-tertiary: #e2e6e6;
2711
2409
  --active-border: #000000;
2712
- --label-channel: #244c47;
2713
- --flag-channel-fill: #96a8a6;
2714
- --flag-channel-text: #071816;
2715
- --flag-channel-icon: #071816;
2716
- --interactive-negative-border-default: #ff8882;
2717
- --interactive-negative-text-default: #ff8882;
2718
- --interactive-negative-icon-default: #ff8882;
2410
+ --label-channel: #244b48;
2411
+ --flag-channel-fill: #95a9a6;
2412
+ --flag-channel-text: #0a1717;
2413
+ --flag-channel-icon: #0a1717;
2414
+ --interactive-negative-border-default: #ff8883;
2415
+ --interactive-negative-border-hover: #c40300;
2416
+ --interactive-negative-border-pressed: #b90200;
2417
+ --interactive-negative-text-default: #ff8883;
2418
+ --interactive-negative-text-hover: #c40300;
2419
+ --interactive-negative-text-pressed: #b90200;
2420
+ --interactive-negative-icon-default: #ff8883;
2421
+ --interactive-negative-icon-hover: #c40300;
2422
+ --interactive-negative-icon-pressed: #b90200;
2719
2423
  --interactive-link-secondary-text-default: #737373;
2424
+ --interactive-link-secondary-text-hover: #777777;
2425
+ --interactive-link-secondary-text-pressed: #707070;
2426
+ --interactive-link-secondary-text-visited: #9a9a9a;
2720
2427
  --interactive-link-secondary-icon-default: #737373;
2428
+ --interactive-link-secondary-icon-hover: #777777;
2429
+ --interactive-link-secondary-icon-pressed: #707070;
2430
+ --interactive-link-secondary-icon-visited: #9a9a9a;
2721
2431
  --interactive-link-secondary-underline-default: #737373;
2722
- --interactive-chip-channel-secondary-off-fill-default: #e2e7e6;
2723
- --interactive-chip-channel-secondary-off-fill-hover: #0d3430;
2724
- --interactive-chip-channel-secondary-off-fill-pressed: #0c312d;
2725
- --interactive-chip-channel-secondary-off-text-default: #0b2b27;
2726
- --interactive-chip-channel-secondary-off-text-hover: #0d3430;
2727
- --interactive-chip-channel-secondary-off-text-pressed: #0c312d;
2728
- --interactive-chip-channel-secondary-off-icon-default: #0b2b27;
2729
- --interactive-chip-channel-secondary-off-icon-hover: #0d3430;
2730
- --interactive-chip-channel-secondary-off-icon-pressed: #0c312d;
2731
- --interactive-chip-channel-secondary-on-border-default: #0b2b27;
2732
- --interactive-chip-channel-secondary-on-border-hover: #0d3430;
2733
- --interactive-chip-channel-secondary-on-border-pressed: #0c312d;
2734
- --interactive-chip-channel-secondary-on-fill-default: #e2e7e6;
2735
- --interactive-chip-channel-secondary-on-fill-hover: #0d3430;
2736
- --interactive-chip-channel-secondary-on-fill-pressed: #0c312d;
2432
+ --interactive-link-secondary-underline-hover: #9d9d9d;
2433
+ --interactive-link-secondary-underline-pressed: #a3a3a3;
2434
+ --interactive-link-secondary-underline-visited: #7e7e7e;
2435
+ --interactive-chip-channel-secondary-off-fill-default: #0a1717;
2436
+ --interactive-chip-channel-secondary-off-fill-hover: #081414;
2437
+ --interactive-chip-channel-secondary-off-fill-pressed: #081212;
2438
+ --interactive-chip-channel-secondary-off-text-default: #0d2926;
2439
+ --interactive-chip-channel-secondary-off-text-hover: #576d6a;
2440
+ --interactive-chip-channel-secondary-off-text-pressed: #526664;
2441
+ --interactive-chip-channel-secondary-off-icon-default: #0d2926;
2442
+ --interactive-chip-channel-secondary-off-icon-hover: #576d6a;
2443
+ --interactive-chip-channel-secondary-off-icon-pressed: #526664;
2444
+ --interactive-chip-channel-secondary-on-border-default: #0d2926;
2445
+ --interactive-chip-channel-secondary-on-border-hover: #576d6a;
2446
+ --interactive-chip-channel-secondary-on-border-pressed: #526664;
2447
+ --interactive-chip-channel-secondary-on-fill-default: #e2e6e6;
2448
+ --interactive-chip-channel-secondary-on-fill-hover: #081414;
2449
+ --interactive-chip-channel-secondary-on-fill-pressed: #081212;
2737
2450
  --interactive-chip-channel-secondary-on-text-default: #000000;
2451
+ --interactive-chip-channel-secondary-on-text-hover: #d9d9d9;
2452
+ --interactive-chip-channel-secondary-on-text-pressed: #cccccc;
2738
2453
  --interactive-chip-channel-secondary-on-icon-default: #000000;
2739
- --interactive-chip-channel-primary-off-fill-default: #f3f5f5;
2740
- --interactive-chip-channel-primary-off-fill-hover: #0d3430;
2741
- --interactive-chip-channel-primary-off-fill-pressed: #0c312d;
2742
- --interactive-chip-channel-primary-off-text-default: #071816;
2743
- --interactive-chip-channel-primary-off-text-hover: #0d3430;
2744
- --interactive-chip-channel-primary-off-text-pressed: #0c312d;
2745
- --interactive-chip-channel-primary-off-icon-default: #071816;
2746
- --interactive-chip-channel-primary-off-icon-hover: #0d3430;
2747
- --interactive-chip-channel-primary-off-icon-pressed: #0c312d;
2748
- --interactive-chip-channel-primary-off-border-default: #96a8a6;
2749
- --interactive-chip-channel-primary-off-border-hover: #0d3430;
2750
- --interactive-chip-channel-primary-off-border-pressed: #0c312d;
2751
- --interactive-chip-channel-primary-on-fill-default: #96a8a6;
2752
- --interactive-chip-channel-primary-on-fill-hover: #0d3430;
2753
- --interactive-chip-channel-primary-on-fill-pressed: #0c312d;
2454
+ --interactive-chip-channel-secondary-on-icon-hover: #d9d9d9;
2455
+ --interactive-chip-channel-secondary-on-icon-pressed: #cccccc;
2456
+ --interactive-chip-channel-primary-off-fill-default: #f5f5f5;
2457
+ --interactive-chip-channel-primary-off-fill-hover: #030b09;
2458
+ --interactive-chip-channel-primary-off-fill-pressed: #020a08;
2459
+ --interactive-chip-channel-primary-off-text-default: #0a1717;
2460
+ --interactive-chip-channel-primary-off-text-hover: #738b87;
2461
+ --interactive-chip-channel-primary-off-text-pressed: #6c827f;
2462
+ --interactive-chip-channel-primary-off-icon-default: #0a1717;
2463
+ --interactive-chip-channel-primary-off-icon-hover: #738b87;
2464
+ --interactive-chip-channel-primary-off-icon-pressed: #6c827f;
2465
+ --interactive-chip-channel-primary-off-border-default: #95a9a6;
2466
+ --interactive-chip-channel-primary-off-border-hover: #0a2a27;
2467
+ --interactive-chip-channel-primary-off-border-pressed: #0a2725;
2468
+ --interactive-chip-channel-primary-on-fill-default: #95a9a6;
2469
+ --interactive-chip-channel-primary-on-fill-hover: #0a2a27;
2470
+ --interactive-chip-channel-primary-on-fill-pressed: #0a2725;
2754
2471
  --interactive-chip-channel-primary-on-text-default: #000000;
2472
+ --interactive-chip-channel-primary-on-text-hover: #d9d9d9;
2473
+ --interactive-chip-channel-primary-on-text-pressed: #cccccc;
2755
2474
  --interactive-chip-channel-primary-on-icon-default: #000000;
2475
+ --interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
2476
+ --interactive-chip-channel-primary-on-icon-pressed: #cccccc;
2756
2477
  }
2757
2478
  }
2758
2479
  @media (min-width: 0px) {
@@ -2784,31 +2505,31 @@
2784
2505
  --grid-viewport: 433px;
2785
2506
  --grid-max-width: 767px;
2786
2507
  --grid-content-area: 393px;
2787
- --fontSize0025: 0.5rem;
2788
- --fontSize005: 0.625rem;
2789
- --fontSize010: 0.75rem;
2790
- --fontSize020: 0.875rem;
2791
- --fontSize025: 0.9375rem;
2792
- --fontSize030: 1rem;
2793
- --fontSize035: 1.0625rem;
2794
- --fontSize040: 1.125rem;
2795
- --fontSize045: 1.1875rem;
2796
- --fontSize050: 1.25rem;
2797
- --fontSize060: 1.375rem;
2798
- --fontSize070: 1.5rem;
2799
- --fontSize080: 1.75rem;
2800
- --fontSize090: 2rem;
2801
- --fontSize095: 2.125rem;
2802
- --fontSize100: 2.25rem;
2803
- --fontSize105: 2.875rem;
2804
- --fontSize110: 2rem;
2805
- --fontSize120: 2.75rem;
2806
- --fontSize125: 2.8125rem;
2807
- --fontSize130: 3rem;
2808
- --fontSize140: 2.5rem;
2809
- --fontSize150: 4rem;
2810
- --fontSize155: 4.375rem;
2811
- --fontSize160: 5rem;
2508
+ --fontSize0025: 0.8rem;
2509
+ --fontSize005: 1rem;
2510
+ --fontSize010: 1.2rem;
2511
+ --fontSize020: 1.4rem;
2512
+ --fontSize025: 1.5rem;
2513
+ --fontSize030: 1.6rem;
2514
+ --fontSize035: 1.7rem;
2515
+ --fontSize040: 1.8rem;
2516
+ --fontSize045: 1.9rem;
2517
+ --fontSize050: 2rem;
2518
+ --fontSize060: 2.2rem;
2519
+ --fontSize070: 2.4rem;
2520
+ --fontSize080: 2.8rem;
2521
+ --fontSize090: 3.2rem;
2522
+ --fontSize095: 3.4rem;
2523
+ --fontSize100: 3.6rem;
2524
+ --fontSize105: 4.6rem;
2525
+ --fontSize110: 3.2rem;
2526
+ --fontSize120: 4.4rem;
2527
+ --fontSize125: 4.5rem;
2528
+ --fontSize130: 4.8rem;
2529
+ --fontSize140: 4rem;
2530
+ --fontSize150: 6.4rem;
2531
+ --fontSize155: 7rem;
2532
+ --fontSize160: 8rem;
2812
2533
  }}
2813
2534
  @media (min-width: 440px) {
2814
2535
  :root {
@@ -2838,20 +2559,23 @@
2838
2559
  --grid-content-area: 1144px;
2839
2560
  }}
2840
2561
  :root {
2841
- --shadow-elevation-down-level-2: 0px 4px 8px 0px rgba(#000000,0.08);
2842
- --shadow-elevation-down-level-3: 0px 16px 24px 0px rgba(#000000,0.08);
2843
- --shadow-elevation-down-level-4: 0px 20px 32px 0px rgba(#000000,0.08);
2844
- --shadow-elevation-up-level-2: 0px -4px 8px 0px rgba(#000000,0.08);
2845
- --shadow-elevation-up-level-3: 0px -16px 24px 0px rgba(#000000,0.08);
2846
- --shadow-elevation-up-level-4: 0px -20px 32px 0px rgba(#000000,0.08);
2562
+ --shadow-elevation-down-level-2: 0px 4px 8px 0px rgba(0,0,0,0.08);
2563
+ --shadow-elevation-down-level-3: 0px 16px 24px 0px rgba(0,0,0,0.08);
2564
+ --shadow-elevation-down-level-4: 0px 20px 32px 0px rgba(0,0,0,0.08);
2565
+ --shadow-elevation-up-level-2: 0px -4px 8px 0px rgba(0,0,0,0.08);
2566
+ --shadow-elevation-up-level-3: 0px -16px 24px 0px rgba(0,0,0,0.08);
2567
+ --shadow-elevation-up-level-4: 0px -20px 32px 0px rgba(0,0,0,0.08);
2847
2568
  --border-radius-50: 2px;
2848
2569
  --border-radius-100: 4px;
2849
2570
  --border-radius-150: 6px;
2850
2571
  --border-radius-200: 8px;
2851
2572
  --border-radius-300: 12px;
2852
2573
  --border-radius-400: 16px;
2853
- --border-radius-600: 24px;
2854
2574
  --border-radius-full: 9999px;
2575
+ --breakpoint-small: 0px;
2576
+ --breakpoint-medium: 440px;
2577
+ --breakpoint-large: 1024px;
2578
+ --breakpoint-xLarge: 1440px;
2855
2579
  }
2856
2580
  .brand-heading-fluid-light-2xsmall {
2857
2581
  font: var(--fontWeight030) var(--fontSize045)/var(--fontLineHeight020) var(--fontFamily010);
@@ -3111,9 +2835,12 @@ font: var(--fontSize030)/var(--fontLineHeight040) var(--fontFamily030);
3111
2835
  .brand-paragraph-bold-medium {
3112
2836
  font: var(--fontSize035)/var(--fontLineHeight040) var(--fontFamily030);
3113
2837
  }
3114
- .brand-caption {
2838
+ .brand-caption-medium {
3115
2839
  font: var(--fontWeight040) var(--fontSize020)/var(--fontLineHeight040) var(--fontFamily040);
3116
2840
  }
2841
+ .brand-caption-small {
2842
+ font: var(--fontWeight040) var(--fontSize010)/var(--fontLineHeight040) var(--fontFamily040);
2843
+ }
3117
2844
  .brand-byline-medium {
3118
2845
  font: var(--fontWeight040) var(--fontSize020)/var(--fontLineHeight020) var(--fontFamily040);
3119
2846
  }