@salutejs/plasma-tokens 1.89.0-dev.0 → 1.90.0-dev.0

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 (19) hide show
  1. package/brands/sdds_dfa/index.d.ts +834 -92
  2. package/brands/sdds_dfa/index.js +852 -102
  3. package/brands/sdds_dfa/index.js.map +1 -1
  4. package/css/sdds_dfa.module.css +906 -160
  5. package/css/sdds_dfa__dark.css +459 -88
  6. package/css/sdds_dfa__light.css +447 -72
  7. package/es/brands/sdds_dfa/index.js +834 -92
  8. package/es/brands/sdds_dfa/index.js.map +1 -1
  9. package/es/themes/sdds_dfa__dark.js +459 -88
  10. package/es/themes/sdds_dfa__dark.js.map +1 -1
  11. package/es/themes/sdds_dfa__light.js +447 -72
  12. package/es/themes/sdds_dfa__light.js.map +1 -1
  13. package/package.json +2 -2
  14. package/themes/sdds_dfa__dark.d.ts +750 -8
  15. package/themes/sdds_dfa__dark.js +459 -88
  16. package/themes/sdds_dfa__dark.js.map +1 -1
  17. package/themes/sdds_dfa__light.d.ts +750 -0
  18. package/themes/sdds_dfa__light.js +447 -72
  19. package/themes/sdds_dfa__light.js.map +1 -1
package/css/sdds_dfa.module.css CHANGED
@@ -13,24 +13,24 @@
13
13
  --text-accent-active: #11B083FF;
14
14
  --text-accent-gradient-hover: #CCCCCCFF;
15
15
  --text-accent-gradient-active: #E6E6E6FF;
16
- --text-accent-minor-hover: #ABFCE5FF;
17
- --text-accent-minor-active: #70FAD3FF;
16
+ --text-accent-minor-hover: #168D6BFF;
17
+ --text-accent-minor-active: #127357FF;
18
18
  --text-positive-hover: #2ACB47FF;
19
19
  --text-positive-active: #1F9835FF;
20
20
  --text-warning-hover: #FF8442FF;
21
21
  --text-warning-active: #FF5D05FF;
22
22
  --text-negative-hover: #FF5C6CFF;
23
23
  --text-negative-active: #FF1F35FF;
24
- --text-info-hover: #50B1F2FF;
25
- --text-info-active: #0F7BC2FF;
26
- --text-positive-minor-hover: #64F77FFF;
27
- --text-positive-minor-active: #81F897FF;
28
- --text-warning-minor-hover: #FDBC96FF;
29
- --text-warning-minor-active: #FDCFB4FF;
30
- --text-negative-minor-hover: #FFA3ACFF;
31
- --text-negative-minor-active: #FFC2C8FF;
32
- --text-info-minor-hover: #94D4FFFF;
33
- --text-info-minor-active: #B3E0FFFF;
24
+ --text-info-hover: #66BCF5FF;
25
+ --text-info-active: #0E8ADDFF;
26
+ --text-positive-minor-hover: #0F9527FF;
27
+ --text-positive-minor-active: #0C7920FF;
28
+ --text-warning-minor-hover: #BB4F11FF;
29
+ --text-warning-minor-active: #9F440FFF;
30
+ --text-negative-minor-hover: #B91828FF;
31
+ --text-negative-minor-active: #83111CFF;
32
+ --text-info-minor-hover: #1277BAFF;
33
+ --text-info-minor-active: #10659EFF;
34
34
  --text-primary: rgba(245,245,245,0.96);
35
35
  --text-secondary: rgba(245,245,245,0.56);
36
36
  --text-tertiary: rgba(245,245,245,0.28);
@@ -40,6 +40,12 @@
40
40
  --text-positive: #24B23E;
41
41
  --text-warning: #FF7024;
42
42
  --text-negative: #FF3D51;
43
+ --text-accent-minor: #0E5944;
44
+ --text-info: #199AF0;
45
+ --text-positive-minor: #095C18;
46
+ --text-warning-minor: #85380C;
47
+ --text-negative-minor: #9C1422;
48
+ --text-info-minor: #0D5382;
43
49
  --on-dark-text-primary-hover: #F5F5F593;
44
50
  --on-dark-text-primary-active: #F5F5F5C4;
45
51
  --on-dark-text-secondary-hover: #F5F5F5FF;
@@ -52,24 +58,22 @@
52
58
  --on-dark-text-accent-active: #11B083FF;
53
59
  --on-dark-text-accent-gradient-hover: #CCCCCCFF;
54
60
  --on-dark-text-accent-gradient-active: #E6E6E6FF;
55
- --on-dark-text-accent-minor-hover: #ABFCE5FF;
56
- --on-dark-text-accent-minor-active: #70FAD3FF;
57
61
  --on-dark-text-positive-hover: #2ACB47FF;
58
62
  --on-dark-text-positive-active: #1F9835FF;
59
63
  --on-dark-text-warning-hover: #FF8442FF;
60
64
  --on-dark-text-warning-active: #FF5D05FF;
61
65
  --on-dark-text-negative-hover: #FF5C6CFF;
62
66
  --on-dark-text-negative-active: #FF1F35FF;
63
- --on-dark-text-info-hover: #50B1F2FF;
64
- --on-dark-text-info-active: #0F7BC2FF;
65
- --on-dark-text-positive-minor-hover: #64F77FFF;
66
- --on-dark-text-positive-minor-active: #81F897FF;
67
- --on-dark-text-warning-minor-hover: #FDBC96FF;
68
- --on-dark-text-warning-minor-active: #FDCFB4FF;
69
- --on-dark-text-negative-minor-hover: #FFA3ACFF;
70
- --on-dark-text-negative-minor-active: #FFC2C8FF;
71
- --on-dark-text-info-minor-hover: #94D4FFFF;
72
- --on-dark-text-info-minor-active: #B3E0FFFF;
67
+ --on-dark-text-info-hover: #66BCF5FF;
68
+ --on-dark-text-info-active: #0E8ADDFF;
69
+ --on-dark-text-positive-minor-hover: #0F9527FF;
70
+ --on-dark-text-positive-minor-active: #0C7920FF;
71
+ --on-dark-text-warning-minor-hover: #BB4F11FF;
72
+ --on-dark-text-warning-minor-active: #9F440FFF;
73
+ --on-dark-text-negative-minor-hover: #B91828FF;
74
+ --on-dark-text-negative-minor-active: #83111CFF;
75
+ --on-dark-text-info-minor-hover: #1277BAFF;
76
+ --on-dark-text-info-minor-active: #10659EFF;
73
77
  --on-dark-text-primary: rgba(245,245,245,0.96);
74
78
  --on-dark-text-secondary: rgba(245,245,245,0.56);
75
79
  --on-dark-text-tertiary: rgba(245,245,245,0.28);
@@ -79,6 +83,12 @@
79
83
  --on-dark-text-positive: #24B23E;
80
84
  --on-dark-text-warning: #FF7024;
81
85
  --on-dark-text-negative: #FF3D51;
86
+ --on-dark-text-accent-minor: #0E5944;
87
+ --on-dark-text-info: #199AF0;
88
+ --on-dark-text-positive-minor: #095C18;
89
+ --on-dark-text-warning-minor: #85380C;
90
+ --on-dark-text-negative-minor: #9C1422;
91
+ --on-dark-text-info-minor: #0D5382;
82
92
  --on-light-text-primary-hover: #17171793;
83
93
  --on-light-text-primary-active: #171717C4;
84
94
  --on-light-text-secondary-hover: #171717FF;
@@ -91,24 +101,24 @@
91
101
  --on-light-text-accent-active: #047C5AFF;
92
102
  --on-light-text-accent-gradient-hover: #CCCCCCFF;
93
103
  --on-light-text-accent-gradient-active: #E6E6E6FF;
94
- --on-light-text-accent-minor-hover: #10604AFF;
95
- --on-light-text-accent-minor-active: #0B4636FF;
104
+ --on-light-text-accent-minor-hover: #17E8ADFF;
105
+ --on-light-text-accent-minor-active: #11B083FF;
96
106
  --on-light-text-positive-hover: #1EB83AFF;
97
107
  --on-light-text-positive-active: #15842AFF;
98
108
  --on-light-text-warning-hover: #FB7223FF;
99
109
  --on-light-text-warning-active: #DC5304FF;
100
110
  --on-light-text-negative-hover: #FF475AFF;
101
111
  --on-light-text-negative-active: #FF0A23FF;
102
- --on-light-text-info-hover: #34A7F4FF;
103
- --on-light-text-info-active: #096CAEFF;
104
- --on-light-text-positive-minor-hover: #155B22FF;
105
- --on-light-text-positive-minor-active: #104219FF;
106
- --on-light-text-warning-minor-hover: #723613FF;
107
- --on-light-text-warning-minor-active: #58290EFF;
108
- --on-light-text-negative-minor-hover: #7E1621FF;
109
- --on-light-text-negative-minor-active: #64121AFF;
110
- --on-light-text-info-minor-hover: #174B6EFF;
111
- --on-light-text-info-minor-active: #113A55FF;
112
+ --on-light-text-info-hover: #50B1F2FF;
113
+ --on-light-text-info-active: #0F7BC2FF;
114
+ --on-light-text-positive-minor-hover: #3EDA5BFF;
115
+ --on-light-text-positive-minor-active: #23B83EFF;
116
+ --on-light-text-warning-minor-hover: #FDB086FF;
117
+ --on-light-text-warning-minor-active: #FC884AFF;
118
+ --on-light-text-negative-minor-hover: #FFADB6FF;
119
+ --on-light-text-negative-minor-active: #FF707EFF;
120
+ --on-light-text-info-minor-hover: #A3DAFFFF;
121
+ --on-light-text-info-minor-active: #33ADFFFF;
112
122
  --on-light-text-primary: rgba(23,23,23,0.96);
113
123
  --on-light-text-secondary: rgba(23,23,23,0.56);
114
124
  --on-light-text-tertiary: rgba(23,23,23,0.28);
@@ -118,6 +128,12 @@
118
128
  --on-light-text-positive: #1A9E32;
119
129
  --on-light-text-warning: #FA5F05;
120
130
  --on-light-text-negative: #FF293E;
131
+ --on-light-text-accent-minor: #14CC98;
132
+ --on-light-text-info: #118CDF;
133
+ --on-light-text-positive-minor: #28D247;
134
+ --on-light-text-warning-minor: #FD9C68;
135
+ --on-light-text-negative-minor: #FF8F9A;
136
+ --on-light-text-info-minor: #52BAFF;
121
137
  --inverse-text-primary-hover: #17171793;
122
138
  --inverse-text-primary-active: #171717C4;
123
139
  --inverse-text-secondary-hover: #171717FF;
@@ -130,24 +146,24 @@
130
146
  --inverse-text-accent-active: #047C5AFF;
131
147
  --inverse-text-accent-gradient-hover: #CCCCCCFF;
132
148
  --inverse-text-accent-gradient-active: #E6E6E6FF;
133
- --inverse-text-accent-minor-hover: #10604AFF;
134
- --inverse-text-accent-minor-active: #0B4636FF;
149
+ --inverse-text-accent-minor-hover: #17E8ADFF;
150
+ --inverse-text-accent-minor-active: #11B083FF;
135
151
  --inverse-text-positive-hover: #1EB83AFF;
136
152
  --inverse-text-positive-active: #15842AFF;
137
153
  --inverse-text-warning-hover: #FB7223FF;
138
154
  --inverse-text-warning-active: #DC5304FF;
139
155
  --inverse-text-negative-hover: #FF475AFF;
140
156
  --inverse-text-negative-active: #FF0A23FF;
141
- --inverse-text-info-hover: #34A7F4FF;
142
- --inverse-text-info-active: #096CAEFF;
143
- --inverse-text-positive-minor-hover: #155B22FF;
144
- --inverse-text-positive-minor-active: #104219FF;
145
- --inverse-text-warning-minor-hover: #723613FF;
146
- --inverse-text-warning-minor-active: #58290EFF;
147
- --inverse-text-negative-minor-hover: #7E1621FF;
148
- --inverse-text-negative-minor-active: #64121AFF;
149
- --inverse-text-info-minor-hover: #174B6EFF;
150
- --inverse-text-info-minor-active: #113A55FF;
157
+ --inverse-text-info-hover: #50B1F2FF;
158
+ --inverse-text-info-active: #0F7BC2FF;
159
+ --inverse-text-positive-minor-hover: #3EDA5BFF;
160
+ --inverse-text-positive-minor-active: #23B83EFF;
161
+ --inverse-text-warning-minor-hover: #FDB086FF;
162
+ --inverse-text-warning-minor-active: #FC884AFF;
163
+ --inverse-text-negative-minor-hover: #FFADB6FF;
164
+ --inverse-text-negative-minor-active: #FF707EFF;
165
+ --inverse-text-info-minor-hover: #A3DAFFFF;
166
+ --inverse-text-info-minor-active: #33ADFFFF;
151
167
  --inverse-text-primary: rgba(23,23,23,0.96);
152
168
  --inverse-text-secondary: rgba(23,23,23,0.56);
153
169
  --inverse-text-tertiary: rgba(23,23,23,0.28);
@@ -157,6 +173,12 @@
157
173
  --inverse-text-positive: #1A9E32;
