@salutejs/sdds-themes 0.44.0-canary.2127.16721664480.0 → 0.44.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 (17) hide show
  1. package/css/sdds_finportal.module.css +335 -383
  2. package/css/sdds_finportal__dark.css +138 -162
  3. package/css/sdds_finportal__light.css +197 -221
  4. package/es/themes/sdds_finportal__dark.js +1 -1
  5. package/es/themes/sdds_finportal__dark.js.map +1 -1
  6. package/es/themes/sdds_finportal__light.js +1 -1
  7. package/es/themes/sdds_finportal__light.js.map +1 -1
  8. package/es/tokens/sdds_finportal/index.js +209 -257
  9. package/es/tokens/sdds_finportal/index.js.map +1 -1
  10. package/package.json +3 -3
  11. package/themes/sdds_finportal__dark.js +1 -1
  12. package/themes/sdds_finportal__dark.js.map +1 -1
  13. package/themes/sdds_finportal__light.js +1 -1
  14. package/themes/sdds_finportal__light.js.map +1 -1
  15. package/tokens/sdds_finportal/index.d.ts +207 -255
  16. package/tokens/sdds_finportal/index.js +228 -276
  17. package/tokens/sdds_finportal/index.js.map +1 -1
package/css/sdds_finportal.module.css CHANGED
@@ -3,10 +3,10 @@
3
3
  .dark {
4
4
  --text-primary-hover: #F2F5F893;
5
5
  --text-primary-active: #F2F5F8C4;
6
- --text-secondary-hover: #F2F5F8FF;
7
- --text-secondary-active: #F2F5F8AB;
8
- --text-tertiary-hover: #F2F5F8FF;
9
- --text-tertiary-active: #F2F5F856;
6
+ --text-secondary-hover: #D6DFE6FF;
7
+ --text-secondary-active: #D6DFE6BE;
8
+ --text-tertiary-hover: #D6DFE6FF;
9
+ --text-tertiary-active: #D6DFE65C;
10
10
  --text-paragraph-hover: #F2F5F87A;
11
11
  --text-paragraph-active: #F2F5F8A3;
12
12
  --text-accent-hover: #66BCF5FF;
@@ -31,8 +31,6 @@
31
31
  --text-info-minor-active: #10659EFF;
32
32
  --text-primary: #F2F5F8F5;
33
33
  --text-primary-brightness: #F3F6F8FF;
34
- --text-secondary: #F2F5F88F;
35
- --text-tertiary: #F2F5F847;
36
34
  --text-paragraph: #F2F5F8CC;
37
35
  --text-accent: #199AF0;
38
36
  --text-accent-minor: #0D5382;
@@ -44,12 +42,14 @@
44
42
  --text-warning-minor: #85380C;
45
43
  --text-negative-minor: #9C1422;
46
44
  --text-info-minor: #0D5382;
45
+ --text-secondary: #D5DFE69E;
46
+ --text-tertiary: #D5DFE64D;
47
47
  --on-dark-text-primary-hover: #F2F5F893;
48
48
  --on-dark-text-primary-active: #F2F5F8C4;
49
- --on-dark-text-secondary-hover: #F2F5F8FF;
50
- --on-dark-text-secondary-active: #F2F5F8AB;
51
- --on-dark-text-tertiary-hover: #F2F5F8FF;
52
- --on-dark-text-tertiary-active: #F2F5F856;
49
+ --on-dark-text-secondary-hover: #D6DFE6FF;
50
+ --on-dark-text-secondary-active: #D6DFE6BE;
51
+ --on-dark-text-tertiary-hover: #D6DFE6FF;
52
+ --on-dark-text-tertiary-active: #D6DFE65C;
53
53
  --on-dark-text-paragraph-hover: #F2F5F87A;
54
54
  --on-dark-text-paragraph-active: #F2F5F8A3;
55
55
  --on-dark-text-accent-hover: #66BCF5FF;
@@ -74,8 +74,6 @@
74
74
  --on-dark-text-info-minor-active: #10659EFF;
75
75
  --on-dark-text-primary: #F2F5F8F5;
76
76
  --on-dark-text-primary-brightness: #F3F6F8FF;
77
- --on-dark-text-secondary: #F2F5F88F;
78
- --on-dark-text-tertiary: #F2F5F847;
79
77
  --on-dark-text-paragraph: #F2F5F8CC;
80
78
  --on-dark-text-accent: #199AF0;
81
79
  --on-dark-text-accent-minor: #0D5382;
@@ -87,12 +85,14 @@
87
85
  --on-dark-text-warning-minor: #85380C;
88
86
  --on-dark-text-negative-minor: #9C1422;
89
87
  --on-dark-text-info-minor: #0D5382;
88
+ --on-dark-text-secondary: #D5DFE69E;
89
+ --on-dark-text-tertiary: #D5DFE64D;
90
90
  --on-light-text-primary-hover: #13181B93;
91
91
  --on-light-text-primary-active: #13181BC4;
92
- --on-light-text-secondary-hover: #13181BFF;
93
- --on-light-text-secondary-active: #13181BAB;
94
- --on-light-text-tertiary-hover: #13181BFF;
95
- --on-light-text-tertiary-active: #13181B56;
92
+ --on-light-text-secondary-hover: #485056FF;
93
+ --on-light-text-secondary-active: #485056D3;
94
+ --on-light-text-tertiary-hover: #717C84FF;
95
+ --on-light-text-tertiary-active: #717C8493;
96
96
  --on-light-text-paragraph-hover: #13181B7A;
97
97
  --on-light-text-paragraph-active: #13181BA3;
98
98
  --on-light-text-accent-hover: #34A7F4FF;
@@ -101,10 +101,10 @@
101
101
  --on-light-text-accent-minor-active: #33ADFFFF;
102
102
  --on-light-text-positive-hover: #13AA2CFF;
103
103
  --on-light-text-positive-active: #0D731EFF;
104
- --on-light-text-warning-hover: #FD650DFF;
105
- --on-light-text-warning-active: #CA4B02FF;
106
- --on-light-text-negative-hover: #F5384BFF;
107
- --on-light-text-negative-active: #E40C22FF;
104
+ --on-light-text-warning-hover: #FB7223FF;
105
+ --on-light-text-warning-active: #DC5304FF;
106
+ --on-light-text-negative-hover: #ED263AFF;
107
+ --on-light-text-negative-active: #C61022FF;
108
108
  --on-light-text-info-hover: #34A7F4FF;
109
109
  --on-light-text-info-active: #096CAEFF;
110
110
  --on-light-text-positive-minor-hover: #3EDA5BFF;
@@ -117,25 +117,25 @@
117
117
  --on-light-text-info-minor-active: #33ADFFFF;
118
118
  --on-light-text-primary: #13181BF5;
119
119
  --on-light-text-primary-brightness: #212629FF;
120
- --on-light-text-secondary: #13181B8F;
121
- --on-light-text-tertiary: #13181B47;
122
120
  --on-light-text-paragraph: #13181BCC;
123
121
  --on-light-text-accent: #0B7ECB;
124
122
  --on-light-text-accent-minor: #52BAFF;
125
123
  --on-light-text-positive: #108E26;
126
- --on-light-text-warning: #E85702;
127
- --on-light-text-negative: #F31B31;
128
124
  --on-light-text-info: #0B7ECB;
129
125
  --on-light-text-positive-minor: #28D247;
130
126
  --on-light-text-warning-minor: #FD9C68;
131
127
  --on-light-text-negative-minor: #FF8F9A;
132
128
  --on-light-text-info-minor: #52BAFF;
129
+ --on-light-text-secondary: #485056B0;
130
+ --on-light-text-tertiary: #707C847A;
131
+ --on-light-text-warning: #FA5F05;
132
+ --on-light-text-negative: #E31227;
133
133
  --inverse-text-primary-hover: #13181B93;
134
134
  --inverse-text-primary-active: #13181BC4;
135
- --inverse-text-secondary-hover: #13181BFF;
136
- --inverse-text-secondary-active: #13181BAB;
137
- --inverse-text-tertiary-hover: #13181BFF;
138
- --inverse-text-tertiary-active: #13181B56;
135
+ --inverse-text-secondary-hover: #485056FF;
136
+ --inverse-text-secondary-active: #485056D3;
137
+ --inverse-text-tertiary-hover: #717C84FF;
138
+ --inverse-text-tertiary-active: #717C8493;
139
139
  --inverse-text-paragraph-hover: #13181B7A;
140
140
  --inverse-text-paragraph-active: #13181BA3;
141
141
  --inverse-text-accent-hover: #34A7F4FF;
@@ -144,10 +144,10 @@
144
144
  --inverse-text-accent-minor-active: #33ADFFFF;
145
145
  --inverse-text-positive-hover: #13AA2CFF;
146
146
  --inverse-text-positive-active: #0D731EFF;
147
- --inverse-text-warning-hover: #FD650DFF;
148
- --inverse-text-warning-active: #CA4B02FF;
149
- --inverse-text-negative-hover: #F5384BFF;
150
- --inverse-text-negative-active: #E40C22FF;
147
+ --inverse-text-warning-hover: #FB7223FF;
148
+ --inverse-text-warning-active: #DC5304FF;
149
+ --inverse-text-negative-hover: #ED263AFF;
150
+ --inverse-text-negative-active: #C61022FF;
151
151
  --inverse-text-info-hover: #34A7F4FF;
152
152
  --inverse-text-info-active: #096CAEFF;
153
153
  --inverse-text-positive-minor-hover: #3EDA5BFF;
@@ -160,37 +160,37 @@
160
160
  --inverse-text-info-minor-active: #33ADFFFF;
161
161
  --inverse-text-primary: #13181BF5;
162
162
  --inverse-text-primary-brightness: #212629FF;
163
- --inverse-text-secondary: #13181B8F;
164
- --inverse-text-tertiary: #13181B47;
165
163
  --inverse-text-paragraph: #13181BCC;
166
164
  --inverse-text-accent: #0B7ECB;
167
165
  --inverse-text-accent-minor: #52BAFF;
168
166
  --inverse-text-positive: #108E26;
169
- --inverse-text-warning: #E85702;
170
- --inverse-text-negative: #F31B31;
171
167
  --inverse-text-info: #0B7ECB;
172
168
  --inverse-text-positive-minor: #28D247;
173
169
  --inverse-text-warning-minor: #FD9C68;
174
170
  --inverse-text-negative-minor: #FF8F9A;
175
171
  --inverse-text-info-minor: #52BAFF;
172
+ --inverse-text-secondary: #485056B0;
173
+ --inverse-text-tertiary: #707C847A;
174
+ --inverse-text-warning: #FA5F05;
175
+ --inverse-text-negative: #E31227;
176
176
  --surface-solid-primary-hover: #171D21FF;
177
177
  --surface-solid-primary-active: #0F1315FF;
178
178
  --surface-solid-secondary-hover: #2C343AFF;
179
179
  --surface-solid-secondary-active: #1F2528FF;
180
180
  --surface-solid-tertiary-hover: #394147FF;
181
181
  --surface-solid-tertiary-active: #2B3136FF;
182
- --surface-solid-card-hover: #171D21FF;
183
- --surface-solid-card-active: #0F1315FF;
182
+ --surface-solid-card-hover: #0A1114FF;
183
+ --surface-solid-card-active: #030607FF;
184
184
  --surface-solid-default-hover: #FFFFFFFF;
185
185
  --surface-solid-default-active: #F1F5F8FF;
186
186
  --surface-transparent-primary-hover: #FFFFFF1F;
187
187
  --surface-transparent-primary-active: #FFFFFF0A;
188
- --surface-transparent-secondary-hover: #FFFFFF3D;
189
- --surface-transparent-secondary-active: #FFFFFF0F;
190
- --surface-transparent-tertiary-hover: #FFFFFF52;
191
- --surface-transparent-tertiary-active: #FFFFFF24;
192
- --surface-transparent-deep-hover: #FFFFFFC2;
193
- --surface-transparent-deep-active: #FFFFFF94;
188
+ --surface-transparent-secondary-hover: #D6DFE642;
189
+ --surface-transparent-secondary-active: #D6DFE614;
190
+ --surface-transparent-tertiary-hover: #D6DFE65C;
191
+ --surface-transparent-tertiary-active: #D6DFE62E;
192
+ --surface-transparent-deep-hover: #D6DFE6DB;
193
+ --surface-transparent-deep-active: #D6DFE6AD;
194
194
  --surface-transparent-card-hover: #FFFFFF1F;
195
195
  --surface-transparent-card-active: #FFFFFF0A;
196
196
  --surface-clear-hover: #FFFFFF00;
@@ -225,8 +225,7 @@
225
225
  --surface-transparent-negative-active: #FF293E24;
226
226
  --surface-transparent-info-hover: #118CDF52;
227
227
  --surface-transparent-info-active: #118CDF24;
228
- --surface-solid-card: #13181B;
229
- --surface-solid-card-brightness: #212629FF;
228
+ --surface-solid-card-brightness: #111C22FF;
230
229
  --surface-solid-primary: #13181B;
231
230
  --surface-solid-primary-brightness: #212629FF;
232
231
  --surface-solid-secondary: #23292D;
@@ -235,9 +234,6 @@
235
234
  --surface-transparent-card: #FFFFFF0F;
236
235
  --surface-transparent-card-brightness: #FFFFFFFF;
237
236
  --surface-transparent-primary: #FFFFFF0F;
238
- --surface-transparent-secondary: #FFFFFF1F;
239
- --surface-transparent-tertiary: #FFFFFF33;
240
- --surface-transparent-deep: #FFFFFFA3;
241
237
  --surface-clear: #FFFFFF00;
242
238
  --surface-accent: #118CDF;
243
239
  --surface-accent-minor: #0C283B;
@@ -254,24 +250,28 @@
254
250
  --surface-transparent-warning: #FA5F0533;
255
251
  --surface-transparent-negative: #FF293E33;
256
252
  --surface-transparent-info: #118CDF33;
253
+ --surface-solid-card: #060A0C;
254
+ --surface-transparent-secondary: #D5DFE624;
255
+ --surface-transparent-tertiary: #D5DFE63D;
256
+ --surface-transparent-deep: #D5DFE6BD;
257
257
  --on-dark-surface-solid-primary-hover: #171D21FF;
258
258
  --on-dark-surface-solid-primary-active: #0F1315FF;
259
259
  --on-dark-surface-solid-secondary-hover: #2C343AFF;
260
260
  --on-dark-surface-solid-secondary-active: #1F2528FF;
261
261
  --on-dark-surface-solid-tertiary-hover: #394147FF;
262
262
  --on-dark-surface-solid-tertiary-active: #2B3136FF;
263
- --on-dark-surface-solid-card-hover: #171D21FF;
264
- --on-dark-surface-solid-card-active: #0F1315FF;
263
+ --on-dark-surface-solid-card-hover: #0A1114FF;
264
+ --on-dark-surface-solid-card-active: #030607FF;
265
265
  --on-dark-surface-solid-default-hover: #FFFFFFFF;
266
266
  --on-dark-surface-solid-default-active: #F1F5F8FF;
267
267
  --on-dark-surface-transparent-primary-hover: #FFFFFF1F;
268
268
  --on-dark-surface-transparent-primary-active: #FFFFFF0A;
269
- --on-dark-surface-transparent-secondary-hover: #FFFFFF3D;
270
- --on-dark-surface-transparent-secondary-active: #FFFFFF0F;
271
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF52;
272
- --on-dark-surface-transparent-tertiary-active: #FFFFFF24;
273
- --on-dark-surface-transparent-deep-hover: #FFFFFFC2;
274
- --on-dark-surface-transparent-deep-active: #FFFFFF94;
269
+ --on-dark-surface-transparent-secondary-hover: #D6DFE642;
270
+ --on-dark-surface-transparent-secondary-active: #D6DFE614;
271
+ --on-dark-surface-transparent-tertiary-hover: #D6DFE65C;
272
+ --on-dark-surface-transparent-tertiary-active: #D6DFE62E;
273
+ --on-dark-surface-transparent-deep-hover: #D6DFE6DB;
274
+ --on-dark-surface-transparent-deep-active: #D6DFE6AD;
275
275
  --on-dark-surface-transparent-card-hover: #FFFFFF1F;
276
276
  --on-dark-surface-transparent-card-active: #FFFFFF0A;
277
277
  --on-dark-surface-clear-hover: #FFFFFF00;
@@ -324,17 +324,17 @@
324
324
  --on-dark-surface-solid-primary-brightness: #212629FF;
325
325
  --on-dark-surface-solid-secondary: #23292D;
326
326
  --on-dark-surface-solid-tertiary: #30373C;
327
- --on-dark-surface-solid-card: #13181B;
328
- --on-dark-surface-solid-card-brightness: #212629FF;
327
+ --on-dark-surface-solid-card-brightness: #111C22FF;
329
328
  --on-dark-surface-solid-default: #F7F9FB;
330
329
  --on-dark-surface-transparent-primary: #FFFFFF0F;
331
- --on-dark-surface-transparent-secondary: #FFFFFF1F;
332
- --on-dark-surface-transparent-tertiary: #FFFFFF33;
333
- --on-dark-surface-transparent-deep: #FFFFFFA3;
334
330
  --on-dark-surface-transparent-card: #FFFFFF0F;
335
331
  --on-dark-surface-transparent-card-brightness: #FFFFFFFF;
336
332
  --on-dark-surface-accent: #118CDF;
337
333
  --on-dark-surface-clear: #FFFFFF00;
334
+ --on-dark-surface-solid-card: #060A0C;
335
+ --on-dark-surface-transparent-secondary: #D5DFE624;
336
+ --on-dark-surface-transparent-tertiary: #D5DFE63D;
337
+ --on-dark-surface-transparent-deep: #D5DFE6BD;
338
338
  --on-light-surface-solid-primary-hover: #F8FAFBFF;
339
339
  --on-light-surface-solid-primary-active: #EBF0F4FF;
340
340
  --on-light-surface-solid-secondary-hover: #F5F8F9FF;
@@ -345,14 +345,14 @@
345
345
  --on-light-surface-solid-card-active: #FFFFFFFF;
346
346
  --on-light-surface-solid-default-hover: #0A1114FF;
347
347
  --on-light-surface-solid-default-active: #030607FF;
348
- --on-light-surface-transparent-primary-hover: #070B0E0F;
349
- --on-light-surface-transparent-primary-active: #070B0E00;
350
- --on-light-surface-transparent-secondary-hover: #070B0E1F;
351
- --on-light-surface-transparent-secondary-active: #070B0E0A;
352
- --on-light-surface-transparent-tertiary-hover: #070B0E3D;
353
- --on-light-surface-transparent-tertiary-active: #070B0E0F;
354
- --on-light-surface-transparent-deep-hover: #070B0EC2;
355
- --on-light-surface-transparent-deep-active: #070B0E94;
348
+ --on-light-surface-transparent-primary-hover: #D6DFE661;
349
+ --on-light-surface-transparent-primary-active: #D6DFE633;
350
+ --on-light-surface-transparent-secondary-hover: #ADB9C257;
351
+ --on-light-surface-transparent-secondary-active: #ADB9C229;
352
+ --on-light-surface-transparent-tertiary-hover: #8A969E66;
353
+ --on-light-surface-transparent-tertiary-active: #8A969E38;
354
+ --on-light-surface-transparent-deep-hover: #30373BE6;
355
+ --on-light-surface-transparent-deep-active: #30373BB8;
356
356
  --on-light-surface-transparent-card-hover: #FFFFFFFF;
357
357
  --on-light-surface-transparent-card-active: #FFFFFFFF;
358
358
  --on-light-surface-clear: #FFFFFF00;
@@ -375,7 +375,7 @@
375
375
  --on-light-surface-positive-minor-hover: #B1FBBFFF;
376
376
  --on-light-surface-positive-minor-active: #94F9A7FF;
377
377
  --on-light-surface-warning-minor-hover: #FEE9DCFF;
378
- --on-light-surface-warning-minor-active: #FEDCC8FF;
378
+ --on-light-surface-warning-minor-active: #FED8C3FF;
379
379
  --on-light-surface-negative-minor-hover: #FFEBEDFF;
380
380
  --on-light-surface-negative-minor-active: #FFD6DAFF;
381
381
  --on-light-surface-info-minor-hover: #DBF1FFFF;
@@ -395,10 +395,6 @@
395
395
  --on-light-surface-solid-card: #FFFFFFFF;
396
396
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
397
397
  --on-light-surface-solid-default: #060A0C;
398
- --on-light-surface-transparent-primary: #060A0C05;
399
- --on-light-surface-transparent-secondary: #060A0C0F;
400
- --on-light-surface-transparent-tertiary: #060A0C1F;
401
- --on-light-surface-transparent-deep: #060A0CA3;
402
398
  --on-light-surface-transparent-card: #FFFFFFFF;
403
399
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
404
400
  --on-light-surface-accent: #118CDF;
@@ -416,6 +412,10 @@
416
412
  --on-light-surface-transparent-warning: #FA5F051F;
417
413
  --on-light-surface-transparent-negative: #FF293E1F;
418
414
  --on-light-surface-transparent-info: #118CDF1F;
415
+ --on-light-surface-transparent-primary: #D5DFE642;
416
+ --on-light-surface-transparent-secondary: #ADB9C238;
417
+ --on-light-surface-transparent-tertiary: #8A959D47;
418
+ --on-light-surface-transparent-deep: #30373CC7;
419
419
  --inverse-surface-solid-primary-hover: #F8FAFBFF;
420
420
  --inverse-surface-solid-primary-active: #EBF0F4FF;
421
421
  --inverse-surface-solid-secondary-hover: #F5F8F9FF;
@@ -426,14 +426,14 @@
426
426
  --inverse-surface-solid-card-active: #FFFFFFFF;
427
427
  --inverse-surface-solid-default-hover: #0A1114FF;
428
428
  --inverse-surface-solid-default-active: #030607FF;
429
- --inverse-surface-transparent-primary-hover: #070B0E0F;
430
- --inverse-surface-transparent-primary-active: #070B0E00;
431
- --inverse-surface-transparent-secondary-hover: #070B0E1F;
432
- --inverse-surface-transparent-secondary-active: #070B0E0A;
433
- --inverse-surface-transparent-tertiary-hover: #070B0E3D;
434
- --inverse-surface-transparent-tertiary-active: #070B0E0F;
435
- --inverse-surface-transparent-deep-hover: #070B0EC2;
436
- --inverse-surface-transparent-deep-active: #070B0E94;
429
+ --inverse-surface-transparent-primary-hover: #D6DFE661;
430
+ --inverse-surface-transparent-primary-active: #D6DFE633;
431
+ --inverse-surface-transparent-secondary-hover: #ADB9C257;
432
+ --inverse-surface-transparent-secondary-active: #ADB9C229;
433
+ --inverse-surface-transparent-tertiary-hover: #8A969E66;
434
+ --inverse-surface-transparent-tertiary-active: #8A969E38;
435
+ --inverse-surface-transparent-deep-hover: #30373BE6;
436
+ --inverse-surface-transparent-deep-active: #30373BB8;
437
437
  --inverse-surface-transparent-card-hover: #FFFFFFFF;
438
438
  --inverse-surface-transparent-card-active: #FFFFFFFF;
439
439
  --inverse-surface-clear: #FFFFFF00;
@@ -478,10 +478,6 @@
478
478
  --inverse-surface-solid-card-brightness: #FFFFFFFF;
479
479
  --inverse-surface-transparent-card: #FFFFFFFF;
480
480
  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
481
- --inverse-surface-transparent-primary: #060A0C05;
482
- --inverse-surface-transparent-secondary: #060A0C0F;
483
- --inverse-surface-transparent-tertiary: #060A0C1F;
484
- --inverse-surface-transparent-deep: #060A0CA3;
485
481
  --inverse-surface-accent: #118CDF;
486
482
  --inverse-surface-accent-minor: #CFECFF;
487
483
  --inverse-surface-transparent-accent: #118CDF1F;
@@ -497,6 +493,10 @@
497
493
  --inverse-surface-transparent-warning: #FA5F051F;
498
494
  --inverse-surface-transparent-negative: #FF293E1F;
499
495
  --inverse-surface-transparent-info: #118CDF1F;
496
+ --inverse-surface-transparent-primary: #D5DFE642;
497
+ --inverse-surface-transparent-secondary: #ADB9C238;
498
+ --inverse-surface-transparent-tertiary: #8A959D47;
499
+ --inverse-surface-transparent-deep: #30373CC7;
500
500
  --background-primary: #060A0C;
501
501
  --background-primary-brightness: #15191BFF;
502
502
  --dark-background-primary: #060A0C;
@@ -505,7 +505,7 @@
505
505
  --inverse-background-primary-brightness: #F7F9FBFF;
506
506
  --overlay-hard: #060A0CF5;
507
507
  --overlay-soft: #060A0C8F;
508
- --overlay-blur: #F2F5F81F;
508
+ --overlay-blur: #060A0C47;
509
509
  --on-dark-overlay-hard: #060A0CF5;
510
510
  --on-dark-overlay-soft: #060A0C8F;
511
511
  --on-dark-overlay-blur: #060A0C47;
@@ -521,20 +521,6 @@
521
521
  --outline-solid-secondary-active: #96A2ABFF;
522
522
  --outline-solid-tertiary-hover: #FFFFFFFF;
523
523
  --outline-solid-tertiary-active: #68757DFF;
524
- --outline-transparent-default-hover: #C7C7C7FF;
525
- --outline-transparent-default-active: #E0E0E0FF;
526
- --outline-transparent-primary: #F7F9FB1F;
527
- --outline-transparent-primary-hover: #F8FAFCFF;
528
- --outline-transparent-primary-active: #F8FAFC25;
529
- --outline-transparent-secondary: #F7F9FB33;
530
- --outline-transparent-secondary-hover: #F8FAFCFF;
531
- --outline-transparent-secondary-active: #F8FAFC3D;
532
- --outline-transparent-tertiary: #F7F9FB47;
533
- --outline-transparent-tertiary-hover: #F8FAFCFF;
534
- --outline-transparent-tertiary-active: #F8FAFC56;
535
- --outline-clear: #FFFFFF00;
536
- --outline-clear-hover: #FFFFFF00;
537
- --outline-clear-active: #FFFFFF00;
538
524
  --outline-accent-hover: #66BCF5FF;
539
525
  --outline-accent-active: #0E8ADDFF;
540
526
  --outline-accent-minor-hover: #1277BAFF;
@@ -568,7 +554,6 @@
568
554
  --outline-solid-primary: #23292D;
569
555
  --outline-solid-secondary: #30373C;
570
556
  --outline-solid-tertiary: #657179;
571
- --outline-transparent-default: #F9F9F9;
572
557
  --outline-accent: #199AF0;
573
558
  --outline-accent-minor: #0D5382;
574
559
  --outline-transparent-accent: #199AF047;
@@ -584,26 +569,15 @@
584
569
  --outline-transparent-warning: #FF702447;
585
570
  --outline-transparent-negative: #FF3D5147;
586
571
  --outline-transparent-info: #199AF047;
572
+ --outline-solid-default-hover: #D0DBE7FF;
573
+ --outline-solid-default-active: #E4EBF1FF;
574
+ --outline-solid-default: #F7F9FB;
587
575
  --on-dark-outline-solid-primary-hover: #FFFFFFFF;
588
576
  --on-dark-outline-solid-primary-active: #A0ADB6FF;
589
577
  --on-dark-outline-solid-secondary-hover: #FFFFFFFF;
590
578
  --on-dark-outline-solid-secondary-active: #96A2ABFF;
591
579
  --on-dark-outline-solid-tertiary-hover: #FFFFFFFF;
592
580
  --on-dark-outline-solid-tertiary-active: #68757DFF;
593
- --on-dark-outline-transparent-default-hover: #C7C7C7FF;
594
- --on-dark-outline-transparent-default-active: #E0E0E0FF;
595
- --on-dark-outline-transparent-primary: #F7F9FB1F;
596
- --on-dark-outline-transparent-primary-hover: #F8FAFCFF;
597
- --on-dark-outline-transparent-primary-active: #F8FAFC25;
598
- --on-dark-outline-transparent-secondary: #F7F9FB33;
599
- --on-dark-outline-transparent-secondary-hover: #F8FAFCFF;
600
- --on-dark-outline-transparent-secondary-active: #F8FAFC3D;
601
- --on-dark-outline-transparent-tertiary: #F7F9FB47;
602
- --on-dark-outline-transparent-tertiary-hover: #F8FAFCFF;
603
- --on-dark-outline-transparent-tertiary-active: #F8FAFC56;
604
- --on-dark-outline-clear: #FFFFFF00;
605
- --on-dark-outline-clear-hover: #FFFFFF00;
606
- --on-dark-outline-clear-active: #FFFFFF00;
607
581
  --on-dark-outline-accent-hover: #66BCF5FF;
608
582
  --on-dark-outline-accent-active: #0E8ADDFF;
609
583
  --on-dark-outline-accent-minor-hover: #1277BAFF;
@@ -637,7 +611,6 @@
637
611
  --on-dark-outline-solid-primary: #23292D;
638
612
  --on-dark-outline-solid-secondary: #30373C;
639
613
  --on-dark-outline-solid-tertiary: #657179;
640
- --on-dark-outline-transparent-default: #F9F9F9;
641
614
  --on-dark-outline-accent: #199AF0;
642
615
  --on-dark-outline-transparent-accent: #199AF047;
643
616
  --on-dark-outline-accent-minor: #0D5382;
@@ -653,26 +626,15 @@
653
626
  --on-dark-outline-transparent-warning: #FF702447;
654
627
  --on-dark-outline-transparent-negative: #FF3D5147;
655
628
  --on-dark-outline-transparent-info: #199AF047;
629
+ --on-dark-outline-solid-default: #F7F9FB;
630
+ --on-dark-outline-solid-default-hover: #D0DBE7FF;
631
+ --on-dark-outline-solid-default-active: #E4EBF1FF;
656
632
  --on-light-outline-solid-primary-hover: #AFC2CFFF;
657
633
  --on-light-outline-solid-primary-active: #C2D1DBFF;
658
634
  --on-light-outline-solid-secondary-hover: #FFFFFFFF;
659
635
  --on-light-outline-solid-secondary-active: #4F585FFF;
660
636
  --on-light-outline-solid-tertiary-hover: #FFFFFFFF;
661
637
  --on-light-outline-solid-tertiary-active: #68757DFF;
662
- --on-light-outline-transparent-default-hover: #FFFFFFFF;
663
- --on-light-outline-transparent-default-active: #C7C7C7FF;
664
- --on-light-outline-transparent-primary: #060A0C1F;
665
- --on-light-outline-transparent-primary-hover: #070B0EFF;
666
- --on-light-outline-transparent-primary-active: #070B0E25;
667
- --on-light-outline-transparent-secondary: #060A0C47;
668
- --on-light-outline-transparent-secondary-hover: #070B0EFF;
669
- --on-light-outline-transparent-secondary-active: #070B0E56;
670
- --on-light-outline-transparent-tertiary: #060A0C8F;
671
- --on-light-outline-transparent-tertiary-hover: #070B0EFF;
672
- --on-light-outline-transparent-tertiary-active: #070B0EAB;
673
- --on-light-outline-clear: #FFFFFF00;
674
- --on-light-outline-clear-hover: #FFFFFF00;
675
- --on-light-outline-clear-active: #FFFFFF00;
676
638
  --on-light-outline-accent-hover: #34A7F4FF;
677
639
  --on-light-outline-accent-active: #096CAEFF;
678
640
  --on-light-outline-accent-minor-hover: #A3DAFFFF;
@@ -681,10 +643,10 @@
681
643
  --on-light-outline-transparent-accent-active: #0B7ECB3D;
682
644
  --on-light-outline-positive-hover: #13AA2CFF;
683
645
  --on-light-outline-positive-active: #0D731EFF;
684
- --on-light-outline-warning-hover: #FD650DFF;
685
- --on-light-outline-warning-active: #CA4B02FF;
686
- --on-light-outline-negative-hover: #F5384BFF;
687
- --on-light-outline-negative-active: #E40C22FF;
646
+ --on-light-outline-warning-hover: #FB7223FF;
647
+ --on-light-outline-warning-active: #DC5304FF;
648
+ --on-light-outline-negative-hover: #ED263AFF;
649
+ --on-light-outline-negative-active: #C61022FF;
688
650
  --on-light-outline-info-hover: #34A7F4FF;
689
651
  --on-light-outline-info-active: #096CAEFF;
690
652
  --on-light-outline-positive-minor-hover: #3EDA5BFF;
@@ -706,13 +668,10 @@
706
668
  --on-light-outline-solid-primary: #D5DFE6;
707
669
  --on-light-outline-solid-secondary: #8A959D;
708
670
  --on-light-outline-solid-tertiary: #657179;
709
- --on-light-outline-transparent-default: #080808;
710
671
  --on-light-outline-accent: #0B7ECB;
711
672
  --on-light-outline-accent-minor: #52BAFF;
712
673
  --on-light-outline-transparent-accent: #0B7ECB33;
713
674
  --on-light-outline-positive: #108E26;
714
- --on-light-outline-warning: #E85702;
715
- --on-light-outline-negative: #F31B31;
716
675
  --on-light-outline-info: #0B7ECB;
717
676
  --on-light-outline-positive-minor: #28D247;
718
677
  --on-light-outline-warning-minor: #FD9C68;
@@ -722,26 +681,17 @@
722
681
  --on-light-outline-transparent-warning: #E8570233;
723
682
  --on-light-outline-transparent-negative: #F31B3133;
724
683
  --on-light-outline-transparent-info: #0B7ECB33;
684
+ --on-light-outline-solid-default: #060A0C;
685
+ --on-light-outline-solid-default-hover: #1B2D36FF;
686
+ --on-light-outline-solid-default-active: #111C22FF;
687
+ --on-light-outline-warning: #FA5F05;
688
+ --on-light-outline-negative: #E31227;
725
689
  --inverse-outline-solid-primary-hover: #AFC2CFFF;
726
690
  --inverse-outline-solid-primary-active: #C2D1DBFF;
727
691
  --inverse-outline-solid-secondary-hover: #FFFFFFFF;
728
692
  --inverse-outline-solid-secondary-active: #4F585FFF;
729
693
  --inverse-outline-solid-tertiary-hover: #FFFFFFFF;
730
- --inverse-outline-solid-tertiary-active: #737373FF;
731
- --inverse-outline-transparent-default-hover: #FFFFFFFF;
732
- --inverse-outline-transparent-default-active: #C7C7C7FF;
733
- --inverse-outline-transparent-primary: #060A0C1F;
734
- --inverse-outline-transparent-primary-hover: #070B0EFF;
735
- --inverse-outline-transparent-primary-active: #070B0E25;
736
- --inverse-outline-transparent-secondary: #060A0C47;
737
- --inverse-outline-transparent-secondary-hover: #070B0EFF;
738
- --inverse-outline-transparent-secondary-active: #070B0E56;
739
- --inverse-outline-transparent-tertiary: #060A0C8F;
740
- --inverse-outline-transparent-tertiary-hover: #070B0EFF;
741
- --inverse-outline-transparent-tertiary-active: #070B0EAB;
742
- --inverse-outline-clear: #FFFFFF00;
743
- --inverse-outline-clear-hover: #FFFFFF00;
744
- --inverse-outline-clear-active: #FFFFFF00;
694
+ --inverse-outline-solid-tertiary-active: #68757DFF;
745
695
  --inverse-outline-accent-hover: #34A7F4FF;
746
696
  --inverse-outline-accent-active: #096CAEFF;
747
697
  --inverse-outline-accent-minor-hover: #A3DAFFFF;
@@ -750,10 +700,10 @@
750
700
  --inverse-outline-transparent-accent-active: #0B7ECB3D;
751
701
  --inverse-outline-positive-hover: #13AA2CFF;
752
702
  --inverse-outline-positive-active: #0D731EFF;
753
- --inverse-outline-warning-hover: #FD650DFF;
754
- --inverse-outline-warning-active: #CA4B02FF;
755
- --inverse-outline-negative-hover: #F5384BFF;
756
- --inverse-outline-negative-active: #E40C22FF;
703
+ --inverse-outline-warning-hover: #FB7223FF;
704
+ --inverse-outline-warning-active: #DC5304FF;
705
+ --inverse-outline-negative-hover: #ED263AFF;
706
+ --inverse-outline-negative-active: #C61022FF;
757
707
  --inverse-outline-info-hover: #34A7F4FF;
758
708
  --inverse-outline-info-active: #096CAEFF;
759
709
  --inverse-outline-positive-minor-hover: #3EDA5BFF;
@@ -774,14 +724,10 @@
774
724
  --inverse-outline-transparent-info-active: #0B7ECB3D;
775
725
  --inverse-outline-solid-primary: #D5DFE6;
776
726
  --inverse-outline-solid-secondary: #8A959D;
777
- --inverse-outline-solid-tertiary: #707070;
778
- --inverse-outline-transparent-default: #080808;
779
727
  --inverse-outline-accent: #0B7ECB;
780
728
  --inverse-outline-accent-minor: #52BAFF;
781
729
  --inverse-outline-transparent-accent: #0B7ECB33;
782
730
  --inverse-outline-positive: #108E26;
783
- --inverse-outline-warning: #E85702;
784
- --inverse-outline-negative: #F31B31;
785
731
  --inverse-outline-info: #0B7ECB;
786
732
  --inverse-outline-positive-minor: #28D247;
787
733
  --inverse-outline-warning-minor: #FD9C68;
@@ -791,6 +737,12 @@
791
737
  --inverse-outline-transparent-warning: #E8570233;
792
738
  --inverse-outline-transparent-negative: #F31B3133;
793
739
  --inverse-outline-transparent-info: #0B7ECB33;
740
+ --inverse-outline-solid-default: #060A0C;
741
+ --inverse-outline-solid-default-hover: #1B2D36FF;
742
+ --inverse-outline-solid-default-active: #111C22FF;
743
+ --inverse-outline-warning: #FA5F05;
744
+ --inverse-outline-negative: #E31227;
745
+ --inverse-outline-solid-tertiary: #657179;
794
746
  --data-yellow: #F3A912;
795
747
  --data-yellow-hover: #F4B22FFF;
796
748
  --data-yellow-active: #EDA20CFF;
@@ -800,6 +752,12 @@
800
752
  --data-yellow-transparent: #F3A9128F;
801
753
  --data-yellow-transparent-hover: #F3A812AD;
802
754
  --data-yellow-transparent-active: #F3A81280;
755
+ --data-yellow-light: #332200;
756
+ --data-yellow-light-hover: #FFF4E0FF;
757
+ --data-yellow-light-active: #FFF3DBFF;
758
+ --data-sky-blue-light: #0C283B;
759
+ --data-sky-blue-light-hover: #E0F8FFFF;
760
+ --data-sky-blue-light-active: #DBF7FFFF;
803
761
  --on-dark-data-yellow: #F3A912;
804
762
  --on-dark-data-yellow-hover: #F4B22FFF;
805
763
  --on-dark-data-yellow-active: #EDA20CFF;
@@ -809,6 +767,12 @@
809
767
  --on-dark-data-yellow-transparent: #F3A9128F;
810
768
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
811
769
  --on-dark-data-yellow-transparent-active: #F3A81280;
770
+ --on-dark-data-yellow-light: #332200;
771
+ --on-dark-data-yellow-light-hover: #FFF4E0FF;
772
+ --on-dark-data-yellow-light-active: #FFF3DBFF;
773
+ --on-dark-data-sky-blue-light: #0C283B;
774
+ --on-dark-data-sky-blue-light-hover: #E0F8FFFF;
775
+ --on-dark-data-sky-blue-light-active: #DBF7FFFF;
812
776
  --on-light-data-yellow: #F3A912;
813
777
  --on-light-data-yellow-hover: #F4B22FFF;
814
778
  --on-light-data-yellow-active: #EDA20CFF;
@@ -818,6 +782,12 @@
818
782
  --on-light-data-yellow-transparent: #F3A9128F;
819
783
  --on-light-data-yellow-transparent-hover: #F3A812AD;
820
784
  --on-light-data-yellow-transparent-active: #F3A81280;
785
+ --on-light-data-yellow-light: #FFF6E5;
786
+ --on-light-data-yellow-light-hover: #FFF4E0FF;
787
+ --on-light-data-yellow-light-active: #FFF3DBFF;
788
+ --on-light-data-sky-blue-light: #E8FAFF;
789
+ --on-light-data-sky-blue-light-hover: #E0F8FFFF;
790
+ --on-light-data-sky-blue-light-active: #DBF7FFFF;
821
791
  --inverse-data-yellow: #F3A912;
822
792
  --inverse-data-yellow-hover: #F4B22FFF;
823
793
  --inverse-data-yellow-active: #EDA20CFF;
@@ -827,6 +797,12 @@
827
797
  --inverse-data-yellow-transparent: #F3A9128F;
828
798
  --inverse-data-yellow-transparent-hover: #F3A812AD;
829
799
  --inverse-data-yellow-transparent-active: #F3A81280;
800
+ --inverse-data-yellow-light: #FFF6E5;
801
+ --inverse-data-yellow-light-hover: #FFF4E0FF;
802
+ --inverse-data-yellow-light-active: #FFF3DBFF;
803
+ --inverse-data-sky-blue-light: #E8FAFF;
804
+ --inverse-data-sky-blue-light-hover: #E0F8FFFF;
805
+ --inverse-data-sky-blue-light-active: #DBF7FFFF;
830
806
  color: var(--text-primary);
831
807
  background-color: var(--background-primary);
832
808
  }
