@salutejs/sdds-themes 0.44.0-canary.2109.16720902588.0 → 0.44.0-canary.2118.16748428277.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 +309 -381
  2. package/css/sdds_finportal__dark.css +122 -162
  3. package/css/sdds_finportal__light.css +187 -219
  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 +177 -257
  9. package/es/tokens/sdds_finportal/index.js.map +1 -1
  10. package/package.json +2 -2
  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 +175 -255
  16. package/tokens/sdds_finportal/index.js +195 -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,8 @@
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-sky-blue-light: #0C283B;
803
757
  --on-dark-data-yellow: #F3A912;
804
758
  --on-dark-data-yellow-hover: #F4B22FFF;
805
759
  --on-dark-data-yellow-active: #EDA20CFF;
@@ -809,6 +763,8 @@
809
763
  --on-dark-data-yellow-transparent: #F3A9128F;
810
764
  --on-dark-data-yellow-transparent-hover: #F3A812AD;
811
765
  --on-dark-data-yellow-transparent-active: #F3A81280;
766
+ --on-dark-data-yellow-light: #332200;
767
+ --on-dark-data-sky-blue-light: #0C283B;
812
768
  --on-light-data-yellow: #F3A912;
813
769
  --on-light-data-yellow-hover: #F4B22FFF;
814
770
  --on-light-data-yellow-active: #EDA20CFF;
@@ -818,6 +774,8 @@
818
774
  --on-light-data-yellow-transparent: #F3A9128F;
819
775
  --on-light-data-yellow-transparent-hover: #F3A812AD;
820
776
  --on-light-data-yellow-transparent-active: #F3A81280;
777
+ --on-light-data-yellow-light: #FFF6E5;
778
+ --on-light-data-sky-blue-light: #E8FAFF;
821
779
  --inverse-data-yellow: #F3A912;
822
780
  --inverse-data-yellow-hover: #F4B22FFF;
823
781
  --inverse-data-yellow-active: #EDA20CFF;
@@ -827,6 +785,8 @@
827
785
  --inverse-data-yellow-transparent: #F3A9128F;
828
786
  --inverse-data-yellow-transparent-hover: #F3A812AD;
829
787
  --inverse-data-yellow-transparent-active: #F3A81280;
788
+ --inverse-data-yellow-light: #FFF6E5;
789
+ --inverse-data-sky-blue-light: #E8FAFF;
830
790
  color: var(--text-primary);
831
791
  background-color: var(--background-primary);
832
792
  }