158
174
  --inverse-text-warning: #FA5F05;
159
175
  --inverse-text-negative: #FF293E;
176
+ --inverse-text-accent-minor: #14CC98;
177
+ --inverse-text-info: #118CDF;
178
+ --inverse-text-positive-minor: #28D247;
179
+ --inverse-text-warning-minor: #FD9C68;
180
+ --inverse-text-negative-minor: #FF8F9A;
181
+ --inverse-text-info-minor: #52BAFF;
160
182
  --surface-solid-primary-hover: #1C1C1CFF;
161
183
  --surface-solid-primary-active: #121212FF;
162
184
  --surface-solid-secondary-hover: #303030FF;
@@ -185,16 +207,16 @@
185
207
  --surface-accent-gradient-active: #FFFFFFFF;
186
208
  --surface-accent-minor-hover: #0A3D2FFF;
187
209
  --surface-accent-minor-active: #06231BFF;
188
- --surface-transparent-accent-hover: #14CC9866;
189
- --surface-transparent-accent-active: #14CC9838;
210
+ --surface-transparent-accent-hover: #00AD7C52;
211
+ --surface-transparent-accent-active: #00AD7C24;
190
212
  --surface-positive-hover: #28C344FF;
191
213
  --surface-positive-active: #23A93BFF;
192
214
  --surface-warning-hover: #FF8442FF;
193
215
  --surface-warning-active: #FF6A1AFF;
194
216
  --surface-negative-hover: #FF5C6CFF;
195
217
  --surface-negative-active: #FF3347FF;
196
- --surface-info-hover: #1798EEFF;
197
- --surface-info-active: #1086D5FF;
218
+ --surface-info-hover: #36A7F2FF;
219
+ --surface-info-active: #0F96F0FF;
198
220
  --surface-positive-minor-hover: #0E3A16FF;
199
221
  --surface-positive-minor-active: #08210CFF;
200
222
  --surface-warning-minor-hover: #4F250DFF;
@@ -209,8 +231,8 @@
209
231
  --surface-transparent-warning-active: #FF702424;
210
232
  --surface-transparent-negative-hover: #FF3D5152;
211
233
  --surface-transparent-negative-active: #FF3D5124;
212
- --surface-transparent-info-hover: #118CDF66;
213
- --surface-transparent-info-active: #118CDF38;
234
+ --surface-transparent-info-hover: #199AF052;
235
+ --surface-transparent-info-active: #199AF024;
214
236
  --surface-clear: #FFFFFF00;
215
237
  --surface-solid-card: #262626;
216
238
  --surface-solid-primary: #171717;
@@ -230,6 +252,14 @@
230
252
  --surface-transparent-positive: rgba(36,178,62,0.2);
231
253
  --surface-transparent-warning: rgba(255,112,36,0.2);
232
254
  --surface-transparent-negative: rgba(255,61,81,0.2);
255
+ --surface-transparent-accent: rgba(0,172,123,0.2);
256
+ --surface-positive-minor: #0A2B10;
257
+ --surface-warning-minor: #3D1D0A;
258
+ --surface-negative-minor: #4A0D13;
259
+ --surface-info-minor: #0C283B;
260
+ --surface-transparent-info: rgba(25,154,240,0.2);
261
+ --surface-accent-minor: #072B21;
262
+ --surface-info: #199AF0;
233
263
  --on-dark-surface-solid-primary-hover: #1C1C1CFF;
234
264
  --on-dark-surface-solid-primary-active: #121212FF;
235
265
  --on-dark-surface-solid-secondary-hover: #303030FF;
@@ -258,16 +288,16 @@
258
288
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
259
289
  --on-dark-surface-accent-minor-hover: #0A3D2FFF;
260
290
  --on-dark-surface-accent-minor-active: #06231BFF;
261
- --on-dark-surface-transparent-accent-hover: #14CC9866;
262
- --on-dark-surface-transparent-accent-active: #14CC9838;
291
+ --on-dark-surface-transparent-accent-hover: #00AD7C52;
292
+ --on-dark-surface-transparent-accent-active: #00AD7C24;
263
293
  --on-dark-surface-positive-hover: #28C344FF;
264
294
  --on-dark-surface-positive-active: #23A93BFF;
265
295
  --on-dark-surface-warning-hover: #FF8442FF;
266
296
  --on-dark-surface-warning-active: #FF6A1AFF;
267
297
  --on-dark-surface-negative-hover: #FF5C6CFF;
268
298
  --on-dark-surface-negative-active: #FF3347FF;
269
- --on-dark-surface-info-hover: #1798EEFF;
270
- --on-dark-surface-info-active: #1086D5FF;
299
+ --on-dark-surface-info-hover: #36A7F2FF;
300
+ --on-dark-surface-info-active: #0F96F0FF;
271
301
  --on-dark-surface-positive-minor-hover: #0E3A16FF;
272
302
  --on-dark-surface-positive-minor-active: #08210CFF;
273
303
  --on-dark-surface-warning-minor-hover: #4F250DFF;
@@ -282,8 +312,8 @@
282
312
  --on-dark-surface-transparent-warning-active: #FF702424;
283
313
  --on-dark-surface-transparent-negative-hover: #FF3D5152;
284
314
  --on-dark-surface-transparent-negative-active: #FF3D5124;
285
- --on-dark-surface-transparent-info-hover: #118CDF66;
286
- --on-dark-surface-transparent-info-active: #118CDF38;
315
+ --on-dark-surface-transparent-info-hover: #199AF052;
316
+ --on-dark-surface-transparent-info-active: #199AF024;
287
317
  --on-dark-surface-clear: #FFFFFF00;
288
318
  --on-dark-surface-solid-primary: #171717;
289
319
  --on-dark-surface-solid-secondary: #262626;
@@ -303,6 +333,14 @@
303
333
  --on-dark-surface-transparent-positive: rgba(36,178,62,0.2);
304
334
  --on-dark-surface-transparent-negative: rgba(255,61,81,0.2);
305
335
  --on-dark-surface-transparent-warning: rgba(255,112,36,0.2);
336
+ --on-dark-surface-transparent-accent: rgba(0,172,123,0.2);
337
+ --on-dark-surface-transparent-info: rgba(25,154,240,0.2);
338
+ --on-dark-surface-accent-minor: #072B21;
339
+ --on-dark-surface-info: #199AF0;
340
+ --on-dark-surface-positive-minor: #0A2B10;
341
+ --on-dark-surface-warning-minor: #3D1D0A;
342
+ --on-dark-surface-negative-minor: #4A0D13;
343
+ --on-dark-surface-info-minor: #0C283B;
306
344
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
307
345
  --on-light-surface-solid-primary-active: #F0F0F0FF;
308
346
  --on-light-surface-solid-secondary-hover: #E8E8E8FF;
@@ -329,10 +367,8 @@
329
367
  --on-light-surface-accent-active: #048F68FF;
330
368
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
331
369
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
332
- --on-light-surface-accent-minor-hover: #7AF5D2FF;
333
- --on-light-surface-accent-minor-active: #4BF1C2FF;
334
- --on-light-surface-transparent-accent-hover: #05996F66;
335
- --on-light-surface-transparent-accent-active: #05996F38;
370
+ --on-light-surface-transparent-accent-hover: #00AD7C3D;
371
+ --on-light-surface-transparent-accent-active: #00AD7C0F;
336
372
  --on-light-surface-positive-hover: #1DAF37FF;
337
373
  --on-light-surface-positive-active: #18952FFF;
338
374
  --on-light-surface-warning-hover: #FB7223FF;
@@ -341,22 +377,22 @@
341
377
  --on-light-surface-negative-active: #FF1F35FF;
342
378
  --on-light-surface-info-hover: #1798EEFF;
343
379
  --on-light-surface-info-active: #1086D5FF;
344
- --on-light-surface-positive-minor-hover: #8AF59DFF;
345
- --on-light-surface-positive-minor-active: #6EF286FF;
346
- --on-light-surface-warning-minor-hover: #FFDECCFF;
347
- --on-light-surface-warning-minor-active: #FFCAADFF;
348
- --on-light-surface-negative-minor-hover: #FED7DBFF;
349
- --on-light-surface-negative-minor-active: #FEC3C9FF;
350
- --on-light-surface-info-minor-hover: #C7E9FFFF;
351
- --on-light-surface-info-minor-active: #A8DCFFFF;
380
+ --on-light-surface-positive-minor-hover: #B1FBBFFF;
381
+ --on-light-surface-positive-minor-active: #94F9A7FF;
382
+ --on-light-surface-warning-minor-hover: #FEE9DCFF;
383
+ --on-light-surface-warning-minor-active: #FEDCC8FF;
384
+ --on-light-surface-negative-minor-hover: #FFEBEDFF;
385
+ --on-light-surface-negative-minor-active: #FFD6DAFF;
386
+ --on-light-surface-info-minor-hover: #DBF1FFFF;
387
+ --on-light-surface-info-minor-active: #C7E9FFFF;
352
388
  --on-light-surface-transparent-positive-hover: #1A9E323D;
353
389
  --on-light-surface-transparent-positive-active: #1A9E320F;
354
390
  --on-light-surface-transparent-warning-hover: #FA5F053D;
355
391
  --on-light-surface-transparent-warning-active: #FA5F050F;
356
392
  --on-light-surface-transparent-negative-hover: #FF293E3D;
357
393
  --on-light-surface-transparent-negative-active: #FF293E0F;
358
- --on-light-surface-transparent-info-hover: #118CDF66;
359
- --on-light-surface-transparent-info-active: #118CDF38;
394
+ --on-light-surface-transparent-info-hover: #118CDF3D;
395
+ --on-light-surface-transparent-info-active: #118CDF0F;
360
396
  --on-light-surface-solid-primary: #F5F5F5;
361
397
  --on-light-surface-solid-secondary: #DDDDDD;
362
398
  --on-light-surface-solid-tertiary: #C7C7C7;
@@ -376,6 +412,14 @@
376
412
  --on-light-surface-transparent-positive: rgba(26,158,50,0.12);
377
413
  --on-light-surface-transparent-negative: rgba(255,41,62,0.12);
378
414
  --on-light-surface-transparent-warning: rgba(250,95,5,0.12);
415
+ --on-light-surface-accent-minor: #8DFBDC;
416
+ --on-light-surface-info: #118CDF;
417
+ --on-light-surface-transparent-accent: rgba(0,172,123,0.12);
418
+ --on-light-surface-positive-minor: #9EFAAF;
419
+ --on-light-surface-warning-minor: #FEE2D2;
420
+ --on-light-surface-negative-minor: #FFE0E3;
421
+ --on-light-surface-info-minor: #CFECFF;
422
+ --on-light-surface-transparent-info: rgba(17,140,223,0.12);
379
423
  --inverse-surface-solid-primary-hover: #FAFAFAFF;
380
424
  --inverse-surface-solid-primary-active: #F0F0F0FF;
381
425
  --inverse-surface-solid-secondary-hover: #E8E8E8FF;
@@ -402,10 +446,10 @@
402
446
  --inverse-surface-accent-active: #048F68FF;
403
447
  --inverse-surface-accent-gradient-hover: #FFFFFFFF;
404
448
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
405
- --inverse-surface-accent-minor-hover: #7AF5D2FF;
406
- --inverse-surface-accent-minor-active: #4BF1C2FF;
407
- --inverse-surface-transparent-accent-hover: #05996F66;
408
- --inverse-surface-transparent-accent-active: #05996F38;
449
+ --inverse-surface-accent-minor-hover: #A1FCE2FF;
450
+ --inverse-surface-accent-minor-active: #84FBD9FF;
451
+ --inverse-surface-transparent-accent-hover: #00AD7C3D;
452
+ --inverse-surface-transparent-accent-active: #00AD7C0F;
409
453
  --inverse-surface-positive-hover: #1DAF37FF;
410
454
  --inverse-surface-positive-active: #18952FFF;
411
455
  --inverse-surface-warning-hover: #FB7223FF;
@@ -414,22 +458,22 @@
414
458
  --inverse-surface-negative-active: #FF1F35FF;
415
459
  --inverse-surface-info-hover: #1798EEFF;
416
460
  --inverse-surface-info-active: #1086D5FF;
417
- --inverse-surface-positive-minor-hover: #8AF59DFF;
418
- --inverse-surface-positive-minor-active: #6EF286FF;
419
- --inverse-surface-warning-minor-hover: #FFDECCFF;
420
- --inverse-surface-warning-minor-active: #FFCAADFF;
421
- --inverse-surface-negative-minor-hover: #FED7DBFF;
422
- --inverse-surface-negative-minor-active: #FEC3C9FF;
423
- --inverse-surface-info-minor-hover: #C7E9FFFF;
424
- --inverse-surface-info-minor-active: #A8DCFFFF;
461
+ --inverse-surface-positive-minor-hover: #B1FBBFFF;
462
+ --inverse-surface-positive-minor-active: #94F9A7FF;
463
+ --inverse-surface-warning-minor-hover: #FEE9DCFF;
464
+ --inverse-surface-warning-minor-active: #FEDCC8FF;
465
+ --inverse-surface-negative-minor-hover: #FFEBEDFF;
466
+ --inverse-surface-negative-minor-active: #FFD6DAFF;
467
+ --inverse-surface-info-minor-hover: #DBF1FFFF;
468
+ --inverse-surface-info-minor-active: #C7E9FFFF;
425
469
  --inverse-surface-transparent-positive-hover: #1A9E323D;