@@ -861,10 +837,10 @@
861
837
  .light {
862
838
  --text-primary-hover: #13181B93;
863
839
  --text-primary-active: #13181BC4;
864
- --text-secondary-hover: #13181BFF;
865
- --text-secondary-active: #13181BAB;
866
- --text-tertiary-hover: #13181BFF;
867
- --text-tertiary-active: #13181B56;
840
+ --text-secondary-hover: #485056FF;
841
+ --text-secondary-active: #485056D3;
842
+ --text-tertiary-hover: #717C84FF;
843
+ --text-tertiary-active: #717C8493;
868
844
  --text-paragraph-hover: #13181B7A;
869
845
  --text-paragraph-active: #13181BA3;
870
846
  --text-accent-hover: #0D96F2FF;
@@ -873,10 +849,10 @@
873
849
  --text-accent-minor-active: #29A9FFFF;
874
850
  --text-positive-hover: #14B32EFF;
875
851
  --text-positive-active: #0C6A1BFF;
876
- --text-warning-hover: #FD6B17FF;
877
- --text-warning-active: #C04802FF;
878
- --text-negative-hover: #F54254FF;
879
- --text-negative-active: #DA0B20FF;
852
+ --text-warning-hover: #FB782DFF;
853
+ --text-warning-active: #D25004FF;
854
+ --text-negative-hover: #EE2F43FF;
855
+ --text-negative-active: #BD0F21FF;
880
856
  --text-info-hover: #0D96F2FF;
881
857
  --text-info-active: #0966A5FF;
882
858
  --text-positive-minor-hover: #47DC62FF;
@@ -889,25 +865,25 @@
889
865
  --text-info-minor-active: #29A9FFFF;
890
866
  --text-primary: #13181BF5;
891
867
  --text-primary-brightness: #212629FF;
892
- --text-secondary: #13181B8F;
893
- --text-tertiary: #13181B47;
894
868
  --text-paragraph: #13181BCC;
895
869
  --text-accent: #0B7ECB;
896
870
  --text-accent-minor: #52BAFF;
897
871
  --text-positive: #108E26;
898
- --text-warning: #E85702;
899
- --text-negative: #F31B31;
900
872
  --text-info: #0B7ECB;
901
873
  --text-positive-minor: #28D247;
902
874
  --text-warning-minor: #FD9C68;
903
875
  --text-negative-minor: #FF8F9A;
904
876
  --text-info-minor: #52BAFF;
877
+ --text-secondary: #485056B0;
878
+ --text-tertiary: #707C847A;
879
+ --text-warning: #FA5F05;
880
+ --text-negative: #E31227;
905
881
  --on-dark-text-primary-hover: #F2F5F893;
906
882
  --on-dark-text-primary-active: #F2F5F8C4;
907
- --on-dark-text-secondary-hover: #F2F5F8FF;
908
- --on-dark-text-secondary-active: #F2F5F8AB;
909
- --on-dark-text-tertiary-hover: #F2F5F8FF;
910
- --on-dark-text-tertiary-active: #F2F5F856;
883
+ --on-dark-text-secondary-hover: #D6DFE6FF;
884
+ --on-dark-text-secondary-active: #D6DFE6BE;
885
+ --on-dark-text-tertiary-hover: #D6DFE6FF;
886
+ --on-dark-text-tertiary-active: #D6DFE65C;
911
887
  --on-dark-text-paragraph-hover: #F2F5F87A;
912
888
  --on-dark-text-paragraph-active: #F2F5F8A3;
913
889
  --on-dark-text-accent-hover: #3FABF3FF;
@@ -932,8 +908,6 @@
932
908
  --on-dark-text-info-minor-active: #116BA7FF;
933
909
  --on-dark-text-primary: #F2F5F8F5;
934
910
  --on-dark-text-primary-brightness: #F3F6F8FF;
935
- --on-dark-text-secondary: #F2F5F88F;
936
- --on-dark-text-tertiary: #F2F5F847;
937
911
  --on-dark-text-paragraph: #F2F5F8CC;
938
912
  --on-dark-text-accent: #199AF0;
939
913
  --on-dark-text-accent-minor: #0D5382;
@@ -945,12 +919,14 @@
945
919
  --on-dark-text-warning-minor: #85380C;
946
920
  --on-dark-text-negative-minor: #9C1422;
947
921
  --on-dark-text-info-minor: #0D5382;
922
+ --on-dark-text-secondary: #D5DFE69E;
923
+ --on-dark-text-tertiary: #D5DFE64D;
948
924
  --on-light-text-primary-hover: #13181B93;
949
925
  --on-light-text-primary-active: #13181BC4;
950
- --on-light-text-secondary-hover: #13181BFF;
951
- --on-light-text-secondary-active: #13181BAB;
952
- --on-light-text-tertiary-hover: #13181BFF;
953
- --on-light-text-tertiary-active: #13181B56;
926
+ --on-light-text-secondary-hover: #485056FF;
927
+ --on-light-text-secondary-active: #485056D3;
928
+ --on-light-text-tertiary-hover: #717C84FF;
929
+ --on-light-text-tertiary-active: #717C8493;
954
930
  --on-light-text-paragraph-hover: #13181B7A;
955
931
  --on-light-text-paragraph-active: #13181BA3;
956
932
  --on-light-text-accent-hover: #0D96F2FF;
@@ -959,10 +935,10 @@
959
935
  --on-light-text-accent-minor-active: #29A9FFFF;
960
936
  --on-light-text-positive-hover: #14B32EFF;
961
937
  --on-light-text-positive-active: #0C6A1BFF;
962
- --on-light-text-warning-hover: #FD6B17FF;
963
- --on-light-text-warning-active: #C04802FF;
964
- --on-light-text-negative-hover: #F54254FF;
965
- --on-light-text-negative-active: #DA0B20FF;
938
+ --on-light-text-warning-hover: #FB782DFF;
939
+ --on-light-text-warning-active: #D25004FF;
940
+ --on-light-text-negative-hover: #EE2F43FF;
941
+ --on-light-text-negative-active: #BD0F21FF;
966
942
  --on-light-text-info-hover: #0D96F2FF;
967
943
  --on-light-text-info-active: #0966A5FF;
968
944
  --on-light-text-positive-minor-hover: #47DC62FF;
@@ -975,25 +951,25 @@
975
951
  --on-light-text-info-minor-active: #29A9FFFF;
976
952
  --on-light-text-primary: #13181BF5;
977
953
  --on-light-text-primary-brightness: #212629FF;
978
- --on-light-text-secondary: #13181B8F;
979
- --on-light-text-tertiary: #13181B47;
980
954
  --on-light-text-paragraph: #13181BCC;
981
955
  --on-light-text-accent: #0B7ECB;
982
956
  --on-light-text-accent-minor: #52BAFF;
983
957
  --on-light-text-positive: #108E26;
984
- --on-light-text-warning: #E85702;
985
- --on-light-text-negative: #F31B31;
986
958
  --on-light-text-info: #0B7ECB;
987
959
  --on-light-text-positive-minor: #28D247;
988
960
  --on-light-text-warning-minor: #FD9C68;
989
961
  --on-light-text-negative-minor: #FF8F9A;
990
962
  --on-light-text-info-minor: #52BAFF;
963
+ --on-light-text-secondary: #485056B0;
964
+ --on-light-text-tertiary: #707C847A;
965
+ --on-light-text-warning: #FA5F05;
966
+ --on-light-text-negative: #E31227;
991
967
  --inverse-text-primary-hover: #F2F5F893;
992
968
  --inverse-text-primary-active: #F2F5F8C4;
993
- --inverse-text-secondary-hover: #F2F5F8FF;
994
- --inverse-text-secondary-active: #F2F5F8AB;
995
- --inverse-text-tertiary-hover: #F2F5F8FF;
996
- --inverse-text-tertiary-active: #F2F5F856;
969
+ --inverse-text-secondary-hover: #D6DFE6FF;
970
+ --inverse-text-secondary-active: #D6DFE6BE;
971
+ --inverse-text-tertiary-hover: #D6DFE6FF;
972
+ --inverse-text-tertiary-active: #D6DFE65C;
997
973
  --inverse-text-paragraph-hover: #F2F5F87A;
998
974
  --inverse-text-paragraph-active: #F2F5F8A3;
999
975
  --inverse-text-accent-hover: #3FABF3FF;
@@ -1018,8 +994,6 @@
1018
994
  --inverse-text-info-minor-active: #116BA7FF;
1019
995
  --inverse-text-primary: #F2F5F8F5;
1020
996
  --inverse-text-primary-brightness: #F3F6F8FF;
1021
- --inverse-text-secondary: #F2F5F88F;
1022
- --inverse-text-tertiary: #F2F5F847;
1023
997
  --inverse-text-paragraph: #F2F5F8CC;
1024
998
  --inverse-text-accent: #199AF0;
1025
999
  --inverse-text-accent-minor: #0D5382;
@@ -1031,34 +1005,36 @@
1031
1005
  --inverse-text-warning-minor: #85380C;
1032
1006
  --inverse-text-negative-minor: #9C1422;
1033
1007
  --inverse-text-info-minor: #0D5382;
1034
- --surface-solid-primary-hover: #F8FAFBFF;
1008
+ --inverse-text-secondary: #D5DFE69E;
1009
+ --inverse-text-tertiary: #D5DFE64D;
1010
+ --surface-solid-primary-hover: #EEF2F6FF;
1035
1011
  --surface-solid-primary-active: #EBF0F4FF;
1036
- --surface-solid-secondary-hover: #F5F8F9FF;
1037
- --surface-solid-secondary-active: #E2E9EEFF;
1038
- --surface-solid-tertiary-hover: #E2E9EEFF;
1039
- --surface-solid-tertiary-active: #C9D5DEFF;
1012
+ --surface-solid-secondary-hover: #E2E9EEFF;
1013
+ --surface-solid-secondary-active: #DEE7EDFF;
1014
+ --surface-solid-tertiary-hover: #CFDAE2FF;
1015
+ --surface-solid-tertiary-active: #C9D6DFFF;
1040
1016
  --surface-solid-card-hover: #FFFFFFFF;
1041
1017
  --surface-solid-card-active: #FFFFFFFF;
1042
1018
  --surface-solid-default-hover: #111C22FF;
1043
1019
  --surface-solid-default-active: #030607FF;
1044
- --surface-transparent-primary-hover: #070B0E00;
1045
- --surface-transparent-primary-active: #070B0E0A;
1046
- --surface-transparent-secondary-hover: #070B0E05;
1047
- --surface-transparent-secondary-active: #070B0E1A;
1048
- --surface-transparent-tertiary-hover: #070B0E0A;
1049
- --surface-transparent-tertiary-active: #070B0E29;
1050
- --surface-transparent-deep-hover: #070B0E8F;
1051
- --surface-transparent-deep-active: #070B0EAD;
1020
+ --surface-transparent-primary-hover: #D5DFE652;
1021
+ --surface-transparent-primary-active: #D5DFE657;
1022
+ --surface-transparent-secondary-hover: #ADB9C247;
1023
+ --surface-transparent-secondary-active: #ADB9C24D;
1024
+ --surface-transparent-tertiary-hover: #8A959D57;
1025
+ --surface-transparent-tertiary-active: #8A959D5C;
1026
+ --surface-transparent-deep-hover: #30373CAD;
1027
+ --surface-transparent-deep-active: #30373CCC;
1052
1028
  --surface-transparent-card-hover: #FFFFFFFF;
1053
1029
  --surface-transparent-card-active: #FFFFFFFF;
1054
1030
  --surface-clear-hover: #FFFFFF00;
1055
1031
  --surface-clear-active: #FFFFFF00;
1056
1032
  --surface-accent-hover: #1798EEFF;
1057
1033
  --surface-accent-active: #0F81CCFF;
1058
- --surface-accent-minor-hover: #E5F5FFFF;
1059
- --surface-accent-minor-active: #C7E9FFFF;
1060
- --surface-transparent-accent-hover: #118CDF0A;
1061
- --surface-transparent-accent-active: #118CDF29;
1034
+ --surface-accent-minor-hover: #C7E9FFFF;
1035
+ --surface-accent-minor-active: #C2E7FFFF;
1036
+ --surface-transparent-accent-hover: #118CDF2E;
1037
+ --surface-transparent-accent-active: #118CDF33;
1062
1038
  --surface-positive-hover: #1EB83AFF;
1063
1039
  --surface-positive-active: #178C2CFF;
1064
1040
  --surface-warning-hover: #FB782DFF;
@@ -1067,22 +1043,22 @@
1067
1043
  --surface-negative-active: #FF142CFF;
1068
1044
  --surface-info-hover: #1798EEFF;
1069
1045
  --surface-info-active: #0F81CCFF;
1070
- --surface-positive-minor-hover: #B1FBBFFF;
1046
+ --surface-positive-minor-hover: #94FAA7FF;
1071
1047
  --surface-positive-minor-active: #8BF99FFF;
1072
- --surface-warning-minor-hover: #FEEFE6FF;
1073
- --surface-warning-minor-active: #FEDCC8FF;
1074
- --surface-negative-minor-hover: #FFF5F6FF;
1075
- --surface-negative-minor-active: #FFD6DAFF;
1076
- --surface-info-minor-hover: #E5F5FFFF;
1077
- --surface-info-minor-active: #C7E9FFFF;
1078
- --surface-transparent-positive-hover: #1A9E320A;
1079
- --surface-transparent-positive-active: #1A9E3229;
1080
- --surface-transparent-warning-hover: #FA5F050A;
1081
- --surface-transparent-warning-active: #FA5F0529;
1082
- --surface-transparent-negative-hover: #FF293E0A;
1083
- --surface-transparent-negative-active: #FF293E29;
1084
- --surface-transparent-info-hover: #118CDF0A;
1085
- --surface-transparent-info-active: #118CDF29;
1048
+ --surface-warning-minor-hover: #FEDCC8FF;
1049
+ --surface-warning-minor-active: #FED8C3FF;
1050
+ --surface-negative-minor-hover: #FFD6DAFF;
1051
+ --surface-negative-minor-active: #FFD1D6FF;
1052
+ --surface-info-minor-hover: #C7E9FFFF;
1053
+ --surface-info-minor-active: #C2E7FFFF;
1054
+ --surface-transparent-positive-hover: #1A9E322E;
1055
+ --surface-transparent-positive-active: #1A9E3233;
1056
+ --surface-transparent-warning-hover: #FA5F052E;
1057
+ --surface-transparent-warning-active: #FA5F0533;
1058
+ --surface-transparent-negative-hover: #FF293E2E;
1059
+ --surface-transparent-negative-active: #FF293E33;
1060
+ --surface-transparent-info-hover: #118CDF2E;
1061
+ --surface-transparent-info-active: #118CDF33;
1086
1062
  --surface-solid-card: #FFFFFFFF;
1087
1063
  --surface-solid-card-brightness: #FFFFFFFF;
1088
1064
  --surface-solid-primary: #F2F5F8;
@@ -1090,10 +1066,6 @@
1090
1066
  --surface-solid-secondary: #E8EEF2;
1091
1067
  --surface-solid-tertiary: #D5DFE6;
1092
1068
  --surface-solid-default: #060A0C;
1093
- --surface-transparent-primary: #060A0C05;
1094
- --surface-transparent-secondary: #060A0C0F;
1095
- --surface-transparent-tertiary: #060A0C1F;
1096
- --surface-transparent-deep: #060A0CA3;
1097
1069
  --surface-transparent-card: #FFFFFFFF;
1098
1070
  --surface-transparent-card-brightness: #FFFFFFFF;
1099
1071
  --surface-clear: #FFFFFF00;
@@ -1112,24 +1084,28 @@
1112
1084
  --surface-transparent-warning: #FA5F051F;
1113
1085
  --surface-transparent-negative: #FF293E1F;
1114
1086
  --surface-transparent-info: #118CDF1F;
1087
+ --surface-transparent-primary: #D5DFE642;
1088
+ --surface-transparent-secondary: #ADB9C238;
1089
+ --surface-transparent-tertiary: #8A959D47;
1090
+ --surface-transparent-deep: #30373CC7;
1115
1091
  --on-dark-surface-solid-primary-hover: #20282DFF;
1116
1092
  --on-dark-surface-solid-primary-active: #0B0D0FFF;
1117
1093
  --on-dark-surface-solid-secondary-hover: #2C343AFF;
1118
1094
  --on-dark-surface-solid-secondary-active: #1B1F23FF;
1119
1095
  --on-dark-surface-solid-tertiary-hover: #394147FF;
1120
1096
  --on-dark-surface-solid-tertiary-active: #272C30FF;
1121
- --on-dark-surface-solid-card-hover: #20282DFF;
1122
- --on-dark-surface-solid-card-active: #0B0D0FFF;
1097
+ --on-dark-surface-solid-card-hover: #111C22FF;
1098
+ --on-dark-surface-solid-card-active: #030607FF;
1123
1099
  --on-dark-surface-solid-default-hover: #FFFFFFFF;
1124
1100
  --on-dark-surface-solid-default-active: #F1F5F8FF;
1125
1101
  --on-dark-surface-transparent-primary-hover: #FFFFFF05;
1126
1102
  --on-dark-surface-transparent-primary-active: #FFFFFF1A;
1127
- --on-dark-surface-transparent-secondary-hover: #FFFFFF0A;
1128
- --on-dark-surface-transparent-secondary-active: #FFFFFF29;
1129
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F;
1130
- --on-dark-surface-transparent-tertiary-active: #FFFFFF3D;
1131
- --on-dark-surface-transparent-deep-hover: #FFFFFF8F;
1132
- --on-dark-surface-transparent-deep-active: #FFFFFFAD;
1103
+ --on-dark-surface-transparent-secondary-hover: #D6DFE60F;
1104
+ --on-dark-surface-transparent-secondary-active: #D6DFE62E;
1105
+ --on-dark-surface-transparent-tertiary-hover: #D6DFE629;
1106
+ --on-dark-surface-transparent-tertiary-active: #D6DFE647;
1107
+ --on-dark-surface-transparent-deep-hover: #D6DFE6A8;
1108
+ --on-dark-surface-transparent-deep-active: #D6DFE6C7;
1133
1109
  --on-dark-surface-transparent-card-hover: #FFFFFF05;
1134
1110
  --on-dark-surface-transparent-card-active: #FFFFFF1A;
1135
1111
  --on-dark-surface-clear: #FFFFFF00;
@@ -1157,8 +1133,8 @@
1157
1133
  --on-dark-surface-negative-minor-active: #380A0FFF;
1158
1134
  --on-dark-surface-info-minor-hover: #10344CFF;
1159
1135
  --on-dark-surface-info-minor-active: #091D2AFF;
1160
- --on-dark-surface-transparent-positive-hover: #10344CFF;
1161
- --on-dark-surface-transparent-positive-active: #091D2AFF;
1136
+ --on-dark-surface-transparent-positive-hover: #1A9E321F ;
1137
+ --on-dark-surface-transparent-positive-active: #1A9E323D;
1162
1138
  --on-dark-surface-transparent-warning-hover: #FA5F051F;
1163
1139
  --on-dark-surface-transparent-warning-active: #FA5F053D;
1164
1140
  --on-dark-surface-transparent-negative-hover: #FF293E1F;
@@ -1169,13 +1145,9 @@
1169
1145
  --on-dark-surface-solid-primary-brightness: #212629FF;
1170
1146
  --on-dark-surface-solid-secondary: #23292D;
1171
1147
  --on-dark-surface-solid-tertiary: #30373C;
1172
- --on-dark-surface-solid-card: #13181B;
1173
- --on-dark-surface-solid-card-brightness: #212629FF;
1148
+ --on-dark-surface-solid-card-brightness: #111C22FF;
1174
1149
  --on-dark-surface-solid-default: #F7F9FB;
1175
1150
  --on-dark-surface-transparent-primary: #FFFFFF0F;
1176
- --on-dark-surface-transparent-secondary: #FFFFFF1F;
1177
- --on-dark-surface-transparent-tertiary: #FFFFFF33;
1178
- --on-dark-surface-transparent-deep: #FFFFFFA3;
1179
1151
  --on-dark-surface-transparent-card: #FFFFFF0F;
1180
1152
  --on-dark-surface-transparent-card-brightness: #FFFFFFFF;
1181
1153
  --on-dark-surface-accent: #118CDF;
@@ -1189,28 +1161,32 @@
1189
1161
  --on-dark-surface-warning-minor: #3D1D0A;
1190
1162
  --on-dark-surface-negative-minor: #4A0D13;
1191
1163
  --on-dark-surface-info-minor: #0C283B;
1192
- --on-dark-surface-transparent-positive: #0C283B;
1164
+ --on-dark-surface-transparent-positive: #1A9E3233;
1193
1165
  --on-dark-surface-transparent-warning: #FA5F0533;
1194
1166
  --on-dark-surface-transparent-negative: #FF293E33;
1195
1167
  --on-dark-surface-transparent-info: #118CDF33;
1196
- --on-light-surface-solid-primary-hover: #F8FAFBFF;
1168
+ --on-dark-surface-solid-card: #060A0C;
1169
+ --on-dark-surface-transparent-secondary: #D5DFE624;
1170
+ --on-dark-surface-transparent-tertiary: #D5DFE63D;
1171
+ --on-dark-surface-transparent-deep: #D5DFE6BD;
1172
+ --on-light-surface-solid-primary-hover: #EEF2F6FF;
1197
1173
  --on-light-surface-solid-primary-active: #EBF0F4FF;
1198
- --on-light-surface-solid-secondary-hover: #F5F8F9FF;
1199
- --on-light-surface-solid-secondary-active: #E2E9EEFF;
1200
- --on-light-surface-solid-tertiary-hover: #E2E9EEFF;
1201
- --on-light-surface-solid-tertiary-active: #C9D5DEFF;
1174
+ --on-light-surface-solid-secondary-hover: #E2E9EEFF;
1175
+ --on-light-surface-solid-secondary-active: #DEE7EDFF;
1176
+ --on-light-surface-solid-tertiary-hover: #CFDAE2FF;
1177
+ --on-light-surface-solid-tertiary-active: #C9D6DFFF;
1202
1178
  --on-light-surface-solid-card-hover: #FFFFFFFF;
1203
1179
  --on-light-surface-solid-card-active: #FFFFFFFF;
1204
1180
  --on-light-surface-solid-default-hover: #111C22FF;
1205
1181
  --on-light-surface-solid-default-active: #030607FF;
1206
- --on-light-surface-transparent-primary-hover: #070B0E00;
1207
- --on-light-surface-transparent-primary-active: #070B0E0A;
1208
- --on-light-surface-transparent-secondary-hover: #070B0E05;
1209
- --on-light-surface-transparent-secondary-active: #070B0E1A;
1210
- --on-light-surface-transparent-tertiary-hover: #070B0E0A;
1211
- --on-light-surface-transparent-tertiary-active: #070B0E29;
1212
- --on-light-surface-transparent-deep-hover: #070B0E8F;
1213
- --on-light-surface-transparent-deep-active: #070B0EAD;
1182
+ --on-light-surface-transparent-primary-hover: #D5DFE652;
1183
+ --on-light-surface-transparent-primary-active: #D5DFE657;
1184
+ --on-light-surface-transparent-secondary-hover: #ADB9C247;
1185
+ --on-light-surface-transparent-secondary-active: #ADB9C24D;
1186
+ --on-light-surface-transparent-tertiary-hover: #8A959D57;
1187
+ --on-light-surface-transparent-tertiary-active: #8A959D5C;
1188
+ --on-light-surface-transparent-deep-hover: #30373CAD;
1189
+ --on-light-surface-transparent-deep-active: #30373CCC;
1214
1190
  --on-light-surface-transparent-card-hover: #FFFFFFFF;
1215
1191
  --on-light-surface-transparent-card-active: #FFFFFFFF;
1216
1192
  --on-light-surface-clear: #FFFFFF00;
@@ -1218,10 +1194,10 @@
1218
1194
  --on-light-surface-clear-active: #FFFFFF00;
1219
1195
  --on-light-surface-accent-hover: #1798EEFF;
1220
1196
  --on-light-surface-accent-active: #0F81CCFF;
1221
- --on-light-surface-accent-minor-hover: #E5F5FFFF;
1222
- --on-light-surface-accent-minor-active: #C7E9FFFF;
1223
- --on-light-surface-transparent-accent-hover: #118CDF0A;
1224
- --on-light-surface-transparent-accent-active: #118CDF29;
1197
+ --on-light-surface-accent-minor-hover: #C7E9FFFF;
1198
+ --on-light-surface-accent-minor-active: #C2E7FFFF;
1199
+ --on-light-surface-transparent-accent-hover: #118CDF2E;
1200
+ --on-light-surface-transparent-accent-active: #118CDF33;
1225
1201
  --on-light-surface-positive-hover: #1EB83AFF;
1226
1202
  --on-light-surface-positive-active: #178C2CFF;
1227
1203
  --on-light-surface-warning-hover: #FB782DFF;
@@ -1230,22 +1206,22 @@
1230
1206
  --on-light-surface-negative-active: #FF142CFF;
1231
1207
  --on-light-surface-info-hover: #1798EEFF;
1232
1208
  --on-light-surface-info-active: #0F81CCFF;
1233
- --on-light-surface-positive-minor-hover: #B1FBBFFF;
1209
+ --on-light-surface-positive-minor-hover: #94FAA7FF;
1234
1210
  --on-light-surface-positive-minor-active: #8BF99FFF;
1235
- --on-light-surface-warning-minor-hover: #FEEFE6FF;
1236
- --on-light-surface-warning-minor-active: #FEDCC8FF;
1237
- --on-light-surface-negative-minor-hover: #FFF5F6FF;
1238
- --on-light-surface-negative-minor-active: #FFD6DAFF;
1239
- --on-light-surface-info-minor-hover: #E5F5FFFF;
1240
- --on-light-surface-info-minor-active: #C7E9FFFF;
1241
- --on-light-surface-transparent-positive-hover: #1A9E320A;
1242
- --on-light-surface-transparent-positive-active: #1A9E3229;
1243
- --on-light-surface-transparent-warning-hover: #FA5F050A;
1244
- --on-light-surface-transparent-warning-active: #FA5F0529;
1245
- --on-light-surface-transparent-negative-hover: #FF293E0A;
1246
- --on-light-surface-transparent-negative-active: #FF293E29;
1247
- --on-light-surface-transparent-info-hover: #118CDF0A;
1248
- --on-light-surface-transparent-info-active: #118CDF29;
1211
+ --on-light-surface-warning-minor-hover: #FEDCC8FF;
1212
+ --on-light-surface-warning-minor-active: #FED8C3FF;
1213
+ --on-light-surface-negative-minor-hover: #FFD6DAFF;
1214
+ --on-light-surface-negative-minor-active: #FFD1D6FF;
1215
+ --on-light-surface-info-minor-hover: #C7E9FFFF;
1216
+ --on-light-surface-info-minor-active: #C2E7FFFF;
1217
+ --on-light-surface-transparent-positive-hover: #1A9E322E;
1218
+ --on-light-surface-transparent-positive-active: #1A9E3233;
1219
+ --on-light-surface-transparent-warning-hover: #FA5F052E;
1220
+ --on-light-surface-transparent-warning-active: #FA5F0533;
1221
+ --on-light-surface-transparent-negative-hover: #FF293E2E;
1222
+ --on-light-surface-transparent-negative-active: #FF293E33;
1223
+ --on-light-surface-transparent-info-hover: #118CDF2E;
1224
+ --on-light-surface-transparent-info-active: #118CDF33;
1249
1225
  --on-light-surface-solid-card: #FFFFFFFF;
1250
1226
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
1251
1227
  --on-light-surface-solid-primary: #F2F5F8;
@@ -1253,10 +1229,6 @@
1253
1229
  --on-light-surface-solid-secondary: #E8EEF2;
1254
1230
  --on-light-surface-solid-tertiary: #D5DFE6;
1255
1231
  --on-light-surface-solid-default: #060A0C;
1256
- --on-light-surface-transparent-primary: #060A0C05;
1257
- --on-light-surface-transparent-secondary: #060A0C0F;
1258
- --on-light-surface-transparent-tertiary: #060A0C1F;
1259
- --on-light-surface-transparent-deep: #060A0CA3;
1260
1232
  --on-light-surface-transparent-card: #FFFFFFFF;
1261
1233
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
1262
1234
  --on-light-surface-accent: #118CDF;
@@ -1274,24 +1246,28 @@
1274
1246
  --on-light-surface-transparent-warning: #FA5F051F;
1275
1247
  --on-light-surface-transparent-negative: #FF293E1F;
1276
1248
  --on-light-surface-transparent-info: #118CDF1F;
1249
+ --on-light-surface-transparent-primary: #D5DFE642;
1250
+ --on-light-surface-transparent-secondary: #ADB9C238;
1251
+ --on-light-surface-transparent-tertiary: #8A959D47;
1252
+ --on-light-surface-transparent-deep: #30373CC7;
1277
1253
  --inverse-surface-solid-primary-hover: #20282DFF;
1278
1254
  --inverse-surface-solid-primary-active: #0B0D0FFF;
1279
1255
  --inverse-surface-solid-secondary-hover: #2C343AFF;
1280
1256
  --inverse-surface-solid-secondary-active: #1B1F23FF;
1281
1257
  --inverse-surface-solid-tertiary-hover: #394147FF;
1282
1258
  --inverse-surface-solid-tertiary-active: #272C30FF;
1283
- --inverse-surface-solid-card-hover: #20282DFF;
1284
- --inverse-surface-solid-card-active: #0B0D0FFF;
1259
+ --inverse-surface-solid-card-hover: #111C22FF;
1260
+ --inverse-surface-solid-card-active: #030607FF;
1285
1261
  --inverse-surface-solid-default-hover: #FFFFFFFF;
1286
1262
  --inverse-surface-solid-default-active: #F1F5F8FF;
1287
1263
  --inverse-surface-transparent-primary-hover: #FFFFFF05;
1288
1264
  --inverse-surface-transparent-primary-active: #FFFFFF1A;
1289
- --inverse-surface-transparent-secondary-hover: #FFFFFF0A;
1290
- --inverse-surface-transparent-secondary-active: #FFFFFF29;
1291
- --inverse-surface-transparent-tertiary-hover: #FFFFFF1F;
1292
- --inverse-surface-transparent-tertiary-active: #FFFFFF3D;
1293
- --inverse-surface-transparent-deep-hover: #FFFFFF8F;
1294
- --inverse-surface-transparent-deep-active: #FFFFFFAD;
1265
+ --inverse-surface-transparent-secondary-hover: #D6DFE60F;
1266
+ --inverse-surface-transparent-secondary-active: #D6DFE62E;
1267
+ --inverse-surface-transparent-tertiary-hover: #D6DFE629;
1268
+ --inverse-surface-transparent-tertiary-active: #D6DFE647;
1269
+ --inverse-surface-transparent-deep-hover: #D6DFE6A8;
1270
+ --inverse-surface-transparent-deep-active: #D6DFE6C7;
1295
1271
  --inverse-surface-transparent-card-hover: #FFFFFF05;
1296
1272
  --inverse-surface-transparent-card-active: #FFFFFF1A;
1297
1273
  --inverse-surface-clear: #FFFFFF00;
@@ -1327,17 +1303,13 @@
1327
1303
  --inverse-surface-transparent-negative-active: #FF293E3D;
1328
1304
  --inverse-surface-transparent-info-hover: #118CDF1F;
1329
1305
  --inverse-surface-transparent-info-active: #118CDF3D;
1330
- --inverse-surface-solid-card: #13181B;
1331
- --inverse-surface-solid-card-brightness: #212629FF;
1306
+ --inverse-surface-solid-card-brightness: #111C22FF;
1332
1307
  --inverse-surface-solid-primary: #13181B;
1333
1308
  --inverse-surface-solid-primary-brightness: #212629FF;
1334
1309
  --inverse-surface-solid-secondary: #23292D;
1335
1310
  --inverse-surface-solid-tertiary: #30373C;
1336
1311
  --inverse-surface-solid-default: #F7F9FB;
1337
1312
  --inverse-surface-transparent-primary: #FFFFFF0F;
1338
- --inverse-surface-transparent-secondary: #FFFFFF1F;
1339
- --inverse-surface-transparent-tertiary: #FFFFFF33;
1340
- --inverse-surface-transparent-deep: #FFFFFFA3;
1341
1313
  --inverse-surface-transparent-card: #FFFFFF0F;
1342
1314
  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
1343
1315
  --inverse-surface-accent: #118CDF;
@@ -1355,45 +1327,34 @@
1355
1327
  --inverse-surface-transparent-warning: #FA5F0533;
1356
1328
  --inverse-surface-transparent-negative: #FF293E33;
1357
1329
  --inverse-surface-transparent-info: #118CDF33;
1330
+ --inverse-surface-solid-card: #060A0C;
1331
+ --inverse-surface-transparent-secondary: #D5DFE624;
1332
+ --inverse-surface-transparent-tertiary: #D5DFE63D;
1333
+ --inverse-surface-transparent-deep: #D5DFE6BD;
1358
1334
  --background-primary: #F7F9FB;
1359
1335
  --background-primary-brightness: #F7F9FBFF;
1360
1336
  --dark-background-primary: #060A0C;
1361
- --light-background-primary: #F9F9F9;
1362
- --inverse-background-primary: #080808;
1337
+ --light-background-primary: #F7F9FB;
1363
1338
  --inverse-background-primary-brightness: #171717FF;
1339
+ --inverse-background-primary: #060A0C;
1364
1340
  --overlay-hard: #F7F9FBF5;
1365
1341
  --overlay-soft: #F7F9FB8F;
1366
1342
  --overlay-blur: #F7F9FB47;
1367
1343
  --on-dark-overlay-hard: #060A0CF5;
1368
1344
  --on-dark-overlay-soft: #060A0C8F;
1369
1345
  --on-dark-overlay-blur: #060A0C47;
1370
- --on-light-overlay-hard: #F9F9F9F5;
1371
1346
  --on-light-overlay-soft: #F7F9FB8F;
1372
1347
  --on-light-overlay-blur: #F7F9FB47;
1373
- --inverse-overlay-hard: #080808F5;
1374
- --inverse-overlay-soft: #0808088F;
1375
- --inverse-overlay-blur: #08080847;
1348
+ --on-light-overlay-hard: #F7F9FBF5;
1349
+ --inverse-overlay-hard: #060A0CF5;
1350
+ --inverse-overlay-soft: #060A0C8F;
1351
+ --inverse-overlay-blur: #060A0C47;
1376
1352
  --outline-solid-primary-hover: #000000FF;
1377
1353
  --outline-solid-primary-active: #9FB6C6FF;
1378
1354
  --outline-solid-secondary-hover: #000000FF;
1379
1355
  --outline-solid-secondary-active: #6B7780FF;
1380
1356
  --outline-solid-tertiary-hover: #000000FF;
1381
1357
  --outline-solid-tertiary-active: #515B61FF;
1382
- --outline-transparent-default: #060A0CF5;
1383
- --outline-transparent-default-hover: #070B0E93;
1384
- --outline-transparent-default-active: #070B0EC4;
1385
- --outline-transparent-primary: #060A0C1F;
1386
- --outline-transparent-primary-hover: #070B0EFF;
1387
- --outline-transparent-primary-active: #070B0E25;
1388
- --outline-transparent-secondary: #060A0C47;
1389
- --outline-transparent-secondary-hover: #070B0EFF;
1390
- --outline-transparent-secondary-active: #070B0E56;
1391
- --outline-transparent-tertiary: #060A0C8F;
1392
- --outline-transparent-tertiary-hover: #070B0EFF;
1393
- --outline-transparent-tertiary-active: #070B0EAB;
1394
- --outline-clear: #FFFFFF00;
1395
- --outline-clear-hover: #FFFFFF00;
1396
- --outline-clear-active: #FFFFFF00;
1397
1358
  --outline-accent-hover: #0D96F2FF;
1398
1359
  --outline-accent-active: #0966A5FF;
1399
1360
  --outline-accent-minor-hover: #7ACAFFFF;
@@ -1402,10 +1363,10 @@
1402
1363
  --outline-transparent-accent-active: #0B7ECB3D;
1403
1364
  --outline-positive-hover: #14B32EFF;
1404
1365
  --outline-positive-active: #0C6A1BFF;
1405
- --outline-warning-hover: #FD6B17FF;
1406
- --outline-warning-active: #C04802FF;
1407
- --outline-negative-hover: #F54254FF;
1408
- --outline-negative-active: #DA0B20FF;
1366
+ --outline-warning-hover: #FB782DFF;
1367
+ --outline-warning-active: #D25004FF;
1368
+ --outline-negative-hover: #EE2F43FF;
1369
+ --outline-negative-active: #BD0F21FF;
1409
1370
  --outline-info-hover: #0D96F2FF;
1410
1371
  --outline-info-active: #0966A5FF;
1411
1372
  --outline-positive-minor-hover: #47DC62FF;
@@ -1431,8 +1392,6 @@
1431
1392
  --outline-transparent-accent: #0B7ECB33;
1432
1393
  --outline-accent-minor: #52BAFF;
1433
1394
  --outline-positive: #108E26;
1434
- --outline-warning: #E85702;
1435
- --outline-negative: #F31B31;
1436
1395
  --outline-info: #0B7ECB;
1437
1396
  --outline-positive-minor: #28D247;
1438
1397
  --outline-warning-minor: #FD9C68;
@@ -1442,26 +1401,17 @@
1442
1401
  --outline-transparent-warning: #E8570233;
1443
1402
  --outline-transparent-negative: #F31B3133;
1444
1403
  --outline-transparent-info: #0B7ECB33;
1404
+ --outline-warning: #FA5F05;
1405
+ --outline-negative: #E31227;
1406
+ --outline-solid-default: #060A0C;
1407
+ --outline-solid-default-hover: #223944FF;
1408
+ --outline-solid-default-active: #152229FF;
1445
1409
  --on-dark-outline-solid-primary-hover: #6A7E8AFF;
1446
1410
  --on-dark-outline-solid-primary-active: #47545CFF;
1447
1411
  --on-dark-outline-solid-secondary-hover: #7A8994FF;
1448
1412
  --on-dark-outline-solid-secondary-active: #546069FF;
1449
1413
  --on-dark-outline-solid-tertiary-hover: #000000FF;
1450
1414
  --on-dark-outline-solid-tertiary-active: #515B61FF;
1451
- --on-dark-outline-transparent-default-hover: #000000FF;
1452
- --on-dark-outline-transparent-default-active: #C7C7C7FF;
1453
- --on-dark-outline-transparent-primary: #F7F9FB1F;
1454
- --on-dark-outline-transparent-primary-hover: #F8FAFCFF;
1455
- --on-dark-outline-transparent-primary-active: #F8FAFC25;
1456
- --on-dark-outline-transparent-secondary: #F7F9FB33;
1457
- --on-dark-outline-transparent-secondary-hover: #F8FAFCFF;
1458
- --on-dark-outline-transparent-secondary-active: #F8FAFC3D;
1459
- --on-dark-outline-transparent-tertiary: #F7F9FB47;
1460
- --on-dark-outline-transparent-tertiary-hover: #F8FAFCFF;
1461
- --on-dark-outline-transparent-tertiary-active: #F8FAFC56;
1462
- --on-dark-outline-clear: #FFFFFF00;
1463
- --on-dark-outline-clear-hover: #FFFFFF00;
1464
- --on-dark-outline-clear-active: #FFFFFF00;
1465
1415
  --on-dark-outline-accent-hover: #3FABF3FF;
1466
1416
  --on-dark-outline-accent-active: #0D84D3FF;
1467
1417
  --on-dark-outline-accent-minor-hover: #1483CCFF;
@@ -1495,7 +1445,6 @@
1495
1445
  --on-dark-outline-solid-primary: #23292D;
1496
1446
  --on-dark-outline-solid-secondary: #30373C;
1497
1447
  --on-dark-outline-solid-tertiary: #657179;
1498
- --on-dark-outline-transparent-default: #F9F9F9;
1499
1448
  --on-dark-outline-accent: #199AF0;
1500
1449
  --on-dark-outline-accent-minor: #0D5382;
1501
1450
  --on-dark-outline-transparent-accent: #199AF047;
@@ -1511,27 +1460,15 @@
1511
1460
  --on-dark-outline-transparent-warning: #FF702447;
1512
1461
  --on-dark-outline-transparent-negative: #FF3D5147;
1513
1462
  --on-dark-outline-transparent-info: #199AF047;
1463
+ --on-dark-outline-solid-default: #F7F9FB;
1464
+ --on-dark-outline-solid-default-hover: #FFFFFFFF;
1465
+ --on-dark-outline-solid-default-active: #B4C7D9FF;
1514
1466
  --on-light-outline-solid-primary-hover: #000000FF;
1515
1467
  --on-light-outline-solid-primary-active: #9FB6C6FF;
1516
1468
  --on-light-outline-solid-secondary-hover: #000000FF;
1517
1469
  --on-light-outline-solid-secondary-active: #6B7780FF;
1518
1470
  --on-light-outline-solid-tertiary-hover: #000000FF;
1519
1471
  --on-light-outline-solid-tertiary-active: #515B61FF;
1520
- --on-light-outline-transparent-default: #060A0CF5;
1521
- --on-light-outline-transparent-default-hover: #070B0E93;
1522
- --on-light-outline-transparent-default-active: #070B0EC4;
1523
- --on-light-outline-transparent-primary: #060A0C1F;
1524
- --on-light-outline-transparent-primary-hover: #070B0EFF;
1525
- --on-light-outline-transparent-primary-active: #070B0E25;
1526
- --on-light-outline-transparent-secondary: #060A0C47;
1527
- --on-light-outline-transparent-secondary-hover: #070B0EFF;
1528
- --on-light-outline-transparent-secondary-active: #070B0E56;
1529
- --on-light-outline-transparent-tertiary: #060A0C8F;
1530
- --on-light-outline-transparent-tertiary-hover: #070B0EFF;
1531
- --on-light-outline-transparent-tertiary-active: #070B0EAB;
1532
- --on-light-outline-clear: #FFFFFF00;
1533
- --on-light-outline-clear-hover: #FFFFFF00;
1534
- --on-light-outline-clear-active: #FFFFFF00;
1535
1472
  --on-light-outline-accent-hover: #0D96F2FF;
1536
1473
  --on-light-outline-accent-active: #0966A5FF;
1537
1474
  --on-light-outline-accent-minor-hover: #7ACAFFFF;
@@ -1540,10 +1477,10 @@
1540
1477
  --on-light-outline-transparent-accent-active: #0B7ECB3D;
1541
1478
  --on-light-outline-positive-hover: #14B32EFF;
1542
1479
  --on-light-outline-positive-active: #0C6A1BFF;
1543
- --on-light-outline-warning-hover: #FD6B17FF;
1544
- --on-light-outline-warning-active: #C04802FF;
1545
- --on-light-outline-negative-hover: #F54254FF;
1546
- --on-light-outline-negative-active: #DA0B20FF;
1480
+ --on-light-outline-warning-hover: #FB782DFF;
1481
+ --on-light-outline-warning-active: #D25004FF;
1482
+ --on-light-outline-negative-hover: #EE2F43FF;
1483
+ --on-light-outline-negative-active: #BD0F21FF;
1547
1484
  --on-light-outline-info-hover: #0D96F2FF;
1548
1485
  --on-light-outline-info-active: #0966A5FF;
1549
1486
  --on-light-outline-positive-minor-hover: #47DC62FF;
@@ -1569,8 +1506,6 @@
1569
1506
  --on-light-outline-transparent-accent: #0B7ECB33;
1570
1507
  --on-light-outline-accent-minor: #52BAFF;
1571
1508
  --on-light-outline-positive: #108E26;
1572
- --on-light-outline-warning: #E85702;
1573
- --on-light-outline-negative: #F31B31;
1574
1509
  --on-light-outline-info: #0B7ECB;
1575
1510
  --on-light-outline-positive-minor: #28D247;
1576
1511
  --on-light-outline-warning-minor: #FD9C68;
@@ -1580,27 +1515,17 @@
1580
1515
  --on-light-outline-transparent-warning: #E8570233;
1581
1516
  --on-light-outline-transparent-negative: #F31B3133;
1582
1517
  --on-light-outline-transparent-info: #0B7ECB33;
1518
+ --on-light-outline-warning: #FA5F05;
1519
+ --on-light-outline-negative: #E31227;
1520
+ --on-light-outline-solid-default: #060A0C;
1521
+ --on-light-outline-solid-default-hover: #223944FF;
1522
+ --on-light-outline-solid-default-active: #152229FF;
1583
1523
  --inverse-outline-solid-primary-hover: #6A7E8AFF;
1584
1524
  --inverse-outline-solid-primary-active: #47545CFF;
1585
1525
  --inverse-outline-solid-secondary-hover: #7A8994FF;
1586
1526
  --inverse-outline-solid-secondary-active: #546069FF;
1587
1527
  --inverse-outline-solid-tertiary-hover: #000000FF;
1588
1528
  --inverse-outline-solid-tertiary-active: #515B61FF;
1589
- --inverse-outline-transparent-default: #F7F9FBF5;
1590
- --inverse-outline-transparent-default-hover: #F8FAFC93;
1591
- --inverse-outline-transparent-default-active: #F8FAFCC4;
1592
- --inverse-outline-transparent-primary: #F7F9FB1F;
1593
- --inverse-outline-transparent-primary-hover: #F8FAFCFF;
1594
- --inverse-outline-transparent-primary-active: #F8FAFC25;
1595
- --inverse-outline-transparent-secondary: #F7F9FB33;
1596
- --inverse-outline-transparent-secondary-hover: #F8FAFCFF;
1597
- --inverse-outline-transparent-secondary-active: #F8FAFC3D;
1598
- --inverse-outline-transparent-tertiary: #F7F9FB47;
1599
- --inverse-outline-transparent-tertiary-hover: #F8FAFCFF;
1600
- --inverse-outline-transparent-tertiary-active: #F8FAFC56;
1601
- --inverse-outline-clear: #FFFFFF00;
1602
- --inverse-outline-clear-hover: #FFFFFF00;
1603
- --inverse-outline-clear-active: #FFFFFF00;
1604
1529
  --inverse-outline-accent-hover: #3FABF3FF;
1605
1530
  --inverse-outline-accent-active: #0D84D3FF;
1606
1531
  --inverse-outline-accent-minor-hover: #1483CCFF;
@@ -1649,15 +1574,24 @@
1649
1574
  --inverse-outline-transparent-warning: #FF702447;
1650
1575
  --inverse-outline-transparent-negative: #FF3D5147;
1651
1576
  --inverse-outline-transparent-info: #199AF047;
1577
+ --inverse-outline-solid-default-hover: #FFFFFFFF;
1578
+ --inverse-outline-solid-default-active: #B4C7D9FF;
1579
+ --inverse-outline-solid-default: #F7F9FB;
1652
1580
  --data-yellow: #F3A912;
1653
1581
  --data-yellow-hover: #F5B638FF;
1654
1582
  --data-yellow-active: #E49C0CFF;
1655
1583
  --data-yellow-minor: #FFD37A;
1656
- --data-yellow-minor-hover: #FFDA8FFF;
1584
+ --data-yellow-minor-hover: #FFD070FF;
1657
1585
  --data-yellow-minor-active: #FFCC66FF;
1658
1586
  --data-yellow-transparent: #F3A9128F;
1659
- --data-yellow-transparent-hover: #F3A8127A;
1660
- --data-yellow-transparent-active: #F3A81299;
1587
+ --data-yellow-transparent-hover: #F3A9129E;
1588
+ --data-yellow-transparent-active: #F3A912A3;
1589
+ --data-yellow-light: #FFF6E5;
1590
+ --data-yellow-light-hover: #FFF4E0FF;
1591
+ --data-yellow-light-active: #FFF3DBFF;
1592
+ --data-sky-blue-light: #E8FAFF;
1593
+ --data-sky-blue-light-hover: #E0F8FFFF;
1594
+ --data-sky-blue-light-active: #DBF7FFFF;
1661
1595
  --on-dark-data-yellow: #F3A912;
1662
1596
  --on-dark-data-yellow-hover: #F5B638FF;
1663
1597
  --on-dark-data-yellow-active: #E49C0CFF;
@@ -1667,15 +1601,27 @@
1667
1601
  --on-dark-data-yellow-transparent: #F3A9128F;
1668
1602
  --on-dark-data-yellow-transparent-hover: #F3A8127A;
1669
1603
  --on-dark-data-yellow-transparent-active: #F3A81299;
1604
+ --on-dark-data-yellow-light: #332200;
1605
+ --on-dark-data-yellow-light-hover: #FFF4E0FF;
1606
+ --on-dark-data-yellow-light-active: #FFF3DBFF;
1607
+ --on-dark-data-sky-blue-light: #0C283B;
1608
+ --on-dark-data-sky-blue-light-hover: #E0F8FFFF;
1609
+ --on-dark-data-sky-blue-light-active: #DBF7FFFF;
1670
1610
  --on-light-data-yellow: #F3A912;
1671
1611
  --on-light-data-yellow-hover: #F5B638FF;
1672
1612
  --on-light-data-yellow-active: #E49C0CFF;
1673
1613
  --on-light-data-yellow-minor: #FFD37A;
1674
- --on-light-data-yellow-minor-hover: #FFDA8FFF;
1614
+ --on-light-data-yellow-minor-hover: #FFD070FF;
1675
1615
  --on-light-data-yellow-minor-active: #FFCC66FF;
1676
1616
  --on-light-data-yellow-transparent: #F3A9128F;
1677
- --on-light-data-yellow-transparent-hover: #F3A8127A;
1678
- --on-light-data-yellow-transparent-active: #F3A81299;
1617
+ --on-light-data-yellow-transparent-hover: #F3A9129E;
1618
+ --on-light-data-yellow-transparent-active: #F3A912A3;
1619
+ --on-light-data-yellow-light: #FFF6E5;
1620
+ --on-light-data-yellow-light-hover: #FFF4E0FF;
1621
+ --on-light-data-yellow-light-active: #FFF3DBFF;
1622
+ --on-light-data-sky-blue-light: #E8FAFF;
1623
+ --on-light-data-sky-blue-light-hover: #E0F8FFFF;
1624
+ --on-light-data-sky-blue-light-active: #DBF7FFFF;
1679
1625
  --inverse-data-yellow: #F3A912;
1680
1626
  --inverse-data-yellow-hover: #F5B638FF;
1681
1627
  --inverse-data-yellow-active: #E49C0CFF;
@@ -1685,6 +1631,12 @@
1685
1631
  --inverse-data-yellow-transparent: #F3A9128F;
1686
1632
  --inverse-data-yellow-transparent-hover: #F3A8127A;
1687
1633
  --inverse-data-yellow-transparent-active: #F3A81299;
1634
+ --inverse-data-yellow-light: #332200;
1635
+ --inverse-data-yellow-light-hover: #FFF4E0FF;
1636
+ --inverse-data-yellow-light-active: #FFF3DBFF;
1637
+ --inverse-data-sky-blue-light: #0C283B;
1638
+ --inverse-data-sky-blue-light-hover: #E0F8FFFF;
1639
+ --inverse-data-sky-blue-light-active: #DBF7FFFF;
1688
1640
  color: var(--text-primary);
1689
1641
  background-color: var(--background-primary);
1690
1642
  }