@@ -861,10 +821,10 @@
861
821
  .light {
862
822
  --text-primary-hover: #13181B93;
863
823
  --text-primary-active: #13181BC4;
864
- --text-secondary-hover: #13181BFF;
865
- --text-secondary-active: #13181BAB;
866
- --text-tertiary-hover: #13181BFF;
867
- --text-tertiary-active: #13181B56;
824
+ --text-secondary-hover: #485056FF;
825
+ --text-secondary-active: #485056D3;
826
+ --text-tertiary-hover: #717C84FF;
827
+ --text-tertiary-active: #717C8493;
868
828
  --text-paragraph-hover: #13181B7A;
869
829
  --text-paragraph-active: #13181BA3;
870
830
  --text-accent-hover: #0D96F2FF;
@@ -873,10 +833,10 @@
873
833
  --text-accent-minor-active: #29A9FFFF;
874
834
  --text-positive-hover: #14B32EFF;
875
835
  --text-positive-active: #0C6A1BFF;
876
- --text-warning-hover: #FD6B17FF;
877
- --text-warning-active: #C04802FF;
878
- --text-negative-hover: #F54254FF;
879
- --text-negative-active: #DA0B20FF;
836
+ --text-warning-hover: #FB782DFF;
837
+ --text-warning-active: #D25004FF;
838
+ --text-negative-hover: #EE2F43FF;
839
+ --text-negative-active: #BD0F21FF;
880
840
  --text-info-hover: #0D96F2FF;
881
841
  --text-info-active: #0966A5FF;
882
842
  --text-positive-minor-hover: #47DC62FF;
@@ -889,25 +849,25 @@
889
849
  --text-info-minor-active: #29A9FFFF;
890
850
  --text-primary: #13181BF5;
891
851
  --text-primary-brightness: #212629FF;
892
- --text-secondary: #13181B8F;
893
- --text-tertiary: #13181B47;
894
852
  --text-paragraph: #13181BCC;
895
853
  --text-accent: #0B7ECB;
896
854
  --text-accent-minor: #52BAFF;
897
855
  --text-positive: #108E26;
898
- --text-warning: #E85702;
899
- --text-negative: #F31B31;
900
856
  --text-info: #0B7ECB;
901
857
  --text-positive-minor: #28D247;
902
858
  --text-warning-minor: #FD9C68;
903
859
  --text-negative-minor: #FF8F9A;
904
860
  --text-info-minor: #52BAFF;
861
+ --text-secondary: #485056B0;
862
+ --text-tertiary: #707C847A;
863
+ --text-warning: #FA5F05;
864
+ --text-negative: #E31227;
905
865
  --on-dark-text-primary-hover: #F2F5F893;
906
866
  --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;
867
+ --on-dark-text-secondary-hover: #D6DFE6FF;
868
+ --on-dark-text-secondary-active: #D6DFE6BE;
869
+ --on-dark-text-tertiary-hover: #D6DFE6FF;
870
+ --on-dark-text-tertiary-active: #D6DFE65C;
911
871
  --on-dark-text-paragraph-hover: #F2F5F87A;
912
872
  --on-dark-text-paragraph-active: #F2F5F8A3;
913
873
  --on-dark-text-accent-hover: #3FABF3FF;
@@ -932,8 +892,6 @@
932
892
  --on-dark-text-info-minor-active: #116BA7FF;
933
893
  --on-dark-text-primary: #F2F5F8F5;
934
894
  --on-dark-text-primary-brightness: #F3F6F8FF;
935
- --on-dark-text-secondary: #F2F5F88F;
936
- --on-dark-text-tertiary: #F2F5F847;
937
895
  --on-dark-text-paragraph: #F2F5F8CC;
938
896
  --on-dark-text-accent: #199AF0;
939
897
  --on-dark-text-accent-minor: #0D5382;
@@ -945,12 +903,14 @@
945
903
  --on-dark-text-warning-minor: #85380C;
946
904
  --on-dark-text-negative-minor: #9C1422;
947
905
  --on-dark-text-info-minor: #0D5382;
906
+ --on-dark-text-secondary: #D5DFE69E;
907
+ --on-dark-text-tertiary: #D5DFE64D;
948
908
  --on-light-text-primary-hover: #13181B93;
949
909
  --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;
910
+ --on-light-text-secondary-hover: #485056FF;
911
+ --on-light-text-secondary-active: #485056D3;
912
+ --on-light-text-tertiary-hover: #717C84FF;
913
+ --on-light-text-tertiary-active: #717C8493;
954
914
  --on-light-text-paragraph-hover: #13181B7A;
955
915
  --on-light-text-paragraph-active: #13181BA3;
956
916
  --on-light-text-accent-hover: #0D96F2FF;
@@ -959,10 +919,10 @@
959
919
  --on-light-text-accent-minor-active: #29A9FFFF;
960
920
  --on-light-text-positive-hover: #14B32EFF;
961
921
  --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;
922
+ --on-light-text-warning-hover: #FB782DFF;
923
+ --on-light-text-warning-active: #D25004FF;
924
+ --on-light-text-negative-hover: #EE2F43FF;
925
+ --on-light-text-negative-active: #BD0F21FF;
966
926
  --on-light-text-info-hover: #0D96F2FF;
967
927
  --on-light-text-info-active: #0966A5FF;
968
928
  --on-light-text-positive-minor-hover: #47DC62FF;
@@ -975,25 +935,25 @@
975
935
  --on-light-text-info-minor-active: #29A9FFFF;
976
936
  --on-light-text-primary: #13181BF5;
977
937
  --on-light-text-primary-brightness: #212629FF;
978
- --on-light-text-secondary: #13181B8F;
979
- --on-light-text-tertiary: #13181B47;
980
938
  --on-light-text-paragraph: #13181BCC;
981
939
  --on-light-text-accent: #0B7ECB;
982
940
  --on-light-text-accent-minor: #52BAFF;
983
941
  --on-light-text-positive: #108E26;
984
- --on-light-text-warning: #E85702;
985
- --on-light-text-negative: #F31B31;
986
942
  --on-light-text-info: #0B7ECB;
987
943
  --on-light-text-positive-minor: #28D247;
988
944
  --on-light-text-warning-minor: #FD9C68;
989
945
  --on-light-text-negative-minor: #FF8F9A;
990
946
  --on-light-text-info-minor: #52BAFF;
947
+ --on-light-text-secondary: #485056B0;
948
+ --on-light-text-tertiary: #707C847A;
949
+ --on-light-text-warning: #FA5F05;
950
+ --on-light-text-negative: #E31227;
991
951
  --inverse-text-primary-hover: #F2F5F893;
992
952
  --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;
953
+ --inverse-text-secondary-hover: #D6DFE6FF;
954
+ --inverse-text-secondary-active: #D6DFE6BE;
955
+ --inverse-text-tertiary-hover: #D6DFE6FF;
956
+ --inverse-text-tertiary-active: #D6DFE65C;
997
957
  --inverse-text-paragraph-hover: #F2F5F87A;
998
958
  --inverse-text-paragraph-active: #F2F5F8A3;
999
959
  --inverse-text-accent-hover: #3FABF3FF;
@@ -1018,8 +978,6 @@
1018
978
  --inverse-text-info-minor-active: #116BA7FF;
1019
979
  --inverse-text-primary: #F2F5F8F5;
1020
980
  --inverse-text-primary-brightness: #F3F6F8FF;
1021
- --inverse-text-secondary: #F2F5F88F;
1022
- --inverse-text-tertiary: #F2F5F847;
1023
981
  --inverse-text-paragraph: #F2F5F8CC;
1024
982
  --inverse-text-accent: #199AF0;
1025
983
  --inverse-text-accent-minor: #0D5382;
@@ -1031,34 +989,36 @@
1031
989
  --inverse-text-warning-minor: #85380C;
1032
990
  --inverse-text-negative-minor: #9C1422;
1033
991
  --inverse-text-info-minor: #0D5382;
1034
- --surface-solid-primary-hover: #F8FAFBFF;
992
+ --inverse-text-secondary: #D5DFE69E;
993
+ --inverse-text-tertiary: #D5DFE64D;
994
+ --surface-solid-primary-hover: #EEF2F6FF;
1035
995
  --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;
996
+ --surface-solid-secondary-hover: #E2E9EEFF;
997
+ --surface-solid-secondary-active: #DEE7EDFF;
998
+ --surface-solid-tertiary-hover: #CFDAE2FF;
999
+ --surface-solid-tertiary-active: #C9D6DFFF;
1040
1000
  --surface-solid-card-hover: #FFFFFFFF;
1041
1001
  --surface-solid-card-active: #FFFFFFFF;
1042
1002
  --surface-solid-default-hover: #111C22FF;
1043
1003
  --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;
1004
+ --surface-transparent-primary-hover: #D5DFE652;
1005
+ --surface-transparent-primary-active: #D5DFE657;
1006
+ --surface-transparent-secondary-hover: #ADB9C247;
1007
+ --surface-transparent-secondary-active: #ADB9C24D;
1008
+ --surface-transparent-tertiary-hover: #8A959D57;
1009
+ --surface-transparent-tertiary-active: #8A959D5C;
1010
+ --surface-transparent-deep-hover: #30373CAD;
1011
+ --surface-transparent-deep-active: #30373CCC;
1052
1012
  --surface-transparent-card-hover: #FFFFFFFF;
1053
1013
  --surface-transparent-card-active: #FFFFFFFF;
1054
1014
  --surface-clear-hover: #FFFFFF00;
1055
1015
  --surface-clear-active: #FFFFFF00;
1056
1016
  --surface-accent-hover: #1798EEFF;
1057
1017
  --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;
1018
+ --surface-accent-minor-hover: #C7E9FFFF;
1019
+ --surface-accent-minor-active: #C2E7FFFF;
1020
+ --surface-transparent-accent-hover: #118CDF2E;
1021
+ --surface-transparent-accent-active: #118CDF33;
1062
1022
  --surface-positive-hover: #1EB83AFF;
1063
1023
  --surface-positive-active: #178C2CFF;
1064
1024
  --surface-warning-hover: #FB782DFF;
@@ -1067,22 +1027,22 @@
1067
1027
  --surface-negative-active: #FF142CFF;
1068
1028
  --surface-info-hover: #1798EEFF;
1069
1029
  --surface-info-active: #0F81CCFF;
1070
- --surface-positive-minor-hover: #B1FBBFFF;
1030
+ --surface-positive-minor-hover: #94FAA7FF;
1071
1031
  --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;
1032
+ --surface-warning-minor-hover: #FEDCC8FF;
1033
+ --surface-warning-minor-active: #FED8C3FF;
1034
+ --surface-negative-minor-hover: #FFD6DAFF;
1035
+ --surface-negative-minor-active: #FFD1D6FF;
1036
+ --surface-info-minor-hover: #C7E9FFFF;
1037
+ --surface-info-minor-active: #C2E7FFFF;
1038
+ --surface-transparent-positive-hover: #1A9E322E;
1039
+ --surface-transparent-positive-active: #1A9E3233;
1040
+ --surface-transparent-warning-hover: #FA5F052E;
1041
+ --surface-transparent-warning-active: #FA5F0533;
1042
+ --surface-transparent-negative-hover: #FF293E2E;
1043
+ --surface-transparent-negative-active: #FF293E33;
1044
+ --surface-transparent-info-hover: #118CDF2E;
1045
+ --surface-transparent-info-active: #118CDF33;
1086
1046
  --surface-solid-card: #FFFFFFFF;
1087
1047
  --surface-solid-card-brightness: #FFFFFFFF;
1088
1048
  --surface-solid-primary: #F2F5F8;
@@ -1090,10 +1050,6 @@
1090
1050
  --surface-solid-secondary: #E8EEF2;
1091
1051
  --surface-solid-tertiary: #D5DFE6;
1092
1052
  --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
1053
  --surface-transparent-card: #FFFFFFFF;
1098
1054
  --surface-transparent-card-brightness: #FFFFFFFF;
1099
1055
  --surface-clear: #FFFFFF00;
@@ -1112,24 +1068,28 @@
1112
1068
  --surface-transparent-warning: #FA5F051F;
1113
1069
  --surface-transparent-negative: #FF293E1F;
1114
1070
  --surface-transparent-info: #118CDF1F;
1071
+ --surface-transparent-primary: #D5DFE642;
1072
+ --surface-transparent-secondary: #ADB9C238;
1073
+ --surface-transparent-tertiary: #8A959D47;
1074
+ --surface-transparent-deep: #30373CC7;
1115
1075
  --on-dark-surface-solid-primary-hover: #20282DFF;
1116
1076
  --on-dark-surface-solid-primary-active: #0B0D0FFF;
1117
1077
  --on-dark-surface-solid-secondary-hover: #2C343AFF;
1118
1078
  --on-dark-surface-solid-secondary-active: #1B1F23FF;
1119
1079
  --on-dark-surface-solid-tertiary-hover: #394147FF;
1120
1080
  --on-dark-surface-solid-tertiary-active: #272C30FF;
1121
- --on-dark-surface-solid-card-hover: #20282DFF;
1122
- --on-dark-surface-solid-card-active: #0B0D0FFF;
1081
+ --on-dark-surface-solid-card-hover: #111C22FF;
1082
+ --on-dark-surface-solid-card-active: #030607FF;
1123
1083
  --on-dark-surface-solid-default-hover: #FFFFFFFF;
1124
1084
  --on-dark-surface-solid-default-active: #F1F5F8FF;
1125
1085
  --on-dark-surface-transparent-primary-hover: #FFFFFF05;
1126
1086
  --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;
1087
+ --on-dark-surface-transparent-secondary-hover: #D6DFE60F;
1088
+ --on-dark-surface-transparent-secondary-active: #D6DFE62E;
1089
+ --on-dark-surface-transparent-tertiary-hover: #D6DFE629;
1090
+ --on-dark-surface-transparent-tertiary-active: #D6DFE647;
1091
+ --on-dark-surface-transparent-deep-hover: #D6DFE6A8;
1092
+ --on-dark-surface-transparent-deep-active: #D6DFE6C7;
1133
1093
  --on-dark-surface-transparent-card-hover: #FFFFFF05;
1134
1094
  --on-dark-surface-transparent-card-active: #FFFFFF1A;
1135
1095
  --on-dark-surface-clear: #FFFFFF00;
@@ -1169,13 +1129,9 @@
1169
1129
  --on-dark-surface-solid-primary-brightness: #212629FF;
1170
1130
  --on-dark-surface-solid-secondary: #23292D;
1171
1131
  --on-dark-surface-solid-tertiary: #30373C;
1172
- --on-dark-surface-solid-card: #13181B;
1173
- --on-dark-surface-solid-card-brightness: #212629FF;
1132
+ --on-dark-surface-solid-card-brightness: #111C22FF;
1174
1133
  --on-dark-surface-solid-default: #F7F9FB;
1175
1134
  --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
1135
  --on-dark-surface-transparent-card: #FFFFFF0F;
1180
1136
  --on-dark-surface-transparent-card-brightness: #FFFFFFFF;
1181
1137
  --on-dark-surface-accent: #118CDF;
@@ -1189,28 +1145,32 @@
1189
1145
  --on-dark-surface-warning-minor: #3D1D0A;
1190
1146
  --on-dark-surface-negative-minor: #4A0D13;
1191
1147
  --on-dark-surface-info-minor: #0C283B;
1192
- --on-dark-surface-transparent-positive: #0C283B;
1148
+ --on-dark-surface-transparent-positive: #1A9E3233;
1193
1149
  --on-dark-surface-transparent-warning: #FA5F0533;
1194
1150
  --on-dark-surface-transparent-negative: #FF293E33;
1195
1151
  --on-dark-surface-transparent-info: #118CDF33;
1196
- --on-light-surface-solid-primary-hover: #F8FAFBFF;
1152
+ --on-dark-surface-solid-card: #060A0C;
1153
+ --on-dark-surface-transparent-secondary: #D5DFE624;
1154
+ --on-dark-surface-transparent-tertiary: #D5DFE63D;
1155
+ --on-dark-surface-transparent-deep: #D5DFE6BD;
1156
+ --on-light-surface-solid-primary-hover: #EEF2F6FF;
1197
1157
  --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;
1158
+ --on-light-surface-solid-secondary-hover: #E2E9EEFF;
1159
+ --on-light-surface-solid-secondary-active: #DEE7EDFF;
1160
+ --on-light-surface-solid-tertiary-hover: #CFDAE2FF;
1161
+ --on-light-surface-solid-tertiary-active: #C9D6DFFF;
1202
1162
  --on-light-surface-solid-card-hover: #FFFFFFFF;
1203
1163
  --on-light-surface-solid-card-active: #FFFFFFFF;
1204
1164
  --on-light-surface-solid-default-hover: #111C22FF;
1205
1165
  --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;
1166
+ --on-light-surface-transparent-primary-hover: #D5DFE652;
1167
+ --on-light-surface-transparent-primary-active: #D5DFE657;
1168
+ --on-light-surface-transparent-secondary-hover: #ADB9C247;
1169
+ --on-light-surface-transparent-secondary-active: #ADB9C24D;
1170
+ --on-light-surface-transparent-tertiary-hover: #8A959D57;
1171
+ --on-light-surface-transparent-tertiary-active: #8A959D5C;
1172
+ --on-light-surface-transparent-deep-hover: #30373CAD;
1173
+ --on-light-surface-transparent-deep-active: #30373CCC;
1214
1174
  --on-light-surface-transparent-card-hover: #FFFFFFFF;
1215
1175
  --on-light-surface-transparent-card-active: #FFFFFFFF;
1216
1176
  --on-light-surface-clear: #FFFFFF00;
@@ -1218,10 +1178,10 @@
1218
1178
  --on-light-surface-clear-active: #FFFFFF00;
1219
1179
  --on-light-surface-accent-hover: #1798EEFF;
1220
1180
  --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;
1181
+ --on-light-surface-accent-minor-hover: #C7E9FFFF;
1182
+ --on-light-surface-accent-minor-active: #C2E7FFFF;
1183
+ --on-light-surface-transparent-accent-hover: #118CDF2E;
1184
+ --on-light-surface-transparent-accent-active: #118CDF33;
1225
1185
  --on-light-surface-positive-hover: #1EB83AFF;
1226
1186
  --on-light-surface-positive-active: #178C2CFF;
1227
1187
  --on-light-surface-warning-hover: #FB782DFF;
@@ -1230,22 +1190,22 @@
1230
1190
  --on-light-surface-negative-active: #FF142CFF;
1231
1191
  --on-light-surface-info-hover: #1798EEFF;
1232
1192
  --on-light-surface-info-active: #0F81CCFF;
1233
- --on-light-surface-positive-minor-hover: #B1FBBFFF;
1193
+ --on-light-surface-positive-minor-hover: #94FAA7FF;
1234
1194
  --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;
1195
+ --on-light-surface-warning-minor-hover: #FEDCC8FF;
1196
+ --on-light-surface-warning-minor-active: #FED8C3FF;
1197
+ --on-light-surface-negative-minor-hover: #FFD6DAFF;
1198
+ --on-light-surface-negative-minor-active: #FFD1D6FF;
1199
+ --on-light-surface-info-minor-hover: #C7E9FFFF;
1200
+ --on-light-surface-info-minor-active: #C2E7FFFF;
1201
+ --on-light-surface-transparent-positive-hover: #1A9E322E;
1202
+ --on-light-surface-transparent-positive-active: #1A9E3233;
1203
+ --on-light-surface-transparent-warning-hover: #FA5F052E;
1204
+ --on-light-surface-transparent-warning-active: #FA5F0533;
1205
+ --on-light-surface-transparent-negative-hover: #FF293E2E;
1206
+ --on-light-surface-transparent-negative-active: #FF293E33;
1207
+ --on-light-surface-transparent-info-hover: #118CDF2E;
1208
+ --on-light-surface-transparent-info-active: #118CDF33;
1249
1209
  --on-light-surface-solid-card: #FFFFFFFF;
1250
1210
  --on-light-surface-solid-card-brightness: #FFFFFFFF;
1251
1211
  --on-light-surface-solid-primary: #F2F5F8;
@@ -1253,10 +1213,6 @@
1253
1213
  --on-light-surface-solid-secondary: #E8EEF2;
1254
1214
  --on-light-surface-solid-tertiary: #D5DFE6;
1255
1215
  --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
1216
  --on-light-surface-transparent-card: #FFFFFFFF;
1261
1217
  --on-light-surface-transparent-card-brightness: #FFFFFFFF;
1262
1218
  --on-light-surface-accent: #118CDF;
@@ -1274,24 +1230,28 @@
1274
1230
  --on-light-surface-transparent-warning: #FA5F051F;
1275
1231
  --on-light-surface-transparent-negative: #FF293E1F;
1276
1232
  --on-light-surface-transparent-info: #118CDF1F;
1233
+ --on-light-surface-transparent-primary: #D5DFE642;
1234
+ --on-light-surface-transparent-secondary: #ADB9C238;
1235
+ --on-light-surface-transparent-tertiary: #8A959D47;
1236
+ --on-light-surface-transparent-deep: #30373CC7;
1277
1237
  --inverse-surface-solid-primary-hover: #20282DFF;
1278
1238
  --inverse-surface-solid-primary-active: #0B0D0FFF;
1279
1239
  --inverse-surface-solid-secondary-hover: #2C343AFF;
1280
1240
  --inverse-surface-solid-secondary-active: #1B1F23FF;
1281
1241
  --inverse-surface-solid-tertiary-hover: #394147FF;
1282
1242
  --inverse-surface-solid-tertiary-active: #272C30FF;
1283
- --inverse-surface-solid-card-hover: #20282DFF;
1284
- --inverse-surface-solid-card-active: #0B0D0FFF;
1243
+ --inverse-surface-solid-card-hover: #111C22FF;
1244
+ --inverse-surface-solid-card-active: #030607FF;
1285
1245
  --inverse-surface-solid-default-hover: #FFFFFFFF;
1286
1246
  --inverse-surface-solid-default-active: #F1F5F8FF;
1287
1247
  --inverse-surface-transparent-primary-hover: #FFFFFF05;
1288
1248
  --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;
1249
+ --inverse-surface-transparent-secondary-hover: #D6DFE60F;
1250
+ --inverse-surface-transparent-secondary-active: #D6DFE62E;
1251
+ --inverse-surface-transparent-tertiary-hover: #D6DFE629;
1252
+ --inverse-surface-transparent-tertiary-active: #D6DFE647;
1253
+ --inverse-surface-transparent-deep-hover: #D6DFE6A8;
1254
+ --inverse-surface-transparent-deep-active: #D6DFE6C7;
1295
1255
  --inverse-surface-transparent-card-hover: #FFFFFF05;
1296
1256
  --inverse-surface-transparent-card-active: #FFFFFF1A;
1297
1257
  --inverse-surface-clear: #FFFFFF00;
@@ -1327,17 +1287,13 @@
1327
1287
  --inverse-surface-transparent-negative-active: #FF293E3D;
1328
1288
  --inverse-surface-transparent-info-hover: #118CDF1F;
1329
1289
  --inverse-surface-transparent-info-active: #118CDF3D;
1330
- --inverse-surface-solid-card: #13181B;
1331
- --inverse-surface-solid-card-brightness: #212629FF;
1290
+ --inverse-surface-solid-card-brightness: #111C22FF;
1332
1291
  --inverse-surface-solid-primary: #13181B;
1333
1292
  --inverse-surface-solid-primary-brightness: #212629FF;
1334
1293
  --inverse-surface-solid-secondary: #23292D;
1335
1294
  --inverse-surface-solid-tertiary: #30373C;
1336
1295
  --inverse-surface-solid-default: #F7F9FB;
1337
1296
  --inverse-surface-transparent-primary: #FFFFFF0F;
1338
- --inverse-surface-transparent-secondary: #FFFFFF1F;
1339
- --inverse-surface-transparent-tertiary: #FFFFFF33;
1340
- --inverse-surface-transparent-deep: #FFFFFFA3;
1341
1297
  --inverse-surface-transparent-card: #FFFFFF0F;
1342
1298
  --inverse-surface-transparent-card-brightness: #FFFFFFFF;
1343
1299
  --inverse-surface-accent: #118CDF;
@@ -1355,45 +1311,34 @@
1355
1311
  --inverse-surface-transparent-warning: #FA5F0533;
1356
1312
  --inverse-surface-transparent-negative: #FF293E33;
1357
1313
  --inverse-surface-transparent-info: #118CDF33;
1314
+ --inverse-surface-solid-card: #060A0C;
1315
+ --inverse-surface-transparent-secondary: #D5DFE624;
1316
+ --inverse-surface-transparent-tertiary: #D5DFE63D;
1317
+ --inverse-surface-transparent-deep: #D5DFE6BD;
1358
1318
  --background-primary: #F7F9FB;
1359
1319
  --background-primary-brightness: #F7F9FBFF;
1360
1320
  --dark-background-primary: #060A0C;
1361
- --light-background-primary: #F9F9F9;
1362
- --inverse-background-primary: #080808;
1321
+ --light-background-primary: #F7F9FB;
1363
1322
  --inverse-background-primary-brightness: #171717FF;
1323
+ --inverse-background-primary: #060A0C;
1364
1324
  --overlay-hard: #F7F9FBF5;
1365
1325
  --overlay-soft: #F7F9FB8F;
1366
1326
  --overlay-blur: #F7F9FB47;
1367
1327
  --on-dark-overlay-hard: #060A0CF5;
1368
1328
  --on-dark-overlay-soft: #060A0C8F;
1369
1329
  --on-dark-overlay-blur: #060A0C47;
1370
- --on-light-overlay-hard: #F9F9F9F5;
1371
1330
  --on-light-overlay-soft: #F7F9FB8F;
1372
1331
  --on-light-overlay-blur: #F7F9FB47;
1373
- --inverse-overlay-hard: #080808F5;
1374
- --inverse-overlay-soft: #0808088F;
1375
- --inverse-overlay-blur: #08080847;
1332
+ --on-light-overlay-hard: #F7F9FBF5;
1333
+ --inverse-overlay-hard: #060A0CF5;
1334
+ --inverse-overlay-soft: #060A0C8F;
1335
+ --inverse-overlay-blur: #060A0C47;
1376
1336
  --outline-solid-primary-hover: #000000FF;
1377
1337
  --outline-solid-primary-active: #9FB6C6FF;
1378
1338
  --outline-solid-secondary-hover: #000000FF;
1379
1339
  --outline-solid-secondary-active: #6B7780FF;
1380
1340
  --outline-solid-tertiary-hover: #000000FF;
1381
1341
  --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
1342
  --outline-accent-hover: #0D96F2FF;
1398
1343
  --outline-accent-active: #0966A5FF;
1399
1344
  --outline-accent-minor-hover: #7ACAFFFF;
@@ -1402,10 +1347,10 @@
1402
1347
  --outline-transparent-accent-active: #0B7ECB3D;
1403
1348
  --outline-positive-hover: #14B32EFF;
1404
1349
  --outline-positive-active: #0C6A1BFF;
1405
- --outline-warning-hover: #FD6B17FF;
1406
- --outline-warning-active: #C04802FF;
1407
- --outline-negative-hover: #F54254FF;
1408
- --outline-negative-active: #DA0B20FF;
1350
+ --outline-warning-hover: #FB782DFF;
1351
+ --outline-warning-active: #D25004FF;
1352
+ --outline-negative-hover: #EE2F43FF;
1353
+ --outline-negative-active: #BD0F21FF;
1409
1354
  --outline-info-hover: #0D96F2FF;
1410
1355
  --outline-info-active: #0966A5FF;
1411
1356
  --outline-positive-minor-hover: #47DC62FF;
@@ -1431,8 +1376,6 @@
1431
1376
  --outline-transparent-accent: #0B7ECB33;
1432
1377
  --outline-accent-minor: #52BAFF;
1433
1378
  --outline-positive: #108E26;
1434
- --outline-warning: #E85702;
1435
- --outline-negative: #F31B31;
1436
1379
  --outline-info: #0B7ECB;
1437
1380
  --outline-positive-minor: #28D247;
1438
1381
  --outline-warning-minor: #FD9C68;
@@ -1442,26 +1385,17 @@
1442
1385
  --outline-transparent-warning: #E8570233;
1443
1386
  --outline-transparent-negative: #F31B3133;
1444
1387
  --outline-transparent-info: #0B7ECB33;
1388
+ --outline-warning: #FA5F05;
1389
+ --outline-negative: #E31227;
1390
+ --outline-solid-default: #060A0C;
1391
+ --outline-solid-default-hover: #223944FF;
1392
+ --outline-solid-default-active: #152229FF;
1445
1393
  --on-dark-outline-solid-primary-hover: #6A7E8AFF;
1446
1394
  --on-dark-outline-solid-primary-active: #47545CFF;
1447
1395
  --on-dark-outline-solid-secondary-hover: #7A8994FF;
1448
1396
  --on-dark-outline-solid-secondary-active: #546069FF;
1449
1397
  --on-dark-outline-solid-tertiary-hover: #000000FF;
1450
1398
  --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
1399
  --on-dark-outline-accent-hover: #3FABF3FF;
1466
1400
  --on-dark-outline-accent-active: #0D84D3FF;
1467
1401
  --on-dark-outline-accent-minor-hover: #1483CCFF;
@@ -1495,7 +1429,6 @@
1495
1429
  --on-dark-outline-solid-primary: #23292D;
1496
1430
  --on-dark-outline-solid-secondary: #30373C;
1497
1431
  --on-dark-outline-solid-tertiary: #657179;
1498
- --on-dark-outline-transparent-default: #F9F9F9;
1499
1432
  --on-dark-outline-accent: #199AF0;
1500
1433
  --on-dark-outline-accent-minor: #0D5382;
1501
1434
  --on-dark-outline-transparent-accent: #199AF047;
@@ -1511,27 +1444,15 @@
1511
1444
  --on-dark-outline-transparent-warning: #FF702447;
1512
1445
  --on-dark-outline-transparent-negative: #FF3D5147;
1513
1446
  --on-dark-outline-transparent-info: #199AF047;
1447
+ --on-dark-outline-solid-default: #F7F9FB;
1448
+ --on-dark-outline-solid-default-hover: #FFFFFFFF;
1449
+ --on-dark-outline-solid-default-active: #B4C7D9FF;
1514
1450
  --on-light-outline-solid-primary-hover: #000000FF;
1515
1451
  --on-light-outline-solid-primary-active: #9FB6C6FF;
1516
1452
  --on-light-outline-solid-secondary-hover: #000000FF;
1517
1453
  --on-light-outline-solid-secondary-active: #6B7780FF;
1518
1454
  --on-light-outline-solid-tertiary-hover: #000000FF;
1519
1455
  --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
1456
  --on-light-outline-accent-hover: #0D96F2FF;
1536
1457
  --on-light-outline-accent-active: #0966A5FF;
1537
1458
  --on-light-outline-accent-minor-hover: #7ACAFFFF;
@@ -1540,10 +1461,10 @@
1540
1461
  --on-light-outline-transparent-accent-active: #0B7ECB3D;
1541
1462
  --on-light-outline-positive-hover: #14B32EFF;
1542
1463
  --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;
1464
+ --on-light-outline-warning-hover: #FB782DFF;
1465
+ --on-light-outline-warning-active: #D25004FF;
1466
+ --on-light-outline-negative-hover: #EE2F43FF;
1467
+ --on-light-outline-negative-active: #BD0F21FF;
1547
1468
  --on-light-outline-info-hover: #0D96F2FF;
1548
1469
  --on-light-outline-info-active: #0966A5FF;
1549
1470
  --on-light-outline-positive-minor-hover: #47DC62FF;
@@ -1569,8 +1490,6 @@
1569
1490
  --on-light-outline-transparent-accent: #0B7ECB33;
1570
1491
  --on-light-outline-accent-minor: #52BAFF;
1571
1492
  --on-light-outline-positive: #108E26;
1572
- --on-light-outline-warning: #E85702;
1573
- --on-light-outline-negative: #F31B31;
1574
1493
  --on-light-outline-info: #0B7ECB;
1575
1494
  --on-light-outline-positive-minor: #28D247;
1576
1495
  --on-light-outline-warning-minor: #FD9C68;
@@ -1580,27 +1499,17 @@
1580
1499
  --on-light-outline-transparent-warning: #E8570233;
1581
1500
  --on-light-outline-transparent-negative: #F31B3133;
1582
1501
  --on-light-outline-transparent-info: #0B7ECB33;
1502
+ --on-light-outline-warning: #FA5F05;
1503
+ --on-light-outline-negative: #E31227;
1504
+ --on-light-outline-solid-default: #060A0C;
1505
+ --on-light-outline-solid-default-hover: #223944FF;
1506
+ --on-light-outline-solid-default-active: #152229FF;
1583
1507
  --inverse-outline-solid-primary-hover: #6A7E8AFF;
1584
1508
  --inverse-outline-solid-primary-active: #47545CFF;
1585
1509
  --inverse-outline-solid-secondary-hover: #7A8994FF;
1586
1510
  --inverse-outline-solid-secondary-active: #546069FF;
1587
1511
  --inverse-outline-solid-tertiary-hover: #000000FF;
1588
1512
  --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
1513
  --inverse-outline-accent-hover: #3FABF3FF;
1605
1514
  --inverse-outline-accent-active: #0D84D3FF;
1606
1515
  --inverse-outline-accent-minor-hover: #1483CCFF;
@@ -1649,15 +1558,24 @@
1649
1558
  --inverse-outline-transparent-warning: #FF702447;
1650
1559
  --inverse-outline-transparent-negative: #FF3D5147;
1651
1560
  --inverse-outline-transparent-info: #199AF047;
1561
+ --inverse-outline-solid-default-hover: #FFFFFFFF;
1562
+ --inverse-outline-solid-default-active: #B4C7D9FF;
1563
+ --inverse-outline-solid-default: #F7F9FB;
1652
1564
  --data-yellow: #F3A912;
1653
1565
  --data-yellow-hover: #F5B638FF;
1654
1566
  --data-yellow-active: #E49C0CFF;
1655
1567
  --data-yellow-minor: #FFD37A;
1656
- --data-yellow-minor-hover: #FFDA8FFF;
1568
+ --data-yellow-minor-hover: #FFD070FF;
1657
1569
  --data-yellow-minor-active: #FFCC66FF;
1658
1570
  --data-yellow-transparent: #F3A9128F;
1659
- --data-yellow-transparent-hover: #F3A8127A;
1660
- --data-yellow-transparent-active: #F3A81299;
1571
+ --data-yellow-transparent-hover: #F3A9129E;
1572
+ --data-yellow-transparent-active: #F3A912A3;
1573
+ --data-yellow-light: #FFF6E5;
1574
+ --data-yellow-light-hover: #FFF4E0FF;
1575
+ --data-yellow-light-active: #FFF3DBFF;
1576
+ --data-sky-blue-light: #E8FAFF;
1577
+ --data-sky-blue-light-hover: #E0F8FFFF;
1578
+ --data-sky-blue-light-active: #DBF7FFFF;
1661
1579
  --on-dark-data-yellow: #F3A912;
1662
1580
  --on-dark-data-yellow-hover: #F5B638FF;
1663
1581
  --on-dark-data-yellow-active: #E49C0CFF;
@@ -1667,15 +1585,23 @@
1667
1585
  --on-dark-data-yellow-transparent: #F3A9128F;
1668
1586
  --on-dark-data-yellow-transparent-hover: #F3A8127A;
1669
1587
  --on-dark-data-yellow-transparent-active: #F3A81299;
1588
+ --on-dark-data-yellow-light: #332200;
1589
+ --on-dark-data-sky-blue-light: #0C283B;
1670
1590
  --on-light-data-yellow: #F3A912;
1671
1591
  --on-light-data-yellow-hover: #F5B638FF;
1672
1592
  --on-light-data-yellow-active: #E49C0CFF;
1673
1593
  --on-light-data-yellow-minor: #FFD37A;
1674
- --on-light-data-yellow-minor-hover: #FFDA8FFF;
1594
+ --on-light-data-yellow-minor-hover: #FFD070FF;
1675
1595
  --on-light-data-yellow-minor-active: #FFCC66FF;
1676
1596
  --on-light-data-yellow-transparent: #F3A9128F;
1677
- --on-light-data-yellow-transparent-hover: #F3A8127A;
1678
- --on-light-data-yellow-transparent-active: #F3A81299;
1597
+ --on-light-data-yellow-transparent-hover: #F3A9129E;
1598
+ --on-light-data-yellow-transparent-active: #F3A912A3;
1599
+ --on-light-data-yellow-light: #FFF6E5;
1600
+ --on-light-data-yellow-light-hover: #FFF4E0FF;
1601
+ --on-light-data-yellow-light-active: #FFF3DBFF;
1602
+ --on-light-data-sky-blue-light: #E8FAFF;
1603
+ --on-light-data-sky-blue-light-hover: #E0F8FFFF;
1604
+ --on-light-data-sky-blue-light-active: #DBF7FFFF;
1679
1605
  --inverse-data-yellow: #F3A912;
1680
1606
  --inverse-data-yellow-hover: #F5B638FF;
1681
1607
  --inverse-data-yellow-active: #E49C0CFF;
@@ -1685,6 +1611,8 @@
1685
1611
  --inverse-data-yellow-transparent: #F3A9128F;
1686
1612
  --inverse-data-yellow-transparent-hover: #F3A8127A;
1687
1613
  --inverse-data-yellow-transparent-active: #F3A81299;
1614
+ --inverse-data-yellow-light: #332200;
1615
+ --inverse-data-sky-blue-light: #0C283B;
1688
1616
  color: var(--text-primary);
1689
1617
  background-color: var(--background-primary);
1690
1618
  }