426
470
  --inverse-surface-transparent-positive-active: #1A9E320F;
427
471
  --inverse-surface-transparent-warning-hover: #FA5F053D;
428
472
  --inverse-surface-transparent-warning-active: #FA5F050F;
429
473
  --inverse-surface-transparent-negative-hover: #FF293E3D;
430
474
  --inverse-surface-transparent-negative-active: #FF293E0F;
431
- --inverse-surface-transparent-info-hover: #118CDF66;
432
- --inverse-surface-transparent-info-active: #118CDF38;
475
+ --inverse-surface-transparent-info-hover: #118CDF3D;
476
+ --inverse-surface-transparent-info-active: #118CDF0F;
433
477
  --inverse-surface-solid-primary: #F5F5F5;
434
478
  --inverse-surface-solid-secondary: #DDDDDD;
435
479
  --inverse-surface-solid-tertiary: #C7C7C7;
@@ -449,6 +493,13 @@
449
493
  --inverse-surface-transparent-positive: rgba(26,158,50,0.12);
450
494
  --inverse-surface-transparent-warning: rgba(250,95,5,0.12);
451
495
  --inverse-surface-transparent-negative: rgba(255,41,62,0.12);
496
+ --inverse-surface-accent-minor: #8DFBDC;
497
+ --inverse-surface-transparent-accent: rgba(0,172,123,0.12);
498
+ --inverse-surface-positive-minor: #9EFAAF;
499
+ --inverse-surface-warning-minor: #FEE2D2;
500
+ --inverse-surface-negative-minor: #FFE0E3;
501
+ --inverse-surface-info-minor: #CFECFF;
502
+ --inverse-surface-transparent-info: rgba(17,140,223,0.12);
452
503
  --background-primary: #171717;
453
504
  --dark-background-primary: #171717;
454
505
  --light-background-primary: #F5F5F5;
@@ -465,6 +516,326 @@
465
516
  --inverse-overlay-soft: #F9F9F98F;
466
517
  --inverse-overlay-hard: #F9F9F9F5;
467
518
  --inverse-overlay-blur: #F9F9F933;
519
+ --outline-default-outline-solid-primary-hover: #FFFFFFFF;
520
+ --outline-default-outline-solid-primary-active: #ADADADFF;
521
+ --outline-default-outline-solid-secondary-hover: #FFFFFFFF;
522
+ --outline-default-outline-solid-secondary-active: #A1A1A1FF;
523
+ --outline-default-outline-solid-tertiary-hover: #FFFFFFFF;
524
+ --outline-default-outline-solid-tertiary-active: #737373FF;
525
+ --outline-default-outline-transparent-default-hover: #FAFAFA93;
526
+ --outline-default-outline-transparent-default-active: #FAFAFAC4;
527
+ --outline-default-outline-transparent-primary-hover: #FAFAFAFF;
528
+ --outline-default-outline-transparent-primary-active: #FAFAFA25;
529
+ --outline-default-outline-transparent-secondary-hover: #FAFAFAFF;
530
+ --outline-default-outline-transparent-secondary-active: #FAFAFA3D;
531
+ --outline-default-outline-transparent-tertiary-hover: #FAFAFAFF;
532
+ --outline-default-outline-transparent-tertiary-active: #FAFAFA56;
533
+ --outline-default-outline-clear-hover: #FFFFFF00;
534
+ --outline-default-outline-clear-active: #FFFFFF00;
535
+ --outline-default-outline-accent-hover: #17E8ADFF;
536
+ --outline-default-outline-accent-active: #11B083FF;
537
+ --outline-default-outline-accent-gradient-hover: #CCCCCCFF;
538
+ --outline-default-outline-accent-gradient-active: #E6E6E6FF;
539
+ --outline-default-outline-accent-minor-hover: #168D6BFF;
540
+ --outline-default-outline-accent-minor-active: #127357FF;
541
+ --outline-default-outline-accent-minor-gradient-hover: #CCCCCCFF;
542
+ --outline-default-outline-accent-minor-gradient-active: #E6E6E6FF;
543
+ --outline-default-outline-transparent-accent-hover: #14CC98FF;
544
+ --outline-default-outline-transparent-accent-active: #14CC9856;
545
+ --outline-default-outline-transparent-accent-gradient-hover: #CCCCCCFF;
546
+ --outline-default-outline-transparent-accent-gradient-active: #E6E6E6FF;
547
+ --outline-default-outline-promo-hover: #CCCCCCFF;
548
+ --outline-default-outline-promo-active: #E6E6E6FF;
549
+ --outline-default-outline-promo-gradient-hover: #CCCCCCFF;
550
+ --outline-default-outline-promo-gradient-active: #E6E6E6FF;
551
+ --outline-default-outline-promo-minor-hover: #CCCCCCFF;
552
+ --outline-default-outline-promo-minor-active: #E6E6E6FF;
553
+ --outline-default-outline-promo-minor-gradient-hover: #CCCCCCFF;
554
+ --outline-default-outline-promo-minor-gradient-active: #E6E6E6FF;
555
+ --outline-default-outline-positive-hover: #2ACB47FF;
556
+ --outline-default-outline-positive-active: #1F9835FF;
557
+ --outline-default-outline-warning-hover: #FF8442FF;
558
+ --outline-default-outline-warning-active: #FF5D05FF;
559
+ --outline-default-outline-negative-hover: #FF5C6CFF;
560
+ --outline-default-outline-negative-active: #FF1F35FF;
561
+ --outline-default-outline-info-hover: #66BCF5FF;
562
+ --outline-default-outline-info-active: #0E8ADDFF;
563
+ --outline-default-outline-positive-minor-hover: #0F9527FF;
564
+ --outline-default-outline-positive-minor-active: #0C7920FF;
565
+ --outline-default-outline-warning-minor-hover: #BB4F11FF;
566
+ --outline-default-outline-warning-minor-active: #9F440FFF;
567
+ --outline-default-outline-negative-minor-hover: #B91828FF;
568
+ --outline-default-outline-negative-minor-active: #83111CFF;
569
+ --outline-default-outline-info-minor-hover: #1277BAFF;
570
+ --outline-default-outline-info-minor-active: #10659EFF;
571
+ --outline-default-outline-transparent-positive: #1A9E3247;
572
+ --outline-default-outline-transparent-positive-hover: #1A9E32FF;
573
+ --outline-default-outline-transparent-positive-active: #1A9E3256;
574
+ --outline-default-outline-transparent-warning: #FA5F0547;
575
+ --outline-default-outline-transparent-warning-hover: #FA5F05FF;
576
+ --outline-default-outline-transparent-warning-active: #FA5F0556;
577
+ --outline-default-outline-transparent-negative: #FF293E47;
578
+ --outline-default-outline-transparent-negative-hover: #FF293EFF;
579
+ --outline-default-outline-transparent-negative-active: #FF293E56;
580
+ --outline-default-outline-transparent-info: #118CDF47;
581
+ --outline-default-outline-transparent-info-hover: #118CDFFF;
582
+ --outline-default-outline-transparent-info-active: #118CDF56;
583
+ --outline-default-outline-solid-primary: #262626;
584
+ --outline-default-outline-solid-secondary: #363636;
585
+ --outline-default-outline-solid-tertiary: #707070;
586
+ --outline-default-outline-clear: #FFFFFF00;
587
+ --outline-default-outline-accent: #14CC98;
588
+ --outline-default-outline-accent-gradient: linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%,rgb(39, 198, 229) 100%);
589
+ --outline-default-outline-accent-minor: #0E5944;
590
+ --outline-default-outline-transparent-accent: rgba(20,204,152,0.28);
591
+ --outline-default-outline-positive: #24B23E;
592
+ --outline-default-outline-warning: #FF7024;
593
+ --outline-default-outline-negative: #FF3D51;
594
+ --outline-default-outline-info: #199AF0;
595
+ --outline-default-outline-positive-minor: #095C18;
596
+ --outline-default-outline-warning-minor: #85380C;
597
+ --outline-default-outline-negative-minor: #9C1422;
598
+ --outline-default-outline-info-minor: #0D5382;
599
+ --outline-on-dark-outline-solid-primary-hover: #FFFFFFFF;
600
+ --outline-on-dark-outline-solid-primary-active: #ADADADFF;
601
+ --outline-on-dark-outline-solid-secondary-hover: #FFFFFFFF;
602
+ --outline-on-dark-outline-solid-secondary-active: #A1A1A1FF;
603
+ --outline-on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
604
+ --outline-on-dark-outline-solid-tertiary-active: #737373FF;
605
+ --outline-on-dark-outline-transparent-default-hover: #FAFAFA93;
606
+ --outline-on-dark-outline-transparent-default-active: #FAFAFAC4;
607
+ --outline-on-dark-outline-transparent-primary-hover: #FAFAFAFF;
608
+ --outline-on-dark-outline-transparent-primary-active: #FAFAFA25;
609
+ --outline-on-dark-outline-transparent-secondary-hover: #FAFAFAFF;
610
+ --outline-on-dark-outline-transparent-secondary-active: #FAFAFA3D;
611
+ --outline-on-dark-outline-transparent-tertiary-hover: #FAFAFAFF;
612
+ --outline-on-dark-outline-transparent-tertiary-active: #FAFAFA56;
613
+ --outline-on-dark-outline-clear-hover: #FFFFFF00;
614
+ --outline-on-dark-outline-clear-active: #FFFFFF00;
615
+ --outline-on-dark-outline-accent-hover: #17E8ADFF;
616
+ --outline-on-dark-outline-accent-active: #11B083FF;
617
+ --outline-on-dark-outline-accent-gradient-hover: #CCCCCCFF;
618
+ --outline-on-dark-outline-accent-gradient-active: #E6E6E6FF;
619
+ --outline-on-dark-outline-accent-minor-hover: #168D6BFF;
620
+ --outline-on-dark-outline-accent-minor-active: #127357FF;
621
+ --outline-on-dark-outline-accent-minor-gradient-hover: #CCCCCCFF;
622
+ --outline-on-dark-outline-accent-minor-gradient-active: #E6E6E6FF;
623
+ --outline-on-dark-outline-transparent-accent-hover: #14CC98FF;
624
+ --outline-on-dark-outline-transparent-accent-active: #14CC9856;
625
+ --outline-on-dark-outline-transparent-accent-gradient-hover: #CCCCCCFF;
626
+ --outline-on-dark-outline-transparent-accent-gradient-active: #E6E6E6FF;
627
+ --outline-on-dark-outline-promo-hover: #CCCCCCFF;
628
+ --outline-on-dark-outline-promo-active: #E6E6E6FF;
629
+ --outline-on-dark-outline-promo-gradient-hover: #CCCCCCFF;
630
+ --outline-on-dark-outline-promo-gradient-active: #E6E6E6FF;
631
+ --outline-on-dark-outline-promo-minor-hover: #CCCCCCFF;
632
+ --outline-on-dark-outline-promo-minor-active: #E6E6E6FF;
633
+ --outline-on-dark-outline-promo-minor-gradient-hover: #CCCCCCFF;
634
+ --outline-on-dark-outline-promo-minor-gradient-active: #E6E6E6FF;
635
+ --outline-on-dark-outline-positive-hover: #2ACB47FF;
636
+ --outline-on-dark-outline-positive-active: #1F9835FF;
637
+ --outline-on-dark-outline-warning-hover: #FF8442FF;
638
+ --outline-on-dark-outline-warning-active: #FF5D05FF;
639
+ --outline-on-dark-outline-negative-hover: #FF5C6CFF;
640
+ --outline-on-dark-outline-negative-active: #FF1F35FF;
641
+ --outline-on-dark-outline-info-hover: #66BCF5FF;
642
+ --outline-on-dark-outline-info-active: #0E8ADDFF;
643
+ --outline-on-dark-outline-positive-minor-hover: #0F9527FF;
644
+ --outline-on-dark-outline-positive-minor-active: #0C7920FF;
645
+ --outline-on-dark-outline-warning-minor-hover: #BB4F11FF;
646
+ --outline-on-dark-outline-warning-minor-active: #9F440FFF;
647
+ --outline-on-dark-outline-negative-minor-hover: #B91828FF;
648
+ --outline-on-dark-outline-negative-minor-active: #83111CFF;
649
+ --outline-on-dark-outline-info-minor-hover: #1277BAFF;
650
+ --outline-on-dark-outline-info-minor-active: #10659EFF;
651
+ --outline-on-dark-outline-transparent-positive: #1A9E3247;
652
+ --outline-on-dark-outline-transparent-positive-hover: #1A9E32FF;
653
+ --outline-on-dark-outline-transparent-positive-active: #1A9E3256;
654
+ --outline-on-dark-outline-transparent-warning: #FA5F0547;
655
+ --outline-on-dark-outline-transparent-warning-hover: #FA5F05FF;
656
+ --outline-on-dark-outline-transparent-warning-active: #FA5F0556;
657
+ --outline-on-dark-outline-transparent-negative: #FF293E47;
658
+ --outline-on-dark-outline-transparent-negative-hover: #FF293EFF;
659
+ --outline-on-dark-outline-transparent-negative-active: #FF293E56;
660
+ --outline-on-dark-outline-transparent-info: #118CDF47;
661
+ --outline-on-dark-outline-transparent-info-hover: #118CDFFF;
662
+ --outline-on-dark-outline-transparent-info-active: #118CDF56;
663
+ --outline-on-dark-outline-solid-primary: #262626;
664
+ --outline-on-dark-outline-solid-secondary: #363636;
665
+ --outline-on-dark-outline-solid-tertiary: #707070;
666
+ --outline-on-dark-outline-clear: #FFFFFF00;
667
+ --outline-on-dark-outline-accent: #14CC98;
668
+ --outline-on-dark-outline-accent-gradient: linear-gradient(45.00deg, rgb(33, 202, 154) 0%,rgb(74, 214, 252) 100%);
669
+ --outline-on-dark-outline-accent-minor: #0E5944;
670
+ --outline-on-dark-outline-transparent-accent: rgba(20,204,152,0.28);
671
+ --outline-on-dark-outline-positive: #24B23E;
672
+ --outline-on-dark-outline-warning: #FF7024;
673
+ --outline-on-dark-outline-negative: #FF3D51;
674
+ --outline-on-dark-outline-info: #199AF0;
675
+ --outline-on-dark-outline-positive-minor: #095C18;
676
+ --outline-on-dark-outline-warning-minor: #85380C;
677
+ --outline-on-dark-outline-negative-minor: #9C1422;
678
+ --outline-on-dark-outline-info-minor: #0D5382;
679
+ --outline-on-light-outline-solid-primary-hover: #ABABABFF;
680
+ --outline-on-light-outline-solid-primary-active: #C4C4C4FF;
681
+ --outline-on-light-outline-solid-secondary-hover: #FFFFFFFF;
682
+ --outline-on-light-outline-solid-secondary-active: #575757FF;
683
+ --outline-on-light-outline-solid-tertiary-hover: #FFFFFFFF;
684
+ --outline-on-light-outline-solid-tertiary-active: #737373FF;
685
+ --outline-on-light-outline-transparent-default-hover: #08080893;
686
+ --outline-on-light-outline-transparent-default-active: #080808C4;
687
+ --outline-on-light-outline-transparent-primary-hover: #080808FF;
688
+ --outline-on-light-outline-transparent-primary-active: #08080825;
689
+ --outline-on-light-outline-transparent-secondary-hover: #080808FF;
690
+ --outline-on-light-outline-transparent-secondary-active: #08080856;
691
+ --outline-on-light-outline-transparent-tertiary-hover: #080808FF;
692
+ --outline-on-light-outline-transparent-tertiary-active: #080808AB;
693
+ --outline-on-light-outline-clear-hover: #FFFFFF00;
694
+ --outline-on-light-outline-clear-active: #FFFFFF00;
695
+ --outline-on-light-outline-accent-hover: #06B785FF;
696
+ --outline-on-light-outline-accent-active: #047C5AFF;
697
+ --outline-on-light-outline-accent-gradient-hover: #CCCCCCFF;
698
+ --outline-on-light-outline-accent-gradient-active: #E6E6E6FF;
699
+ --outline-on-light-outline-accent-minor-hover: #17E8ADFF;
700
+ --outline-on-light-outline-accent-minor-active: #11B083FF;
701
+ --outline-on-light-outline-accent-minor-gradient-hover: #CCCCCCFF;
702
+ --outline-on-light-outline-accent-minor-gradient-active: #E6E6E6FF;
703
+ --outline-on-light-outline-transparent-accent-hover: #05996FFF;
704
+ --outline-on-light-outline-transparent-accent-active: #05996F3D;
705
+ --outline-on-light-outline-transparent-accent-gradient-hover: #CCCCCCFF;
706
+ --outline-on-light-outline-transparent-accent-gradient-active: #E6E6E6FF;
707
+ --outline-on-light-outline-promo-hover: #CCCCCCFF;
708
+ --outline-on-light-outline-promo-active: #E6E6E6FF;
709
+ --outline-on-light-outline-promo-gradient-hover: #CCCCCCFF;
710
+ --outline-on-light-outline-promo-gradient-active: #E6E6E6FF;
711
+ --outline-on-light-outline-promo-minor-hover: #CCCCCCFF;
712
+ --outline-on-light-outline-promo-minor-active: #E6E6E6FF;
713
+ --outline-on-light-outline-promo-minor-gradient-hover: #CCCCCCFF;
714
+ --outline-on-light-outline-promo-minor-gradient-active: #E6E6E6FF;
715
+ --outline-on-light-outline-positive-hover: #1EB83AFF;
716
+ --outline-on-light-outline-positive-active: #15842AFF;
717
+ --outline-on-light-outline-warning-hover: #FB7223FF;
718
+ --outline-on-light-outline-warning-active: #DC5304FF;
719
+ --outline-on-light-outline-negative-hover: #FF475AFF;
720
+ --outline-on-light-outline-negative-active: #FF0A23FF;
721
+ --outline-on-light-outline-info-hover: #50B1F2FF;
722
+ --outline-on-light-outline-info-active: #0F7BC2FF;
723
+ --outline-on-light-outline-positive-minor-hover: #3EDA5BFF;
724
+ --outline-on-light-outline-positive-minor-active: #23B83EFF;
725
+ --outline-on-light-outline-warning-minor-hover: #FDB086FF;
726
+ --outline-on-light-outline-warning-minor-active: #FC884AFF;
727
+ --outline-on-light-outline-negative-minor-hover: #FFADB6FF;
728
+ --outline-on-light-outline-negative-minor-active: #FF707EFF;
729
+ --outline-on-light-outline-info-minor-hover: #A3DAFFFF;
730
+ --outline-on-light-outline-info-minor-active: #33ADFFFF;
731
+ --outline-on-light-outline-transparent-positive-hover: #1A9E32FF;
732
+ --outline-on-light-outline-transparent-positive-active: #1A9E323D;
733
+ --outline-on-light-outline-transparent-warning-hover: #FA5F05FF;
734
+ --outline-on-light-outline-transparent-warning-active: #FA5F053D;
735
+ --outline-on-light-outline-transparent-negative-hover: #FF293EFF;
736
+ --outline-on-light-outline-transparent-negative-active: #FF293E3D;
737
+ --outline-on-light-outline-transparent-info-hover: #118CDFFF;
738
+ --outline-on-light-outline-transparent-info-active: #118CDF3D;
739
+ --outline-on-light-outline-solid-primary: #DDDDDD;
740
+ --outline-on-light-outline-solid-secondary: #949494;
741
+ --outline-on-light-outline-solid-tertiary: #707070;
742
+ --outline-on-light-outline-clear: #FFFFFF00;
743
+ --outline-on-light-outline-accent: #05996F;
744
+ --outline-on-light-outline-accent-gradient: linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%,rgb(39, 198, 229) 100%);
745
+ --outline-on-light-outline-accent-minor: #14CC98;
746
+ --outline-on-light-outline-transparent-accent: rgba(5,153,111,0.2);
747
+ --outline-on-light-outline-positive: #1A9E32;
748
+ --outline-on-light-outline-warning: #FA5F05;
749
+ --outline-on-light-outline-negative: #FF293E;
750
+ --outline-on-light-outline-info: #118CDF;
751
+ --outline-on-light-outline-positive-minor: #28D247;
752
+ --outline-on-light-outline-warning-minor: #FD9C68;
753
+ --outline-on-light-outline-negative-minor: #FF8F9A;
754
+ --outline-on-light-outline-info-minor: #52BAFF;
755
+ --outline-on-light-outline-transparent-positive: rgba(26,158,50,0.2);
756
+ --outline-on-light-outline-transparent-warning: rgba(250,95,5,0.2);
757
+ --outline-on-light-outline-transparent-negative: rgba(255,41,62,0.2);
758
+ --outline-on-light-outline-transparent-info: rgba(17,140,223,0.2);
759
+ --outline-inverse-outline-solid-primary-hover: #ABABABFF;
760
+ --outline-inverse-outline-solid-primary-active: #C4C4C4FF;
761
+ --outline-inverse-outline-solid-secondary-hover: #FFFFFFFF;
762
+ --outline-inverse-outline-solid-secondary-active: #575757FF;
763
+ --outline-inverse-outline-solid-tertiary-hover: #FFFFFFFF;
764
+ --outline-inverse-outline-solid-tertiary-active: #737373FF;
765
+ --outline-inverse-outline-transparent-default-hover: #08080893;
766
+ --outline-inverse-outline-transparent-default-active: #080808C4;
767
+ --outline-inverse-outline-transparent-primary-hover: #080808FF;
768
+ --outline-inverse-outline-transparent-primary-active: #08080825;
769
+ --outline-inverse-outline-transparent-secondary-hover: #080808FF;
770
+ --outline-inverse-outline-transparent-secondary-active: #08080856;
771
+ --outline-inverse-outline-transparent-tertiary-hover: #080808FF;
772
+ --outline-inverse-outline-transparent-tertiary-active: #080808AB;
773
+ --outline-inverse-outline-clear-hover: #FFFFFF00;
774
+ --outline-inverse-outline-clear-active: #FFFFFF00;
775
+ --outline-inverse-outline-accent-hover: #06B785FF;
776
+ --outline-inverse-outline-accent-active: #047C5AFF;
777
+ --outline-inverse-outline-accent-gradient-hover: #CCCCCCFF;
778
+ --outline-inverse-outline-accent-gradient-active: #E6E6E6FF;
779
+ --outline-inverse-outline-accent-minor-hover: #17E8ADFF;
780
+ --outline-inverse-outline-accent-minor-active: #11B083FF;
781
+ --outline-inverse-outline-accent-minor-gradient-hover: #CCCCCCFF;
782
+ --outline-inverse-outline-accent-minor-gradient-active: #E6E6E6FF;
783
+ --outline-inverse-outline-transparent-accent-hover: #05996FFF;
784
+ --outline-inverse-outline-transparent-accent-active: #05996F3D;
785
+ --outline-inverse-outline-transparent-accent-gradient-hover: #CCCCCCFF;
786
+ --outline-inverse-outline-transparent-accent-gradient-active: #E6E6E6FF;
787
+ --outline-inverse-outline-promo-hover: #CCCCCCFF;
788
+ --outline-inverse-outline-promo-active: #E6E6E6FF;
789
+ --outline-inverse-outline-promo-gradient-hover: #CCCCCCFF;
790
+ --outline-inverse-outline-promo-gradient-active: #E6E6E6FF;
791
+ --outline-inverse-outline-promo-minor-hover: #CCCCCCFF;
792
+ --outline-inverse-outline-promo-minor-active: #E6E6E6FF;
793
+ --outline-inverse-outline-promo-minor-gradient-hover: #CCCCCCFF;
794
+ --outline-inverse-outline-promo-minor-gradient-active: #E6E6E6FF;
795
+ --outline-inverse-outline-positive-hover: #1EB83AFF;
796
+ --outline-inverse-outline-positive-active: #15842AFF;
797
+ --outline-inverse-outline-warning-hover: #FB7223FF;
798
+ --outline-inverse-outline-warning-active: #DC5304FF;
799
+ --outline-inverse-outline-negative-hover: #FF475AFF;
800
+ --outline-inverse-outline-negative-active: #FF0A23FF;
801
+ --outline-inverse-outline-info-hover: #50B1F2FF;
802
+ --outline-inverse-outline-info-active: #0F7BC2FF;
803
+ --outline-inverse-outline-positive-minor-hover: #3EDA5BFF;
804
+ --outline-inverse-outline-positive-minor-active: #23B83EFF;
805
+ --outline-inverse-outline-warning-minor-hover: #FDB086FF;
806
+ --outline-inverse-outline-warning-minor-active: #FC884AFF;
807
+ --outline-inverse-outline-negative-minor-hover: #FFADB6FF;
808
+ --outline-inverse-outline-negative-minor-active: #FF707EFF;
809
+ --outline-inverse-outline-info-minor-hover: #A3DAFFFF;
810
+ --outline-inverse-outline-info-minor-active: #33ADFFFF;
811
+ --outline-inverse-outline-transparent-positive-hover: #1A9E32FF;
812
+ --outline-inverse-outline-transparent-positive-active: #1A9E323D;
813
+ --outline-inverse-outline-transparent-warning-hover: #FA5F05FF;
814
+ --outline-inverse-outline-transparent-warning-active: #FA5F053D;
815
+ --outline-inverse-outline-transparent-negative-hover: #FF293EFF;
816
+ --outline-inverse-outline-transparent-negative-active: #FF293E3D;
817
+ --outline-inverse-outline-transparent-info-hover: #118CDFFF;
818
+ --outline-inverse-outline-transparent-info-active: #118CDF3D;
819
+ --outline-inverse-outline-transparent-positive: rgba(26,158,50,0.2);
820
+ --outline-inverse-outline-transparent-warning: rgba(250,95,5,0.2);
821
+ --outline-inverse-outline-transparent-negative: rgba(255,41,62,0.2);
822
+ --outline-inverse-outline-transparent-info: rgba(17,140,223,0.2);
823
+ --outline-inverse-outline-solid-primary: #DDDDDD;
824
+ --outline-inverse-outline-solid-secondary: #949494;
825
+ --outline-inverse-outline-solid-tertiary: #707070;
826
+ --outline-inverse-outline-clear: #FFFFFF00;
827
+ --outline-inverse-outline-accent: #05996F;
828
+ --outline-inverse-outline-accent-gradient: linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%,rgb(39, 198, 229) 100%);
829
+ --outline-inverse-outline-accent-minor: #14CC98;
830
+ --outline-inverse-outline-transparent-accent: rgba(5,153,111,0.2);
831
+ --outline-inverse-outline-positive: #1A9E32;
832
+ --outline-inverse-outline-warning: #FA5F05;
833
+ --outline-inverse-outline-negative: #FF293E;
834
+ --outline-inverse-outline-info: #118CDF;
835
+ --outline-inverse-outline-positive-minor: #28D247;
836
+ --outline-inverse-outline-warning-minor: #FD9C68;
837
+ --outline-inverse-outline-negative-minor: #FF8F9A;
838
+ --outline-inverse-outline-info-minor: #52BAFF;
468
839
  --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
469
840
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
470
841
  --plasma-colors-white-primary: var(--on-dark-text-primary);
@@ -517,24 +888,24 @@
517
888
  --text-accent-active: #047253FF;
518
889
  --text-accent-gradient-hover: #000000FF;
519
890
  --text-accent-gradient-active: #CCCCCCFF;
520
- --text-accent-minor-hover: #137257FF;
521
- --text-accent-minor-active: #0D4F3CFF;
891
+ --text-accent-minor-hover: #20E9B0FF;
892
+ --text-accent-minor-active: #11A77CFF;
522
893
  --text-positive-hover: #1FC13DFF;
523
894
  --text-positive-active: #147B27FF;
524
895
  --text-warning-hover: #FB782DFF;
525
896
  --text-warning-active: #D25004FF;
526
897
  --text-negative-hover: #FF5263FF;
527
898
  --text-negative-active: #FF001AFF;
528
- --text-info-hover: #0D96F2FF;
529
- --text-info-active: #0966A5FF;
530
- --text-positive-minor-hover: #196B28FF;
531
- --text-positive-minor-active: #114A1CFF;
532
- --text-warning-minor-hover: #843E15FF;
533
- --text-warning-minor-active: #602D10FF;
534
- --text-negative-minor-hover: #8F1925FF;
535
- --text-negative-minor-active: #6C131CFF;
536
- --text-info-minor-hover: #1A577FFF;
537
- --text-info-minor-active: #13405DFF;
899
+ --text-info-hover: #2AA0EFFF;
900
+ --text-info-active: #0E75B9FF;
901
+ --text-positive-minor-hover: #47DC62FF;
902
+ --text-positive-minor-active: #21B03CFF;
903
+ --text-warning-minor-hover: #FDB790FF;
904
+ --text-warning-minor-active: #FC8240FF;
905
+ --text-negative-minor-hover: #FFB8BFFF;
906
+ --text-negative-minor-active: #FF6675FF;
907
+ --text-info-minor-hover: #7ACAFFFF;
908
+ --text-info-minor-active: #29A9FFFF;
538
909
  --text-primary: rgba(23,23,23,0.96);
539
910
  --text-secondary: rgba(23,23,23,0.56);
540
911
  --text-tertiary: rgba(23,23,23,0.28);
@@ -544,6 +915,12 @@
544
915
  --text-positive: #1A9E32;
545
916
  --text-warning: #FA5F05;
546
917
  --text-negative: #FF293E;
918
+ --text-accent-minor: #14CC98;
919
+ --text-info: #118CDF;
920
+ --text-positive-minor: #28D247;
921
+ --text-warning-minor: #FD9C68;
922
+ --text-negative-minor: #FF8F9A;
923
+ --text-info-minor: #52BAFF;
547
924
  --on-dark-text-primary-hover: #F5F5F593;
548
925
  --on-dark-text-primary-active: #F5F5F5C4;
549
926
  --on-dark-text-secondary-hover: #F5F5F5FF;
@@ -556,24 +933,24 @@
556
933
  --on-dark-text-accent-active: #11A77CFF;
557
934
  --on-dark-text-accent-gradient-hover: #000000FF;
558
935
  --on-dark-text-accent-gradient-active: #CCCCCCFF;
559
- --on-dark-text-accent-minor-hover: #B5FCE8FF;
560
- --on-dark-text-accent-minor-active: #66F9D0FF;
936
+ --on-dark-text-accent-minor-hover: #199F79FF;
937
+ --on-dark-text-accent-minor-active: #137C5EFF;
561
938
  --on-dark-text-positive-hover: #2BD44AFF;
562
939
  --on-dark-text-positive-active: #1D9032FF;
563
940
  --on-dark-text-warning-hover: #FF8B4DFF;
564
941
  --on-dark-text-warning-active: #FA5700FF;
565
942
  --on-dark-text-negative-hover: #FF6675FF;
566
943
  --on-dark-text-negative-active: #FF142CFF;
567
- --on-dark-text-info-hover: #2AA0EFFF;
568
- --on-dark-text-info-active: #0E75B9FF;
569
- --on-dark-text-positive-minor-hover: #C5FCCFFF;
570
- --on-dark-text-positive-minor-active: #77F88FFF;
571
- --on-dark-text-warning-minor-hover: #FFFCFAFF;
572
- --on-dark-text-warning-minor-active: #FDC9AAFF;
573
- --on-dark-text-negative-minor-hover: #FFFFFFFF;
574
- --on-dark-text-negative-minor-active: #FFB8BFFF;
575
- --on-dark-text-info-minor-hover: #FAFDFFFF;
576
- --on-dark-text-info-minor-active: #A8DCFFFF;
944
+ --on-dark-text-info-hover: #3FABF3FF;
945
+ --on-dark-text-info-active: #0D84D3FF;
946
+ --on-dark-text-positive-minor-hover: #11A72CFF;
947
+ --on-dark-text-positive-minor-active: #0D8222FF;
948
+ --on-dark-text-warning-minor-hover: #CD5713FF;
949
+ --on-dark-text-warning-minor-active: #A84710FF;
950
+ --on-dark-text-negative-minor-hover: #C2192AFF;
951
+ --on-dark-text-negative-minor-active: #7A101AFF;
952
+ --on-dark-text-info-minor-hover: #1483CCFF;
953
+ --on-dark-text-info-minor-active: #116BA7FF;
577
954
  --on-dark-text-primary: rgba(245,245,245,0.96);
578
955
  --on-dark-text-secondary: rgba(245,245,245,0.56);
579
956
  --on-dark-text-tertiary: rgba(245,245,245,0.28);
@@ -583,6 +960,12 @@
583
960
  --on-dark-text-positive: #24B23E;
584
961
  --on-dark-text-warning: #FF7024;
585
962
  --on-dark-text-negative: #FF3D51;
963
+ --on-dark-text-accent-minor: #0E5944;
964
+ --on-dark-text-info: #199AF0;
965
+ --on-dark-text-positive-minor: #095C18;
966
+ --on-dark-text-warning-minor: #85380C;
967
+ --on-dark-text-negative-minor: #9C1422;
968
+ --on-dark-text-info-minor: #0D5382;
586
969
  --on-light-text-primary-hover: #17171793;
587
970
  --on-light-text-primary-active: #171717C4;
588
971
  --on-light-text-secondary-hover: #171717FF;
@@ -595,6 +978,7 @@
595
978
  --on-light-text-accent-active: #047253FF;
596
979
  --on-light-text-accent-gradient-hover: #000000FF;
597
980
  --on-light-text-accent-gradient-active: #CCCCCCFF;
981
+ --on-light-text-accent-minor: #072B21;
598
982
  --on-light-text-accent-minor-hover: #137257FF;
599
983
  --on-light-text-accent-minor-active: #0D4F3CFF;
600
984
  --on-light-text-positive-hover: #1FC13DFF;
@@ -603,14 +987,19 @@
603
987
  --on-light-text-warning-active: #D25004FF;
604
988
  --on-light-text-negative-hover: #FF5263FF;
605
989
  --on-light-text-negative-active: #FF001AFF;
990
+ --on-light-text-info: #0B7ECB;
606
991
  --on-light-text-info-hover: #0D96F2FF;
607
992
  --on-light-text-info-active: #0966A5FF;
993
+ --on-light-text-positive-minor: #0A2B10;
608
994
  --on-light-text-positive-minor-hover: #196B28FF;
609
995
  --on-light-text-positive-minor-active: #114A1CFF;
996
+ --on-light-text-warning-minor: #3D1D0A;
610
997
  --on-light-text-warning-minor-hover: #843E15FF;
611
998
  --on-light-text-warning-minor-active: #602D10FF;
999
+ --on-light-text-negative-minor: #4A0D13;
612
1000
  --on-light-text-negative-minor-hover: #8F1925FF;
613
1001
  --on-light-text-negative-minor-active: #6C131CFF;
1002
+ --on-light-text-info-minor: #0C283B;
614
1003
  --on-light-text-info-minor-hover: #1A577FFF;
615
1004
  --on-light-text-info-minor-active: #13405DFF;
616
1005
  --on-light-text-primary: rgba(23,23,23,0.96);
@@ -634,8 +1023,8 @@
634
1023
  --inverse-text-accent-active: #11A77CFF;
635
1024
  --inverse-text-accent-gradient-hover: #000000FF;
636
1025
  --inverse-text-accent-gradient-active: #CCCCCCFF;
637
- --inverse-text-accent-minor-hover: #B5FCE8FF;
638
- --inverse-text-accent-minor-active: #66F9D0FF;
1026
+ --inverse-text-accent-minor-hover: #20E9B0FF;
1027
+ --inverse-text-accent-minor-active: #11A77CFF;
639
1028
  --inverse-text-positive-hover: #2BD44AFF;
640
1029
  --inverse-text-positive-active: #1D9032FF;
641
1030
  --inverse-text-warning-hover: #FF8B4DFF;
@@ -644,14 +1033,14 @@
644
1033
  --inverse-text-negative-active: #FF142CFF;
645
1034
  --inverse-text-info-hover: #2AA0EFFF;
646
1035
  --inverse-text-info-active: #0E75B9FF;
647
- --inverse-text-positive-minor-hover: #C5FCCFFF;
648
- --inverse-text-positive-minor-active: #77F88FFF;
649
- --inverse-text-warning-minor-hover: #FFFCFAFF;
650
- --inverse-text-warning-minor-active: #FDC9AAFF;
651
- --inverse-text-negative-minor-hover: #FFFFFFFF;
652
- --inverse-text-negative-minor-active: #FFB8BFFF;
653
- --inverse-text-info-minor-hover: #FAFDFFFF;
654
- --inverse-text-info-minor-active: #A8DCFFFF;
1036
+ --inverse-text-positive-minor-hover: #47DC62FF;
1037
+ --inverse-text-positive-minor-active: #21B03CFF;
1038
+ --inverse-text-warning-minor-hover: #FDB790FF;
1039
+ --inverse-text-warning-minor-active: #FC8240FF;
1040
+ --inverse-text-negative-minor-hover: #FFB8BFFF;
1041
+ --inverse-text-negative-minor-active: #FF6675FF;
1042
+ --inverse-text-info-minor-hover: #7ACAFFFF;
1043
+ --inverse-text-info-minor-active: #29A9FFFF;
655
1044
  --inverse-text-primary: rgba(245,245,245,0.96);
656
1045
  --inverse-text-secondary: rgba(245,245,245,0.56);
657
1046
  --inverse-text-tertiary: rgba(245,245,245,0.28);
@@ -661,6 +1050,12 @@
661
1050
  --inverse-text-positive: #24B23E;
662
1051
  --inverse-text-warning: #FF7024;
663
1052
  --inverse-text-negative: #FF3D51;
1053
+ --inverse-text-accent-minor: #14CC98;
1054
+ --inverse-text-info: #118CDF;
1055
+ --inverse-text-positive-minor: #28D247;
1056
+ --inverse-text-warning-minor: #FD9C68;
1057
+ --inverse-text-negative-minor: #FF8F9A;
1058
+ --inverse-text-info-minor: #52BAFF;
664
1059
  --surface-solid-primary-hover: #FAFAFAFF;
665
1060
  --surface-solid-primary-active: #F0F0F0FF;
666
1061
  --surface-solid-secondary-hover: #EDEDEDFF;
@@ -687,10 +1082,10 @@
687
1082
  --surface-accent-active: #00996EFF;
688
1083
  --surface-accent-gradient-hover: #FFFFFFFF;
689
1084
  --surface-accent-gradient-active: #FFFFFFFF;
690
- --surface-accent-minor-hover: #71F4CFFF;
691
- --surface-accent-minor-active: #41F1BFFF;
692
- --surface-transparent-accent-hover: #05996F33;
693
- --surface-transparent-accent-active: #05996F52;
1085
+ --surface-accent-minor-hover: #A1FCE2FF;
1086
+ --surface-accent-minor-active: #7AFAD6FF;
1087
+ --surface-transparent-accent-hover: #00AD7C0A;
1088
+ --surface-transparent-accent-active: #00AD7C29;
694
1089
  --surface-positive-hover: #1EB83AFF;
695
1090
  --surface-positive-active: #178C2CFF;
696
1091
  --surface-warning-hover: #FB782DFF;
@@ -699,22 +1094,22 @@
699
1094
  --surface-negative-active: #FF142CFF;
700
1095
  --surface-info-hover: #1798EEFF;
701
1096
  --surface-info-active: #0F81CCFF;
702
- --surface-positive-minor-hover: #93F6A5FF;
703
- --surface-positive-minor-active: #64F27EFF;
704
- --surface-warning-minor-hover: #FFDECCFF;
705
- --surface-warning-minor-active: #FFC3A3FF;
706
- --surface-negative-minor-hover: #FEE1E4FF;
707
- --surface-negative-minor-active: #FEC3C9FF;
708
- --surface-info-minor-hover: #C7E9FFFF;
709
- --surface-info-minor-active: #9ED8FFFF;
1097
+ --surface-positive-minor-hover: #B1FBBFFF;
1098
+ --surface-positive-minor-active: #8BF99FFF;
1099
+ --surface-warning-minor-hover: #FEEFE6FF;
1100
+ --surface-warning-minor-active: #FEDCC8FF;
1101
+ --surface-negative-minor-hover: #FFF5F6FF;
1102
+ --surface-negative-minor-active: #FFD6DAFF;
1103
+ --surface-info-minor-hover: #E5F5FFFF;
1104
+ --surface-info-minor-active: #C7E9FFFF;
710
1105
  --surface-transparent-positive-hover: #1A9E320A;
711
1106
  --surface-transparent-positive-active: #1A9E3229;
712
1107
  --surface-transparent-warning-hover: #FA5F050A;
713
1108
  --surface-transparent-warning-active: #FA5F0529;
714
1109
  --surface-transparent-negative-hover: #FF293E0A;
715
1110
  --surface-transparent-negative-active: #FF293E29;
716
- --surface-transparent-info-hover: #118CDF33;
717
- --surface-transparent-info-active: #118CDF52;
1111
+ --surface-transparent-info-hover: #118CDF0A;
1112
+ --surface-transparent-info-active: #118CDF29;
718
1113
  --surface-solid-primary: #F5F5F5;
719
1114
  --surface-solid-secondary: #DDDDDD;
720
1115
  --surface-solid-tertiary: #C7C7C7;
@@ -734,6 +1129,14 @@
734
1129
  --surface-transparent-positive: rgba(26,158,50,0.12);
735
1130
  --surface-transparent-warning: rgba(250,95,5,0.12);
736
1131
  --surface-transparent-negative: rgba(255,41,62,0.12);
1132
+ --surface-accent-minor: #8DFBDC;
1133
+ --surface-transparent-accent: rgba(0,172,123,0.12);
1134
+ --surface-info: #118CDF;
1135
+ --surface-positive-minor: #9EFAAF;
1136
+ --surface-warning-minor: #FEE2D2;
1137
+ --surface-negative-minor: #FFE0E3;
1138
+ --surface-info-minor: #CFECFF;
1139
+ --surface-transparent-info: rgba(17,140,223,0.12);
737
1140
  --on-dark-surface-solid-primary-hover: #363636FF;
738
1141
  --on-dark-surface-solid-primary-active: #0D0D0DFF;
739
1142
  --on-dark-surface-solid-secondary-hover: #3B3B3BFF;
@@ -762,16 +1165,16 @@
762
1165
  --on-dark-surface-accent-gradient-active: #FFFFFFFF;
763
1166
  --on-dark-surface-accent-minor-hover: #0B4636FF;
764
1167
  --on-dark-surface-accent-minor-active: #041A14FF;
765
- --on-dark-surface-transparent-accent-hover: #14CC9833;
766
- --on-dark-surface-transparent-accent-active: #14CC9852;
1168
+ --on-dark-surface-transparent-accent-hover: #00AD7C1F;
1169
+ --on-dark-surface-transparent-accent-active: #00AD7C3D;
767
1170
  --on-dark-surface-positive-hover: #28C344FF;
768
1171
  --on-dark-surface-positive-active: #21A138FF;
769
1172
  --on-dark-surface-warning-hover: #FF8B4DFF;
770
1173
  --on-dark-surface-warning-active: #FF630FFF;
771
1174
  --on-dark-surface-negative-hover: #FF6675FF;
772
1175
  --on-dark-surface-negative-active: #FF293EFF;
773
- --on-dark-surface-info-hover: #1798EEFF;
774
- --on-dark-surface-info-active: #0F81CCFF;
1176
+ --on-dark-surface-info-hover: #36A7F2FF;
1177
+ --on-dark-surface-info-active: #0F90E6FF;
775
1178
  --on-dark-surface-positive-minor-hover: #0E3A16FF;
776
1179
  --on-dark-surface-positive-minor-active: #061909FF;
777
1180
  --on-dark-surface-warning-minor-hover: #58290EFF;
@@ -786,8 +1189,8 @@
786
1189
  --on-dark-surface-transparent-warning-active: #FF70243D;
787
1190
  --on-dark-surface-transparent-negative-hover: #FF3D511F;
788
1191
  --on-dark-surface-transparent-negative-active: #FF3D513D;
789
- --on-dark-surface-transparent-info-hover: #118CDF33;
790
- --on-dark-surface-transparent-info-active: #118CDF52;
1192
+ --on-dark-surface-transparent-info-hover: #199AF01F;
1193
+ --on-dark-surface-transparent-info-active: #199AF03D;
791
1194
  --on-dark-surface-solid-card: #262626;
792
1195
  --on-dark-surface-solid-primary: #171717;
793
1196
  --on-dark-surface-solid-secondary: #262626;
@@ -807,6 +1210,14 @@
807
1210
  --on-dark-surface-transparent-positive: rgba(36,178,62,0.2);
808
1211
  --on-dark-surface-transparent-warning: rgba(255,112,36,0.2);
809
1212
  --on-dark-surface-transparent-negative: rgba(255,61,81,0.2);
1213
+ --on-dark-surface-accent-minor: #072B21;
1214
+ --on-dark-surface-transparent-accent: rgba(0,172,123,0.2);
1215
+ --on-dark-surface-info: #199AF0;
1216
+ --on-dark-surface-positive-minor: #0A2B10;
1217
+ --on-dark-surface-warning-minor: #3D1D0A;
1218
+ --on-dark-surface-negative-minor: #4A0D13;
1219
+ --on-dark-surface-info-minor: #0C283B;
1220
+ --on-dark-surface-transparent-info: rgba(25,154,240,0.2);
810
1221
  --on-light-surface-solid-primary-hover: #FAFAFAFF;
811
1222
  --on-light-surface-solid-primary-active: #F0F0F0FF;
812
1223
  --on-light-surface-solid-secondary-hover: #EDEDEDFF;
@@ -833,10 +1244,10 @@
833
1244
  --on-light-surface-accent-active: #00996EFF;
834
1245
  --on-light-surface-accent-gradient-hover: #FFFFFFFF;
835
1246
  --on-light-surface-accent-gradient-active: #FFFFFFFF;
836
- --on-light-surface-accent-minor-hover: #71F4CFFF;
837
- --on-light-surface-accent-minor-active: #41F1BFFF;
838
- --on-light-surface-transparent-accent-hover: #05996F33;
839
- --on-light-surface-transparent-accent-active: #05996F52;
1247
+ --on-light-surface-accent-minor-hover: #A1FCE2FF;
1248
+ --on-light-surface-accent-minor-active: #7AFAD6FF;
1249
+ --on-light-surface-transparent-accent-hover: #00AD7C0A;
1250
+ --on-light-surface-transparent-accent-active: #00AD7C29;
840
1251
  --on-light-surface-positive-hover: #1EB83AFF;
841
1252
  --on-light-surface-positive-active: #178C2CFF;
842
1253
  --on-light-surface-warning-hover: #FB782DFF;
@@ -845,22 +1256,22 @@
845
1256
  --on-light-surface-negative-active: #FF142CFF;
846
1257
  --on-light-surface-info-hover: #1798EEFF;
847
1258
  --on-light-surface-info-active: #0F81CCFF;
848
- --on-light-surface-positive-minor-hover: #93F6A5FF;
849
- --on-light-surface-positive-minor-active: #64F27EFF;
850
- --on-light-surface-warning-minor-hover: #FFDECCFF;
851
- --on-light-surface-warning-minor-active: #FFC3A3FF;
852
- --on-light-surface-negative-minor-hover: #FEE1E4FF;
853
- --on-light-surface-negative-minor-active: #FEC3C9FF;
854
- --on-light-surface-info-minor-hover: #C7E9FFFF;
855
- --on-light-surface-info-minor-active: #9ED8FFFF;
1259
+ --on-light-surface-positive-minor-hover: #B1FBBFFF;
1260
+ --on-light-surface-positive-minor-active: #8BF99FFF;
1261
+ --on-light-surface-warning-minor-hover: #FEEFE6FF;
1262
+ --on-light-surface-warning-minor-active: #FEDCC8FF;
1263
+ --on-light-surface-negative-minor-hover: #FFF5F6FF;
1264
+ --on-light-surface-negative-minor-active: #FFD6DAFF;
1265
+ --on-light-surface-info-minor-hover: #E5F5FFFF;
1266
+ --on-light-surface-info-minor-active: #C7E9FFFF;
856
1267
  --on-light-surface-transparent-positive-hover: #1A9E320A;
857
1268
  --on-light-surface-transparent-positive-active: #1A9E3229;
858
1269
  --on-light-surface-transparent-warning-hover: #FA5F050A;
859
1270
  --on-light-surface-transparent-warning-active: #FA5F0529;
860
1271
  --on-light-surface-transparent-negative-hover: #FF293E0A;
861
1272
  --on-light-surface-transparent-negative-active: #FF293E29;
862
- --on-light-surface-transparent-info-hover: #118CDF33;
863
- --on-light-surface-transparent-info-active: #118CDF52;
1273
+ --on-light-surface-transparent-info-hover: #118CDF0A;
1274
+ --on-light-surface-transparent-info-active: #118CDF29;
864
1275
  --on-light-surface-solid-primary: #F5F5F5;
865
1276
  --on-light-surface-solid-secondary: #DDDDDD;
866
1277
  --on-light-surface-solid-tertiary: #C7C7C7;
@@ -880,6 +1291,14 @@
880
1291
  --on-light-surface-transparent-positive: rgba(26,158,50,0.12);
881
1292
  --on-light-surface-transparent-warning: rgba(250,95,5,0.12);
882
1293
  --on-light-surface-transparent-negative: rgba(255,41,62,0.12);
1294
+ --on-light-surface-accent-minor: #8DFBDC;
1295
+ --on-light-surface-transparent-accent: rgba(0,172,123,0.12);
1296
+ --on-light-surface-info: #118CDF;
1297
+ --on-light-surface-positive-minor: #9EFAAF;
1298
+ --on-light-surface-warning-minor: #FEE2D2;
1299
+ --on-light-surface-negative-minor: #FFE0E3;
1300
+ --on-light-surface-info-minor: #CFECFF;
1301
+ --on-light-surface-transparent-info: rgba(17,140,223,0.12);
883
1302
  --inverse-surface-solid-primary-hover: #363636FF;
884
1303
  --inverse-surface-solid-primary-active: #0D0D0DFF;
885
1304
  --inverse-surface-solid-secondary-hover: #3B3B3BFF;
@@ -908,8 +1327,8 @@
908
1327
  --inverse-surface-accent-gradient-active: #FFFFFFFF;
909
1328
  --inverse-surface-accent-minor-hover: #0B4636FF;
910
1329
  --inverse-surface-accent-minor-active: #041A14FF;
911
- --inverse-surface-transparent-accent-hover: #14CC9833;
912
- --inverse-surface-transparent-accent-active: #14CC9852;
1330
+ --inverse-surface-transparent-accent-hover: #00AD7C1F;
1331
+ --inverse-surface-transparent-accent-active: #00AD7C3D;
913
1332
  --inverse-surface-positive-hover: #28C344FF;
914
1333
  --inverse-surface-positive-active: #21A138FF;
915
1334
  --inverse-surface-warning-hover: #FF8B4DFF;
@@ -932,8 +1351,8 @@
932
1351
  --inverse-surface-transparent-warning-active: #FF70243D;
933
1352
  --inverse-surface-transparent-negative-hover: #FF3D511F;
934
1353
  --inverse-surface-transparent-negative-active: #FF3D513D;
935
- --inverse-surface-transparent-info-hover: #118CDF33;
936
- --inverse-surface-transparent-info-active: #118CDF52;
1354
+ --inverse-surface-transparent-info-hover: #199AF01F;
1355
+ --inverse-surface-transparent-info-active: #199AF03D;
937
1356
  --inverse-surface-clear: #FFFFFF00;
938
1357
  --inverse-surface-solid-card: #262626;
939
1358
  --inverse-surface-solid-primary: #171717;
@@ -953,6 +1372,13 @@
953
1372
  --inverse-surface-transparent-positive: rgba(36,178,62,0.2);
954
1373
  --inverse-surface-transparent-warning: rgba(255,112,36,0.2);
955
1374
  --inverse-surface-transparent-negative: rgba(255,61,81,0.2);
1375
+ --inverse-surface-accent-minor: #072B21;
1376
+ --inverse-surface-transparent-accent: rgba(0,172,123,0.2);
1377
+ --inverse-surface-positive-minor: #0A2B10;
1378
+ --inverse-surface-warning-minor: #3D1D0A;
1379
+ --inverse-surface-negative-minor: #4A0D13;
1380
+ --inverse-surface-info-minor: #0C283B;
1381
+ --inverse-surface-transparent-info: rgba(25,154,240,0.2);
956
1382
  --background-primary: #F5F5F5;
957
1383
  --dark-background-primary: #171717;
958
1384
  --light-background-primary: #F5F5F5;
@@ -969,6 +1395,326 @@
969
1395
  --inverse-overlay-soft: #0808088F;
970
1396
  --inverse-overlay-hard: #080808F5;
971
1397
  --inverse-overlay-blur: #08080833;
1398
+ --outline-default-outline-solid-primary-hover: #000000FF;
1399
+ --outline-default-outline-solid-primary-active: #B3B3B3FF;
1400
+ --outline-default-outline-solid-secondary-hover: #000000FF;
1401
+ --outline-default-outline-solid-secondary-active: #757575FF;
1402
+ --outline-default-outline-solid-tertiary-hover: #000000FF;
1403
+ --outline-default-outline-solid-tertiary-active: #595959FF;
1404
+ --outline-default-outline-transparent-default-hover: #08080893;
1405
+ --outline-default-outline-transparent-default-active: #080808C4;
1406
+ --outline-default-outline-transparent-primary-hover: #080808FF;
1407
+ --outline-default-outline-transparent-primary-active: #08080825;
1408
+ --outline-default-outline-transparent-secondary-hover: #080808FF;
1409
+ --outline-default-outline-transparent-secondary-active: #08080856;
1410
+ --outline-default-outline-transparent-tertiary-hover: #080808FF;
1411
+ --outline-default-outline-transparent-tertiary-active: #080808AB;
1412
+ --outline-default-outline-clear-hover: #FFFFFF00;
1413
+ --outline-default-outline-clear-active: #FFFFFF00;
1414
+ --outline-default-outline-accent-hover: #06C18CFF;
1415
+ --outline-default-outline-accent-active: #047253FF;
1416
+ --outline-default-outline-accent-gradient-hover: #000000FF;
1417
+ --outline-default-outline-accent-gradient-active: #CCCCCCFF;
1418
+ --outline-default-outline-accent-minor-hover: #20E9B0FF;
1419
+ --outline-default-outline-accent-minor-active: #11A77CFF;
1420
+ --outline-default-outline-accent-minor-gradient-hover: #000000FF;
1421
+ --outline-default-outline-accent-minor-gradient-active: #CCCCCCFF;
1422
+ --outline-default-outline-transparent-accent-hover: #05996FFF;
1423
+ --outline-default-outline-transparent-accent-active: #05996F3D;
1424
+ --outline-default-outline-transparent-accent-gradient-hover: #000000FF;
1425
+ --outline-default-outline-transparent-accent-gradient-active: #CCCCCCFF;
1426
+ --outline-default-outline-promo-hover: #000000FF;
1427
+ --outline-default-outline-promo-active: #CCCCCCFF;
1428
+ --outline-default-outline-promo-gradient-hover: #000000FF;
1429
+ --outline-default-outline-promo-gradient-active: #CCCCCCFF;
1430
+ --outline-default-outline-promo-minor-hover: #000000FF;
1431
+ --outline-default-outline-promo-minor-active: #CCCCCCFF;
1432
+ --outline-default-outline-promo-minor-gradient-hover: #000000FF;
1433
+ --outline-default-outline-promo-minor-gradient-active: #CCCCCCFF;
1434
+ --outline-default-outline-positive-hover: #1FC13DFF;
1435
+ --outline-default-outline-positive-active: #147B27FF;
1436
+ --outline-default-outline-warning-hover: #FB782DFF;
1437
+ --outline-default-outline-warning-active: #D25004FF;
1438
+ --outline-default-outline-negative-hover: #FF5263FF;
1439
+ --outline-default-outline-negative-active: #FF001AFF;
1440
+ --outline-default-outline-info-hover: #2AA0EFFF;
1441
+ --outline-default-outline-info-active: #0E75B9FF;
1442
+ --outline-default-outline-positive-minor-hover: #47DC62FF;
1443
+ --outline-default-outline-positive-minor-active: #21B03CFF;
1444
+ --outline-default-outline-warning-minor-hover: #FDB790FF;
1445
+ --outline-default-outline-warning-minor-active: #FC8240FF;
1446
+ --outline-default-outline-negative-minor-hover: #FFB8BFFF;
1447
+ --outline-default-outline-negative-minor-active: #FF6675FF;
1448
+ --outline-default-outline-info-minor-hover: #7ACAFFFF;
1449
+ --outline-default-outline-info-minor-active: #29A9FFFF;
1450
+ --outline-default-outline-transparent-positive-hover: #1A9E32FF;
1451
+ --outline-default-outline-transparent-positive-active: #1A9E323D;
1452
+ --outline-default-outline-transparent-warning-hover: #FA5F05FF;
1453
+ --outline-default-outline-transparent-warning-active: #FA5F053D;
1454
+ --outline-default-outline-transparent-negative-hover: #FF293EFF;
1455
+ --outline-default-outline-transparent-negative-active: #FF293E3D;
1456
+ --outline-default-outline-transparent-info-hover: #118CDFFF;
1457
+ --outline-default-outline-transparent-info-active: #118CDF3D;
1458
+ --outline-default-outline-solid-primary: #DDDDDD;
1459
+ --outline-default-outline-solid-secondary: #949494;
1460
+ --outline-default-outline-solid-tertiary: #707070;
1461
+ --outline-default-outline-clear: #FFFFFF00;
1462
+ --outline-default-outline-accent: #05996F;
1463
+ --outline-default-outline-accent-gradient: linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%,rgb(39, 198, 229) 100%);
1464
+ --outline-default-outline-accent-minor: #14CC98;
1465
+ --outline-default-outline-transparent-accent: rgba(5,153,111,0.2);
1466
+ --outline-default-outline-positive: #1A9E32;
1467
+ --outline-default-outline-warning: #FA5F05;
1468
+ --outline-default-outline-negative: #FF293E;
1469
+ --outline-default-outline-info: #118CDF;
1470
+ --outline-default-outline-positive-minor: #28D247;
1471
+ --outline-default-outline-warning-minor: #FD9C68;
1472
+ --outline-default-outline-negative-minor: #FF8F9A;
1473
+ --outline-default-outline-info-minor: #52BAFF;
1474
+ --outline-default-outline-transparent-positive: rgba(26,158,50,0.2);
1475
+ --outline-default-outline-transparent-warning: rgba(250,95,5,0.2);
1476
+ --outline-default-outline-transparent-negative: rgba(255,41,62,0.2);
1477
+ --outline-default-outline-transparent-info: rgba(17,140,223,0.2);
1478
+ --outline-on-dark-outline-solid-primary-hover: #787878FF;
1479
+ --outline-on-dark-outline-solid-primary-active: #4F4F4FFF;
1480
+ --outline-on-dark-outline-solid-secondary-hover: #878787FF;
1481
+ --outline-on-dark-outline-solid-secondary-active: #5E5E5EFF;
1482
+ --outline-on-dark-outline-solid-tertiary-hover: #000000FF;
1483
+ --outline-on-dark-outline-solid-tertiary-active: #595959FF;
1484
+ --outline-on-dark-outline-transparent-default-hover: #FAFAFA93;
1485
+ --outline-on-dark-outline-transparent-default-active: #FAFAFAC4;
1486
+ --outline-on-dark-outline-transparent-primary-hover: #FAFAFAFF;
1487
+ --outline-on-dark-outline-transparent-primary-active: #FAFAFA25;
1488
+ --outline-on-dark-outline-transparent-secondary-hover: #FAFAFAFF;
1489
+ --outline-on-dark-outline-transparent-secondary-active: #FAFAFA3D;
1490
+ --outline-on-dark-outline-transparent-tertiary-hover: #FAFAFAFF;
1491
+ --outline-on-dark-outline-transparent-tertiary-active: #FAFAFA56;
1492
+ --outline-on-dark-outline-clear-hover: #FFFFFF00;
1493
+ --outline-on-dark-outline-clear-active: #FFFFFF00;
1494
+ --outline-on-dark-outline-accent-hover: #20E9B0FF;
1495
+ --outline-on-dark-outline-accent-active: #11A77CFF;
1496
+ --outline-on-dark-outline-accent-gradient-hover: #000000FF;
1497
+ --outline-on-dark-outline-accent-gradient-active: #CCCCCCFF;
1498
+ --outline-on-dark-outline-accent-minor-hover: #199F79FF;
1499
+ --outline-on-dark-outline-accent-minor-active: #137C5EFF;
1500
+ --outline-on-dark-outline-accent-minor-gradient-hover: #000000FF;
1501
+ --outline-on-dark-outline-accent-minor-gradient-active: #CCCCCCFF;
1502
+ --outline-on-dark-outline-transparent-accent-hover: #14CC98FF;
1503
+ --outline-on-dark-outline-transparent-accent-active: #14CC9856;
1504
+ --outline-on-dark-outline-transparent-accent-gradient-hover: #000000FF;
1505
+ --outline-on-dark-outline-transparent-accent-gradient-active: #CCCCCCFF;
1506
+ --outline-on-dark-outline-promo-hover: #000000FF;
1507
+ --outline-on-dark-outline-promo-active: #CCCCCCFF;
1508
+ --outline-on-dark-outline-promo-gradient-hover: #000000FF;
1509
+ --outline-on-dark-outline-promo-gradient-active: #CCCCCCFF;
1510
+ --outline-on-dark-outline-promo-minor-hover: #000000FF;
1511
+ --outline-on-dark-outline-promo-minor-active: #CCCCCCFF;
1512
+ --outline-on-dark-outline-promo-minor-gradient-hover: #000000FF;
1513
+ --outline-on-dark-outline-promo-minor-gradient-active: #CCCCCCFF;
1514
+ --outline-on-dark-outline-positive-hover: #2BD44AFF;
1515
+ --outline-on-dark-outline-positive-active: #1D9032FF;
1516
+ --outline-on-dark-outline-warning-hover: #FF8B4DFF;
1517
+ --outline-on-dark-outline-warning-active: #FA5700FF;
1518
+ --outline-on-dark-outline-negative-hover: #FF6675FF;
1519
+ --outline-on-dark-outline-negative-active: #FF142CFF;
1520
+ --outline-on-dark-outline-info-hover: #3FABF3FF;
1521
+ --outline-on-dark-outline-info-active: #0D84D3FF;
1522
+ --outline-on-dark-outline-positive-minor-hover: #11A72CFF;
1523
+ --outline-on-dark-outline-positive-minor-active: #0D8222FF;
1524
+ --outline-on-dark-outline-warning-minor-hover: #CD5713FF;
1525
+ --outline-on-dark-outline-warning-minor-active: #A84710FF;
1526
+ --outline-on-dark-outline-negative-minor-hover: #C2192AFF;
1527
+ --outline-on-dark-outline-negative-minor-active: #7A101AFF;
1528
+ --outline-on-dark-outline-info-minor-hover: #1483CCFF;
1529
+ --outline-on-dark-outline-info-minor-active: #116BA7FF;
1530
+ --outline-on-dark-outline-transparent-positive-hover: #24B23EFF;
1531
+ --outline-on-dark-outline-transparent-positive-active: #24B23E56;
1532
+ --outline-on-dark-outline-transparent-warning-hover: #FF7024FF;
1533
+ --outline-on-dark-outline-transparent-warning-active: #FF702456;
1534
+ --outline-on-dark-outline-transparent-negative-hover: #FF3D51FF;
1535
+ --outline-on-dark-outline-transparent-negative-active: #FF3D5156;
1536
+ --outline-on-dark-outline-transparent-info-hover: #199AF0FF;
1537
+ --outline-on-dark-outline-transparent-info-active: #199AF056;
1538
+ --outline-on-dark-outline-solid-primary: #262626;
1539
+ --outline-on-dark-outline-solid-secondary: #363636;
1540
+ --outline-on-dark-outline-solid-tertiary: #707070;
1541
+ --outline-on-dark-outline-clear: #FFFFFF00;
1542
+ --outline-on-dark-outline-accent: #14CC98;
1543
+ --outline-on-dark-outline-accent-gradient: rgb(33, 202, 154) 0%,rgb(74, 214, 252) 100%);
1544
+ --outline-on-dark-outline-transparent-accent: rgba(20,204,152,0.28);
1545
+ --outline-on-dark-outline-accent-minor: #0E5944;
1546
+ --outline-on-dark-outline-positive: #24B23E;
1547
+ --outline-on-dark-outline-warning: #FF7024;
1548
+ --outline-on-dark-outline-negative: #FF3D51;
1549
+ --outline-on-dark-outline-info: #199AF0;
1550
+ --outline-on-dark-outline-positive-minor: #095C18;
1551
+ --outline-on-dark-outline-warning-minor: #85380C;
1552
+ --outline-on-dark-outline-negative-minor: #9C1422;
1553
+ --outline-on-dark-outline-info-minor: #0D5382;
1554
+ --outline-on-dark-outline-transparent-positive: rgba(36,178,62,0.28);
1555
+ --outline-on-dark-outline-transparent-warning: rgba(255,112,36,0.28);
1556
+ --outline-on-dark-outline-transparent-negative: rgba(255,61,81,0.28);
1557
+ --outline-on-dark-outline-transparent-info: rgba(25,154,240,0.28);
1558
+ --outline-on-light-outline-solid-primary-hover: #000000FF;
1559
+ --outline-on-light-outline-solid-primary-active: #B3B3B3FF;
1560
+ --outline-on-light-outline-solid-secondary-hover: #000000FF;
1561
+ --outline-on-light-outline-solid-secondary-active: #757575FF;
1562
+ --outline-on-light-outline-solid-tertiary-hover: #000000FF;
1563
+ --outline-on-light-outline-solid-tertiary-active: #595959FF;
1564
+ --outline-on-light-outline-transparent-default-hover: #08080893;
1565
+ --outline-on-light-outline-transparent-default-active: #080808C4;
1566
+ --outline-on-light-outline-transparent-primary-hover: #080808FF;
1567
+ --outline-on-light-outline-transparent-primary-active: #08080825;
1568
+ --outline-on-light-outline-transparent-secondary-hover: #080808FF;
1569
+ --outline-on-light-outline-transparent-secondary-active: #08080856;
1570
+ --outline-on-light-outline-transparent-tertiary-hover: #080808FF;
1571
+ --outline-on-light-outline-transparent-tertiary-active: #080808AB;
1572
+ --outline-on-light-outline-clear-hover: #FFFFFF00;
1573
+ --outline-on-light-outline-clear-active: #FFFFFF00;
1574
+ --outline-on-light-outline-accent-hover: #06C18CFF;
1575
+ --outline-on-light-outline-accent-active: #047253FF;
1576
+ --outline-on-light-outline-accent-gradient-hover: #000000FF;
1577
+ --outline-on-light-outline-accent-gradient-active: #CCCCCCFF;
1578
+ --outline-on-light-outline-accent-minor-hover: #20E9B0FF;
1579
+ --outline-on-light-outline-accent-minor-active: #11A77CFF;
1580
+ --outline-on-light-outline-accent-minor-gradient-hover: #000000FF;
1581
+ --outline-on-light-outline-accent-minor-gradient-active: #CCCCCCFF;
1582
+ --outline-on-light-outline-transparent-accent-hover: #05996FFF;
1583
+ --outline-on-light-outline-transparent-accent-active: #05996F3D;
1584
+ --outline-on-light-outline-transparent-accent-gradient-hover: #000000FF;
1585
+ --outline-on-light-outline-transparent-accent-gradient-active: #CCCCCCFF;
1586
+ --outline-on-light-outline-promo-hover: #000000FF;
1587
+ --outline-on-light-outline-promo-active: #CCCCCCFF;
1588
+ --outline-on-light-outline-promo-gradient-hover: #000000FF;
1589
+ --outline-on-light-outline-promo-gradient-active: #CCCCCCFF;
1590
+ --outline-on-light-outline-promo-minor-hover: #000000FF;
1591
+ --outline-on-light-outline-promo-minor-active: #CCCCCCFF;
1592
+ --outline-on-light-outline-promo-minor-gradient-hover: #000000FF;
1593
+ --outline-on-light-outline-promo-minor-gradient-active: #CCCCCCFF;
1594
+ --outline-on-light-outline-positive-hover: #1FC13DFF;
1595
+ --outline-on-light-outline-positive-active: #147B27FF;
1596
+ --outline-on-light-outline-warning-hover: #FB782DFF;
1597
+ --outline-on-light-outline-warning-active: #D25004FF;
1598
+ --outline-on-light-outline-negative-hover: #FF5263FF;
1599
+ --outline-on-light-outline-negative-active: #FF001AFF;
1600
+ --outline-on-light-outline-info-hover: #2AA0EFFF;
1601
+ --outline-on-light-outline-info-active: #0E75B9FF;
1602
+ --outline-on-light-outline-positive-minor-hover: #47DC62FF;
1603
+ --outline-on-light-outline-positive-minor-active: #21B03CFF;
1604
+ --outline-on-light-outline-warning-minor-hover: #FDB790FF;
1605
+ --outline-on-light-outline-warning-minor-active: #FC8240FF;
1606
+ --outline-on-light-outline-negative-minor-hover: #FFB8BFFF;
1607
+ --outline-on-light-outline-negative-minor-active: #FF6675FF;
1608
+ --outline-on-light-outline-info-minor-hover: #7ACAFFFF;
1609
+ --outline-on-light-outline-info-minor-active: #29A9FFFF;
1610
+ --outline-on-light-outline-transparent-positive-hover: #1A9E32FF;
1611
+ --outline-on-light-outline-transparent-positive-active: #1A9E323D;
1612
+ --outline-on-light-outline-transparent-warning-hover: #FA5F05FF;
1613
+ --outline-on-light-outline-transparent-warning-active: #FA5F053D;
1614
+ --outline-on-light-outline-transparent-negative-hover: #FF293EFF;
1615
+ --outline-on-light-outline-transparent-negative-active: #FF293E3D;
1616
+ --outline-on-light-outline-transparent-info-hover: #118CDFFF;
1617
+ --outline-on-light-outline-transparent-info-active: #118CDF3D;
1618
+ --outline-on-light-outline-accent-gradient: linear-gradient(45.00deg, rgb(0, 172, 123) 0.763%,rgb(39, 198, 229) 100%);
1619
+ --outline-on-light-outline-transparent-accent: rgba(5,153,111,0.2);
1620
+ --outline-on-light-outline-transparent-positive: rgba(26,158,50,0.2);
1621
+ --outline-on-light-outline-transparent-warning: rgba(250,95,5,0.2);
1622
+ --outline-on-light-outline-transparent-negative: rgba(255,41,62,0.2);
1623
+ --outline-on-light-outline-transparent-info: rgba(17,140,223,0.2);
1624
+ --outline-on-light-outline-solid-primary: #DDDDDD;
1625
+ --outline-on-light-outline-solid-secondary: #949494;
1626
+ --outline-on-light-outline-solid-tertiary: #707070;
1627
+ --outline-on-light-outline-clear: #FFFFFF00;
1628
+ --outline-on-light-outline-accent: #05996F;
1629
+ --outline-on-light-outline-accent-minor: #14CC98;
1630
+ --outline-on-light-outline-positive: #1A9E32;
1631
+ --outline-on-light-outline-warning: #FA5F05;
1632
+ --outline-on-light-outline-negative: #FF293E;
1633
+ --outline-on-light-outline-info: #118CDF;
1634
+ --outline-on-light-outline-positive-minor: #28D247;
1635
+ --outline-on-light-outline-warning-minor: #FD9C68;
1636
+ --outline-on-light-outline-negative-minor: #FF8F9A;
1637
+ --outline-on-light-outline-info-minor: #52BAFF;
1638
+ --outline-inverse-outline-solid-primary-hover: #787878FF;
1639
+ --outline-inverse-outline-solid-primary-active: #4F4F4FFF;
1640
+ --outline-inverse-outline-solid-secondary-hover: #878787FF;
1641
+ --outline-inverse-outline-solid-secondary-active: #5E5E5EFF;
1642
+ --outline-inverse-outline-solid-tertiary-hover: #000000FF;
1643
+ --outline-inverse-outline-solid-tertiary-active: #595959FF;
1644
+ --outline-inverse-outline-transparent-default-hover: #FAFAFA93;
1645
+ --outline-inverse-outline-transparent-default-active: #FAFAFAC4;
1646
+ --outline-inverse-outline-transparent-primary-hover: #FAFAFAFF;
1647
+ --outline-inverse-outline-transparent-primary-active: #FAFAFA25;
1648
+ --outline-inverse-outline-transparent-secondary-hover: #FAFAFAFF;
1649
+ --outline-inverse-outline-transparent-secondary-active: #FAFAFA3D;
1650
+ --outline-inverse-outline-transparent-tertiary-hover: #FAFAFAFF;
1651
+ --outline-inverse-outline-transparent-tertiary-active: #FAFAFA56;
1652
+ --outline-inverse-outline-clear-hover: #FFFFFF00;
1653
+ --outline-inverse-outline-clear-active: #FFFFFF00;
1654
+ --outline-inverse-outline-accent-hover: #20E9B0FF;
1655
+ --outline-inverse-outline-accent-active: #11A77CFF;
1656
+ --outline-inverse-outline-accent-gradient-hover: #000000FF;
1657
+ --outline-inverse-outline-accent-gradient-active: #CCCCCCFF;
1658
+ --outline-inverse-outline-accent-minor-hover: #199F79FF;
1659
+ --outline-inverse-outline-accent-minor-active: #137C5EFF;
1660
+ --outline-inverse-outline-accent-minor-gradient-hover: #000000FF;
1661
+ --outline-inverse-outline-accent-minor-gradient-active: #CCCCCCFF;
1662
+ --outline-inverse-outline-transparent-accent-hover: #14CC98FF;
1663
+ --outline-inverse-outline-transparent-accent-active: #14CC9856;
1664
+ --outline-inverse-outline-transparent-accent-gradient-hover: #000000FF;
1665
+ --outline-inverse-outline-transparent-accent-gradient-active: #CCCCCCFF;
1666
+ --outline-inverse-outline-promo-hover: #000000FF;
1667
+ --outline-inverse-outline-promo-active: #CCCCCCFF;
1668
+ --outline-inverse-outline-promo-gradient-hover: #000000FF;
1669
+ --outline-inverse-outline-promo-gradient-active: #CCCCCCFF;
1670
+ --outline-inverse-outline-promo-minor-hover: #000000FF;
1671
+ --outline-inverse-outline-promo-minor-active: #CCCCCCFF;
1672
+ --outline-inverse-outline-promo-minor-gradient-hover: #000000FF;
1673
+ --outline-inverse-outline-promo-minor-gradient-active: #CCCCCCFF;
1674
+ --outline-inverse-outline-positive-hover: #2BD44AFF;
1675
+ --outline-inverse-outline-positive-active: #1D9032FF;
1676
+ --outline-inverse-outline-warning-hover: #FF8B4DFF;
1677
+ --outline-inverse-outline-warning-active: #FA5700FF;
1678
+ --outline-inverse-outline-negative-hover: #FF6675FF;
1679
+ --outline-inverse-outline-negative-active: #FF142CFF;
1680
+ --outline-inverse-outline-info-hover: #3FABF3FF;
1681
+ --outline-inverse-outline-info-active: #0D84D3FF;
1682
+ --outline-inverse-outline-positive-minor-hover: #11A72CFF;
1683
+ --outline-inverse-outline-positive-minor-active: #0D8222FF;
1684
+ --outline-inverse-outline-warning-minor-hover: #CD5713FF;
1685
+ --outline-inverse-outline-warning-minor-active: #A84710FF;
1686
+ --outline-inverse-outline-negative-minor-hover: #C2192AFF;
1687
+ --outline-inverse-outline-negative-minor-active: #7A101AFF;
1688
+ --outline-inverse-outline-info-minor-hover: #1483CCFF;
1689
+ --outline-inverse-outline-info-minor-active: #116BA7FF;
1690
+ --outline-inverse-outline-transparent-positive-hover: #24B23EFF;
1691
+ --outline-inverse-outline-transparent-positive-active: #24B23E56;
1692
+ --outline-inverse-outline-transparent-warning-hover: #FF7024FF;
1693
+ --outline-inverse-outline-transparent-warning-active: #FF702456;
1694
+ --outline-inverse-outline-transparent-negative-hover: #FF3D51FF;
1695
+ --outline-inverse-outline-transparent-negative-active: #FF3D5156;
1696
+ --outline-inverse-outline-transparent-info-hover: #199AF0FF;
1697
+ --outline-inverse-outline-transparent-info-active: #199AF056;
1698
+ --outline-inverse-outline-accent-gradient: rgb(33, 202, 154) 0%,rgb(74, 214, 252) 100%);
1699
+ --outline-inverse-outline-transparent-accent: rgba(20,204,152,0.28);
1700
+ --outline-inverse-outline-transparent-positive: rgba(36,178,62,0.28);
1701
+ --outline-inverse-outline-transparent-warning: rgba(255,112,36,0.28);
1702
+ --outline-inverse-outline-transparent-negative: rgba(255,61,81,0.28);
1703
+ --outline-inverse-outline-transparent-info: rgba(25,154,240,0.28);
1704
+ --outline-inverse-outline-solid-primary: #262626;
1705
+ --outline-inverse-outline-solid-secondary: #363636;
1706
+ --outline-inverse-outline-solid-tertiary: #707070;
1707
+ --outline-inverse-outline-clear: #FFFFFF00;
1708
+ --outline-inverse-outline-accent: #14CC98;
1709
+ --outline-inverse-outline-accent-minor: #0E5944;
1710
+ --outline-inverse-outline-positive: #24B23E;
1711
+ --outline-inverse-outline-warning: #FF7024;
1712
+ --outline-inverse-outline-negative: #FF3D51;
1713
+ --outline-inverse-outline-info: #199AF0;
1714
+ --outline-inverse-outline-positive-minor: #095C18;
1715
+ --outline-inverse-outline-warning-minor: #85380C;
1716
+ --outline-inverse-outline-negative-minor: #9C1422;
1717
+ --outline-inverse-outline-info-minor: #0D5382;
972
1718
  --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
973
1719
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
974
1720
  --plasma-colors-white-primary: var(--on-dark-text-primary);