@salutejs/plasma-tokens 1.119.0-canary.2115.16643075848.0 → 1.119.0-canary.2118.16673038428.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/brands/sdds_finportal/index.d.ts +162 -254
  2. package/brands/sdds_finportal/index.js +179 -272
  3. package/brands/sdds_finportal/index.js.map +1 -1
  4. package/css/sdds_finportal.module.css +245 -325
  5. package/css/sdds_finportal__dark.css +121 -161
  6. package/css/sdds_finportal__light.css +124 -164
  7. package/es/brands/sdds_finportal/index.js +162 -254
  8. package/es/brands/sdds_finportal/index.js.map +1 -1
  9. package/es/themes/sdds_finportal__dark.js +121 -161
  10. package/es/themes/sdds_finportal__dark.js.map +1 -1
  11. package/es/themes/sdds_finportal__light.js +124 -164
  12. package/es/themes/sdds_finportal__light.js.map +1 -1
  13. package/package.json +2 -2
  14. package/themes/sdds_finportal__dark.d.ts +106 -186
  15. package/themes/sdds_finportal__dark.js +121 -161
  16. package/themes/sdds_finportal__dark.js.map +1 -1
  17. package/themes/sdds_finportal__light.d.ts +108 -188
  18. package/themes/sdds_finportal__light.js +124 -164
  19. package/themes/sdds_finportal__light.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: rgba(242,245,248,0.96);
33
33
  --text-primary-brightness: #F3F6F8;
34
- --text-secondary: rgba(242,245,248,0.56);
35
- --text-tertiary: rgba(242,245,248,0.28);
36
34
  --text-paragraph: rgba(242,245,248,0.8);
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: rgba(242,245,248,0.96);
76
76
  --on-dark-text-primary-brightness: #F3F6F8;
77
- --on-dark-text-secondary: rgba(242,245,248,0.56);
78
- --on-dark-text-tertiary: rgba(242,245,248,0.28);
79
77
  --on-dark-text-paragraph: rgba(242,245,248,0.8);
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: rgba(19,24,27,0.96);
119
119
  --on-light-text-primary-brightness: #212629;
120
- --on-light-text-secondary: rgba(19,24,27,0.56);
121
- --on-light-text-tertiary: rgba(19,24,27,0.28);
122
120
  --on-light-text-paragraph: rgba(19,24,27,0.8);
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: rgba(19,24,27,0.96);
162
162
  --inverse-text-primary-brightness: #212629;
163
- --inverse-text-secondary: rgba(19,24,27,0.56);
164
- --inverse-text-tertiary: rgba(19,24,27,0.28);
165
163
  --inverse-text-paragraph: rgba(19,24,27,0.8);
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: #212629;
228
+ --surface-solid-card-brightness: #111C22FF;
230
229
  --surface-solid-primary: #13181B;
231
230
  --surface-solid-primary-brightness: #212629;
232
231
  --surface-solid-secondary: #23292D;
@@ -235,9 +234,6 @@
235
234
  --surface-transparent-card: rgba(255,255,255,0.06);
236
235
  --surface-transparent-card-brightness: #FFFFFF;
237
236
  --surface-transparent-primary: rgba(255,255,255,0.06);
238
- --surface-transparent-secondary: rgba(255,255,255,0.12);
239
- --surface-transparent-tertiary: rgba(255,255,255,0.2);
240
- --surface-transparent-deep: rgba(255,255,255,0.64);
241
237
  --surface-clear: rgba(255,255,255,0);
242
238
  --surface-accent: #118CDF;
243
239
  --surface-accent-minor: #0C283B;
@@ -254,24 +250,28 @@
254
250
  --surface-transparent-warning: rgba(250,95,5,0.2);
255
251
  --surface-transparent-negative: rgba(255,41,62,0.2);
256
252
  --surface-transparent-info: rgba(17,140,223,0.2);
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: #212629;
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: #212629;
327
+ --on-dark-surface-solid-card-brightness: #111C22FF;
329
328
  --on-dark-surface-solid-default: #F7F9FB;
330
329
  --on-dark-surface-transparent-primary: rgba(255,255,255,0.06);
331
- --on-dark-surface-transparent-secondary: rgba(255,255,255,0.12);
332
- --on-dark-surface-transparent-tertiary: rgba(255,255,255,0.2);
333
- --on-dark-surface-transparent-deep: rgba(255,255,255,0.64);
334
330
  --on-dark-surface-transparent-card: rgba(255,255,255,0.06);
335
331
  --on-dark-surface-transparent-card-brightness: #FFFFFF;
336
332
  --on-dark-surface-accent: #118CDF;
337
333
  --on-dark-surface-clear: rgba(255,255,255,0);
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;
@@ -395,10 +395,6 @@
395
395
  --on-light-surface-solid-card: rgb(255,255,255);
396
396
  --on-light-surface-solid-card-brightness: #FFFFFF;
397
397
  --on-light-surface-solid-default: #060A0C;
398
- --on-light-surface-transparent-primary: rgba(6,10,12,0.02);
399
- --on-light-surface-transparent-secondary: rgba(6,10,12,0.06);
400
- --on-light-surface-transparent-tertiary: rgba(6,10,12,0.12);
401
- --on-light-surface-transparent-deep: rgba(6,10,12,0.64);
402
398
  --on-light-surface-transparent-card: rgb(255,255,255);
403
399
  --on-light-surface-transparent-card-brightness: #FFFFFF;
404
400
  --on-light-surface-accent: #118CDF;
@@ -416,6 +412,10 @@
416
412
  --on-light-surface-transparent-warning: rgba(250,95,5,0.12);
417
413
  --on-light-surface-transparent-negative: rgba(255,41,62,0.12);
418
414
  --on-light-surface-transparent-info: rgba(17,140,223,0.12);
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: #FFFFFF;
479
479
  --inverse-surface-transparent-card: rgb(255,255,255);
480
480
  --inverse-surface-transparent-card-brightness: #FFFFFF;
481
- --inverse-surface-transparent-primary: rgba(6,10,12,0.02);
482
- --inverse-surface-transparent-secondary: rgba(6,10,12,0.06);
483
- --inverse-surface-transparent-tertiary: rgba(6,10,12,0.12);
484
- --inverse-surface-transparent-deep: rgba(6,10,12,0.64);
485
481
  --inverse-surface-accent: #118CDF;
486
482
  --inverse-surface-accent-minor: #CFECFF;
487
483
  --inverse-surface-transparent-accent: rgba(17,140,223,0.12);
@@ -497,6 +493,10 @@
497
493
  --inverse-surface-transparent-warning: rgba(250,95,5,0.12);
498
494
  --inverse-surface-transparent-negative: rgba(255,41,62,0.12);
499
495
  --inverse-surface-transparent-info: rgba(17,140,223,0.12);
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: #15191B;
502
502
  --dark-background-primary: #060A0C;
@@ -505,7 +505,7 @@
505
505
  --inverse-background-primary-brightness: #F7F9FB;
506
506
  --overlay-hard: rgba(6,10,12,0.96);
507
507
  --overlay-soft: rgba(6,10,12,0.56);
508
- --overlay-blur: rgba(242,245,248,0.12);
508
+ --overlay-blur: #060a0c47;
509
509
  --on-dark-overlay-hard: rgba(6,10,12,0.96);
510
510
  --on-dark-overlay-soft: rgba(6,10,12,0.56);
511
511
  --on-dark-overlay-blur: rgba(6,10,12,0.28);
@@ -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: rgba(25,154,240,0.28);
@@ -584,26 +569,15 @@
584
569
  --outline-transparent-warning: rgba(255,112,36,0.28);
585
570
  --outline-transparent-negative: rgba(255,61,81,0.28);
586
571
  --outline-transparent-info: rgba(25,154,240,0.28);
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: rgba(25,154,240,0.28);
643
616
  --on-dark-outline-accent-minor: #0D5382;
@@ -653,26 +626,15 @@
653
626
  --on-dark-outline-transparent-warning: rgba(255,112,36,0.28);
654
627
  --on-dark-outline-transparent-negative: rgba(255,61,81,0.28);
655
628
  --on-dark-outline-transparent-info: rgba(25,154,240,0.28);
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: rgba(11,126,203,0.2);
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: rgba(232,87,2,0.2);
723
682
  --on-light-outline-transparent-negative: rgba(243,27,49,0.2);
724
683
  --on-light-outline-transparent-info: rgba(11,126,203,0.2);
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: rgba(11,126,203,0.2);
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: rgba(232,87,2,0.2);
792
738
  --inverse-outline-transparent-negative: rgba(243,27,49,0.2);
793
739
  --inverse-outline-transparent-info: rgba(11,126,203,0.2);
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-default-data-yellow: #F3A912;
795
747
  --data-default-data-yellow-hover: #F4B22FFF;
796
748
  --data-default-data-yellow-active: #EDA20CFF;
@@ -800,6 +752,8 @@
800
752
  --data-default-data-yellow-transparent: #F3A9128F;
801
753
  --data-default-data-yellow-transparent-hover: #F3A812AD;
802
754
  --data-default-data-yellow-transparent-active: #F3A81280;
755
+ --data-default-data-yellow-light: #332200;
756
+ --data-default-data-sky-blue-light: #0C283B;
803
757
  --data-on-dark-data-yellow: #F3A912;
804
758
  --data-on-dark-data-yellow-hover: #F4B22FFF;
805
759
  --data-on-dark-data-yellow-active: #EDA20CFF;
@@ -809,6 +763,8 @@
809
763
  --data-on-dark-data-yellow-transparent: #F3A9128F;
810
764
  --data-on-dark-data-yellow-transparent-hover: #F3A812AD;
811
765
  --data-on-dark-data-yellow-transparent-active: #F3A81280;
766
+ --data-on-dark-data-yellow-light: #332200;
767
+ --data-on-dark-data-sky-blue-light: #0C283B;
812
768
  --data-on-light-data-yellow: #F3A912;
813
769
  --data-on-light-data-yellow-hover: #F4B22FFF;
814
770
  --data-on-light-data-yellow-active: #EDA20CFF;
@@ -818,6 +774,8 @@
818
774
  --data-on-light-data-yellow-transparent: #F3A9128F;
819
775
  --data-on-light-data-yellow-transparent-hover: #F3A812AD;
820
776
  --data-on-light-data-yellow-transparent-active: #F3A81280;
777
+ --data-on-light-data-yellow-light: #FFF6E5;
778
+ --data-on-light-data-sky-blue-light: #E8FAFF;
821
779
  --data-inverse-data-yellow: #F3A912;
822
780
  --data-inverse-data-yellow-hover: #F4B22FFF;
823
781
  --data-inverse-data-yellow-active: #EDA20CFF;
@@ -827,6 +785,8 @@
827
785
  --data-inverse-data-yellow-transparent: #F3A9128F;
828
786
  --data-inverse-data-yellow-transparent-hover: #F3A812AD;
829
787
  --data-inverse-data-yellow-transparent-active: #F3A81280;
788
+ --data-inverse-data-yellow-light: #FFF6E5;
789
+ --data-inverse-data-sky-blue-light: #E8FAFF;
830
790
  --skeleton-gradient: linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% );
831
791
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% );
832
792
  --plasma-colors-white-primary: var(--on-dark-text-primary);
@@ -869,10 +829,10 @@
869
829
  .light {
870
830
  --text-primary-hover: #13181B93;
871
831
  --text-primary-active: #13181BC4;
872
- --text-secondary-hover: #13181BFF;
873
- --text-secondary-active: #13181BAB;
874
- --text-tertiary-hover: #13181BFF;
875
- --text-tertiary-active: #13181B56;
832
+ --text-secondary-hover: #485056FF;
833
+ --text-secondary-active: #485056D3;
834
+ --text-tertiary-hover: #717C84FF;
835
+ --text-tertiary-active: #717C8493;
876
836
  --text-paragraph-hover: #13181B7A;
877
837
  --text-paragraph-active: #13181BA3;
878
838
  --text-accent-hover: #0D96F2FF;
@@ -881,10 +841,10 @@
881
841
  --text-accent-minor-active: #29A9FFFF;
882
842
  --text-positive-hover: #14B32EFF;
883
843
  --text-positive-active: #0C6A1BFF;
884
- --text-warning-hover: #FD6B17FF;
885
- --text-warning-active: #C04802FF;
886
- --text-negative-hover: #F54254FF;
887
- --text-negative-active: #DA0B20FF;
844
+ --text-warning-hover: #FB782DFF;
845
+ --text-warning-active: #D25004FF;
846
+ --text-negative-hover: #EE2F43FF;
847
+ --text-negative-active: #BD0F21FF;
888
848
  --text-info-hover: #0D96F2FF;
889
849
  --text-info-active: #0966A5FF;
890
850
  --text-positive-minor-hover: #47DC62FF;
@@ -897,25 +857,25 @@
897
857
  --text-info-minor-active: #29A9FFFF;
898
858
  --text-primary: rgba(19,24,27,0.96);
899
859
  --text-primary-brightness: #212629;
900
- --text-secondary: rgba(19,24,27,0.56);
901
- --text-tertiary: rgba(19,24,27,0.28);
902
860
  --text-paragraph: rgba(19,24,27,0.8);
903
861
  --text-accent: #0B7ECB;
904
862
  --text-accent-minor: #52BAFF;
905
863
  --text-positive: #108E26;
906
- --text-warning: #E85702;
907
- --text-negative: #F31B31;
908
864
  --text-info: #0B7ECB;
909
865
  --text-positive-minor: #28D247;
910
866
  --text-warning-minor: #FD9C68;
911
867
  --text-negative-minor: #FF8F9A;
912
868
  --text-info-minor: #52BAFF;
869
+ --text-secondary: #485056b0;
870
+ --text-tertiary: #707c847a;
871
+ --text-warning: #FA5F05;
872
+ --text-negative: #E31227;
913
873
  --on-dark-text-primary-hover: #F2F5F893;
914
874
  --on-dark-text-primary-active: #F2F5F8C4;
915
- --on-dark-text-secondary-hover: #F2F5F8FF;
916
- --on-dark-text-secondary-active: #F2F5F8AB;
917
- --on-dark-text-tertiary-hover: #F2F5F8FF;
918
- --on-dark-text-tertiary-active: #F2F5F856;
875
+ --on-dark-text-secondary-hover: #D6DFE6FF;
876
+ --on-dark-text-secondary-active: #D6DFE6BE;
877
+ --on-dark-text-tertiary-hover: #D6DFE6FF;
878
+ --on-dark-text-tertiary-active: #D6DFE65C;
919
879
  --on-dark-text-paragraph-hover: #F2F5F87A;
920
880
  --on-dark-text-paragraph-active: #F2F5F8A3;
921
881
  --on-dark-text-accent-hover: #3FABF3FF;
@@ -940,8 +900,6 @@
940
900
  --on-dark-text-info-minor-active: #116BA7FF;
941
901
  --on-dark-text-primary: rgba(242,245,248,0.96);
942
902
  --on-dark-text-primary-brightness: #F3F6F8;
943
- --on-dark-text-secondary: rgba(242,245,248,0.56);
944
- --on-dark-text-tertiary: rgba(242,245,248,0.28);
945
903
  --on-dark-text-paragraph: rgba(242,245,248,0.8);
946
904
  --on-dark-text-accent: #199AF0;
947
905
  --on-dark-text-accent-minor: #0D5382;
@@ -953,12 +911,14 @@
953
911
  --on-dark-text-warning-minor: #85380C;
954
912
  --on-dark-text-negative-minor: #9C1422;
955
913
  --on-dark-text-info-minor: #0D5382;
914
+ --on-dark-text-secondary: #d5dfe69e;
915
+ --on-dark-text-tertiary: #d5dfe64d;
956
916
  --on-light-text-primary-hover: #13181B93;
957
917
  --on-light-text-primary-active: #13181BC4;
958
- --on-light-text-secondary-hover: #13181BFF;
959
- --on-light-text-secondary-active: #13181BAB;
960
- --on-light-text-tertiary-hover: #13181BFF;
961
- --on-light-text-tertiary-active: #13181B56;
918
+ --on-light-text-secondary-hover: #485056FF;
919
+ --on-light-text-secondary-active: #485056D3;
920
+ --on-light-text-tertiary-hover: #717C84FF;
921
+ --on-light-text-tertiary-active: #717C8493;
962
922
  --on-light-text-paragraph-hover: #13181B7A;
963
923
  --on-light-text-paragraph-active: #13181BA3;
964
924
  --on-light-text-accent-hover: #0D96F2FF;
@@ -967,10 +927,10 @@
967
927
  --on-light-text-accent-minor-active: #29A9FFFF;
968
928
  --on-light-text-positive-hover: #14B32EFF;
969
929
  --on-light-text-positive-active: #0C6A1BFF;
970
- --on-light-text-warning-hover: #FD6B17FF;
971
- --on-light-text-warning-active: #C04802FF;
972
- --on-light-text-negative-hover: #F54254FF;
973
- --on-light-text-negative-active: #DA0B20FF;
930
+ --on-light-text-warning-hover: #FB782DFF;
931
+ --on-light-text-warning-active: #D25004FF;
932
+ --on-light-text-negative-hover: #EE2F43FF;
933
+ --on-light-text-negative-active: #BD0F21FF;
974
934
  --on-light-text-info-hover: #0D96F2FF;
975
935
  --on-light-text-info-active: #0966A5FF;
976
936
  --on-light-text-positive-minor-hover: #47DC62FF;
@@ -983,25 +943,25 @@
983
943
  --on-light-text-info-minor-active: #29A9FFFF;
984
944
  --on-light-text-primary: rgba(19,24,27,0.96);
985
945
  --on-light-text-primary-brightness: #212629;
986
- --on-light-text-secondary: rgba(19,24,27,0.56);
987
- --on-light-text-tertiary: rgba(19,24,27,0.28);
988
946
  --on-light-text-paragraph: rgba(19,24,27,0.8);
989
947
  --on-light-text-accent: #0B7ECB;
990
948
  --on-light-text-accent-minor: #52BAFF;
991
949
  --on-light-text-positive: #108E26;
992
- --on-light-text-warning: #E85702;
993
- --on-light-text-negative: #F31B31;
994
950
  --on-light-text-info: #0B7ECB;
995
951
  --on-light-text-positive-minor: #28D247;
996
952
  --on-light-text-warning-minor: #FD9C68;
997
953
  --on-light-text-negative-minor: #FF8F9A;
998
954
  --on-light-text-info-minor: #52BAFF;
955
+ --on-light-text-secondary: #485056b0;
956
+ --on-light-text-tertiary: #707c847a;
957
+ --on-light-text-warning: #FA5F05;
958
+ --on-light-text-negative: #E31227;
999
959
  --inverse-text-primary-hover: #F2F5F893;
1000
960
  --inverse-text-primary-active: #F2F5F8C4;
1001
- --inverse-text-secondary-hover: #F2F5F8FF;
1002
- --inverse-text-secondary-active: #F2F5F8AB;
1003
- --inverse-text-tertiary-hover: #F2F5F8FF;
1004
- --inverse-text-tertiary-active: #F2F5F856;
961
+ --inverse-text-secondary-hover: #D6DFE6FF;
962
+ --inverse-text-secondary-active: #D6DFE6BE;
963
+ --inverse-text-tertiary-hover: #D6DFE6FF;
964
+ --inverse-text-tertiary-active: #D6DFE65C;
1005
965
  --inverse-text-paragraph-hover: #F2F5F87A;
1006
966
  --inverse-text-paragraph-active: #F2F5F8A3;
1007
967
  --inverse-text-accent-hover: #3FABF3FF;
@@ -1026,8 +986,6 @@
1026
986
  --inverse-text-info-minor-active: #116BA7FF;
1027
987
  --inverse-text-primary: rgba(242,245,248,0.96);
1028
988
  --inverse-text-primary-brightness: #F3F6F8;
1029
- --inverse-text-secondary: rgba(242,245,248,0.56);
1030
- --inverse-text-tertiary: rgba(242,245,248,0.28);
1031
989
  --inverse-text-paragraph: rgba(242,245,248,0.8);
1032
990
  --inverse-text-accent: #199AF0;
1033
991
  --inverse-text-accent-minor: #0D5382;
@@ -1039,6 +997,8 @@
1039
997
  --inverse-text-warning-minor: #85380C;
1040
998
  --inverse-text-negative-minor: #9C1422;
1041
999
  --inverse-text-info-minor: #0D5382;
1000
+ --inverse-text-secondary: #d5dfe69e;
1001
+ --inverse-text-tertiary: #d5dfe64d;
1042
1002
  --surface-solid-primary-hover: #F8FAFBFF;
1043
1003
  --surface-solid-primary-active: #EBF0F4FF;
1044
1004
  --surface-solid-secondary-hover: #F5F8F9FF;
@@ -1049,14 +1009,14 @@
1049
1009
  --surface-solid-card-active: #FFFFFFFF;
1050
1010
  --surface-solid-default-hover: #111C22FF;
1051
1011
  --surface-solid-default-active: #030607FF;
1052
- --surface-transparent-primary-hover: #070B0E00;
1053
- --surface-transparent-primary-active: #070B0E0A;
1054
- --surface-transparent-secondary-hover: #070B0E05;
1055
- --surface-transparent-secondary-active: #070B0E1A;
1056
- --surface-transparent-tertiary-hover: #070B0E0A;
1057
- --surface-transparent-tertiary-active: #070B0E29;
1058
- --surface-transparent-deep-hover: #070B0E8F;
1059
- --surface-transparent-deep-active: #070B0EAD;
1012
+ --surface-transparent-primary-hover: #D6DFE62E;
1013
+ --surface-transparent-primary-active: #D6DFE64D;
1014
+ --surface-transparent-secondary-hover: #ADB9C224;
1015
+ --surface-transparent-secondary-active: #ADB9C242;
1016
+ --surface-transparent-tertiary-hover: #8A969E33;
1017
+ --surface-transparent-tertiary-active: #8A969E52;
1018
+ --surface-transparent-deep-hover: #30373BB3;
1019
+ --surface-transparent-deep-active: #30373BD1;
1060
1020
  --surface-transparent-card-hover: #FFFFFFFF;
1061
1021
  --surface-transparent-card-active: #FFFFFFFF;
1062
1022
  --surface-clear-hover: #FFFFFF00;
@@ -1098,10 +1058,6 @@
1098
1058
  --surface-solid-secondary: #E8EEF2;
1099
1059
  --surface-solid-tertiary: #D5DFE6;
1100
1060
  --surface-solid-default: #060A0C;
1101
- --surface-transparent-primary: rgba(6,10,12,0.02);
1102
- --surface-transparent-secondary: rgba(6,10,12,0.06);
1103
- --surface-transparent-tertiary: rgba(6,10,12,0.12);
1104
- --surface-transparent-deep: rgba(6,10,12,0.64);
1105
1061
  --surface-transparent-card: rgb(255,255,255);
1106
1062
  --surface-transparent-card-brightness: #FFFFFF;
1107
1063
  --surface-clear: rgba(255,255,255,0);
@@ -1120,24 +1076,28 @@
1120
1076
  --surface-transparent-warning: rgba(250,95,5,0.12);
1121
1077
  --surface-transparent-negative: rgba(255,41,62,0.12);
1122
1078
  --surface-transparent-info: rgba(17,140,223,0.12);
1079
+ --surface-transparent-primary: #d5dfe642;
1080
+ --surface-transparent-secondary: #adb9c238;
1081
+ --surface-transparent-tertiary: #8a959d47;
1082
+ --surface-transparent-deep: #30373cc7;
1123
1083
  --on-dark-surface-solid-primary-hover: #20282DFF;
1124
1084
  --on-dark-surface-solid-primary-active: #0B0D0FFF;
1125
1085
  --on-dark-surface-solid-secondary-hover: #2C343AFF;
1126
1086
  --on-dark-surface-solid-secondary-active: #1B1F23FF;
1127
1087
  --on-dark-surface-solid-tertiary-hover: #394147FF;
1128
1088
  --on-dark-surface-solid-tertiary-active: #272C30FF;
1129
- --on-dark-surface-solid-card-hover: #20282DFF;
1130
- --on-dark-surface-solid-card-active: #0B0D0FFF;
1089
+ --on-dark-surface-solid-card-hover: #111C22FF;
1090
+ --on-dark-surface-solid-card-active: #030607FF;
1131
1091
  --on-dark-surface-solid-default-hover: #FFFFFFFF;
1132
1092
  --on-dark-surface-solid-default-active: #F1F5F8FF;
1133
1093
  --on-dark-surface-transparent-primary-hover: #FFFFFF05;
1134
1094
  --on-dark-surface-transparent-primary-active: #FFFFFF1A;
1135
- --on-dark-surface-transparent-secondary-hover: #FFFFFF0A;
1136
- --on-dark-surface-transparent-secondary-active: #FFFFFF29;
1137
- --on-dark-surface-transparent-tertiary-hover: #FFFFFF1F;
1138
- --on-dark-surface-transparent-tertiary-active: #FFFFFF3D;
1139
- --on-dark-surface-transparent-deep-hover: #FFFFFF8F;
1140
- --on-dark-surface-transparent-deep-active: #FFFFFFAD;
1095
+ --on-dark-surface-transparent-secondary-hover: #D6DFE60F;
1096
+ --on-dark-surface-transparent-secondary-active: #D6DFE62E;
1097
+ --on-dark-surface-transparent-tertiary-hover: #D6DFE629;
1098
+ --on-dark-surface-transparent-tertiary-active: #D6DFE647;
1099
+ --on-dark-surface-transparent-deep-hover: #D6DFE6A8;
1100
+ --on-dark-surface-transparent-deep-active: #D6DFE6C7;
1141
1101
  --on-dark-surface-transparent-card-hover: #FFFFFF05;
1142
1102
  --on-dark-surface-transparent-card-active: #FFFFFF1A;
1143
1103
  --on-dark-surface-clear: #FFFFFF00;
@@ -1177,13 +1137,9 @@
1177
1137
  --on-dark-surface-solid-primary-brightness: #212629;
1178
1138
  --on-dark-surface-solid-secondary: #23292D;
1179
1139
  --on-dark-surface-solid-tertiary: #30373C;
1180
- --on-dark-surface-solid-card: #13181B;
1181
- --on-dark-surface-solid-card-brightness: #212629;
1140
+ --on-dark-surface-solid-card-brightness: #111C22FF;
1182
1141
  --on-dark-surface-solid-default: #F7F9FB;
1183
1142
  --on-dark-surface-transparent-primary: rgba(255,255,255,0.06);
1184
- --on-dark-surface-transparent-secondary: rgba(255,255,255,0.12);
1185
- --on-dark-surface-transparent-tertiary: rgba(255,255,255,0.2);
1186
- --on-dark-surface-transparent-deep: rgba(255,255,255,0.64);
1187
1143
  --on-dark-surface-transparent-card: rgba(255,255,255,0.06);
1188
1144
  --on-dark-surface-transparent-card-brightness: #FFFFFF;
1189
1145
  --on-dark-surface-accent: #118CDF;
@@ -1201,6 +1157,10 @@
1201
1157
  --on-dark-surface-transparent-warning: rgba(250,95,5,0.2);
1202
1158
  --on-dark-surface-transparent-negative: rgba(255,41,62,0.2);
1203
1159
  --on-dark-surface-transparent-info: rgba(17,140,223,0.2);
1160
+ --on-dark-surface-solid-card: #060A0C;
1161
+ --on-dark-surface-transparent-secondary: #d5dfe624;
1162
+ --on-dark-surface-transparent-tertiary: #d5dfe63d;
1163
+ --on-dark-surface-transparent-deep: #d5dfe6bd;
1204
1164
  --on-light-surface-solid-primary-hover: #F8FAFBFF;
1205
1165
  --on-light-surface-solid-primary-active: #EBF0F4FF;
1206
1166
  --on-light-surface-solid-secondary-hover: #F5F8F9FF;
@@ -1211,14 +1171,14 @@
1211
1171
  --on-light-surface-solid-card-active: #FFFFFFFF;
1212
1172
  --on-light-surface-solid-default-hover: #111C22FF;
1213
1173
  --on-light-surface-solid-default-active: #030607FF;
1214
- --on-light-surface-transparent-primary-hover: #070B0E00;
1215
- --on-light-surface-transparent-primary-active: #070B0E0A;
1216
- --on-light-surface-transparent-secondary-hover: #070B0E05;
1217
- --on-light-surface-transparent-secondary-active: #070B0E1A;
1218
- --on-light-surface-transparent-tertiary-hover: #070B0E0A;
1219
- --on-light-surface-transparent-tertiary-active: #070B0E29;
1220
- --on-light-surface-transparent-deep-hover: #070B0E8F;
1221
- --on-light-surface-transparent-deep-active: #070B0EAD;
1174
+ --on-light-surface-transparent-primary-hover: #D6DFE62E;
1175
+ --on-light-surface-transparent-primary-active: #D6DFE64D;
1176
+ --on-light-surface-transparent-secondary-hover: #ADB9C224;
1177
+ --on-light-surface-transparent-secondary-active: #ADB9C242;
1178
+ --on-light-surface-transparent-tertiary-hover: #8A969E33;
1179
+ --on-light-surface-transparent-tertiary-active: #8A969E52;
1180
+ --on-light-surface-transparent-deep-hover: #30373BB3;
1181
+ --on-light-surface-transparent-deep-active: #30373BD1;
1222
1182
  --on-light-surface-transparent-card-hover: #FFFFFFFF;
1223
1183
  --on-light-surface-transparent-card-active: #FFFFFFFF;
1224
1184
  --on-light-surface-clear: #FFFFFF00;
@@ -1261,10 +1221,6 @@
1261
1221
  --on-light-surface-solid-secondary: #E8EEF2;
1262
1222
  --on-light-surface-solid-tertiary: #D5DFE6;
1263
1223
  --on-light-surface-solid-default: #060A0C;
1264
- --on-light-surface-transparent-primary: rgba(6,10,12,0.02);
1265
- --on-light-surface-transparent-secondary: rgba(6,10,12,0.06);
1266
- --on-light-surface-transparent-tertiary: rgba(6,10,12,0.12);
1267
- --on-light-surface-transparent-deep: rgba(6,10,12,0.64);
1268
1224
  --on-light-surface-transparent-card: rgb(255,255,255);
1269
1225
  --on-light-surface-transparent-card-brightness: #FFFFFF;
1270
1226
  --on-light-surface-accent: #118CDF;
@@ -1282,24 +1238,28 @@
1282
1238
  --on-light-surface-transparent-warning: rgba(250,95,5,0.12);
1283
1239
  --on-light-surface-transparent-negative: rgba(255,41,62,0.12);
1284
1240
  --on-light-surface-transparent-info: rgba(17,140,223,0.12);
1241
+ --on-light-surface-transparent-primary: #d5dfe642;
1242
+ --on-light-surface-transparent-secondary: #adb9c238;
1243
+ --on-light-surface-transparent-tertiary: #8a959d47;
1244
+ --on-light-surface-transparent-deep: #30373cc7;
1285
1245
  --inverse-surface-solid-primary-hover: #20282DFF;
1286
1246
  --inverse-surface-solid-primary-active: #0B0D0FFF;
1287
1247
  --inverse-surface-solid-secondary-hover: #2C343AFF;
1288
1248
  --inverse-surface-solid-secondary-active: #1B1F23FF;
1289
1249
  --inverse-surface-solid-tertiary-hover: #394147FF;
1290
1250
  --inverse-surface-solid-tertiary-active: #272C30FF;
1291
- --inverse-surface-solid-card-hover: #20282DFF;
1292
- --inverse-surface-solid-card-active: #0B0D0FFF;
1251
+ --inverse-surface-solid-card-hover: #111C22FF;
1252
+ --inverse-surface-solid-card-active: #030607FF;
1293
1253
  --inverse-surface-solid-default-hover: #FFFFFFFF;
1294
1254
  --inverse-surface-solid-default-active: #F1F5F8FF;
1295
1255
  --inverse-surface-transparent-primary-hover: #FFFFFF05;
1296
1256
  --inverse-surface-transparent-primary-active: #FFFFFF1A;
1297
- --inverse-surface-transparent-secondary-hover: #FFFFFF0A;
1298
- --inverse-surface-transparent-secondary-active: #FFFFFF29;
1299
- --inverse-surface-transparent-tertiary-hover: #FFFFFF1F;
1300
- --inverse-surface-transparent-tertiary-active: #FFFFFF3D;
1301
- --inverse-surface-transparent-deep-hover: #FFFFFF8F;
1302
- --inverse-surface-transparent-deep-active: #FFFFFFAD;
1257
+ --inverse-surface-transparent-secondary-hover: #D6DFE60F;
1258
+ --inverse-surface-transparent-secondary-active: #D6DFE62E;
1259
+ --inverse-surface-transparent-tertiary-hover: #D6DFE629;
1260
+ --inverse-surface-transparent-tertiary-active: #D6DFE647;
1261
+ --inverse-surface-transparent-deep-hover: #D6DFE6A8;
1262
+ --inverse-surface-transparent-deep-active: #D6DFE6C7;
1303
1263
  --inverse-surface-transparent-card-hover: #FFFFFF05;
1304
1264
  --inverse-surface-transparent-card-active: #FFFFFF1A;
1305
1265
  --inverse-surface-clear: #FFFFFF00;
@@ -1335,17 +1295,13 @@
1335
1295
  --inverse-surface-transparent-negative-active: #FF293E3D;
1336
1296
  --inverse-surface-transparent-info-hover: #118CDF1F;
1337
1297
  --inverse-surface-transparent-info-active: #118CDF3D;
1338
- --inverse-surface-solid-card: #13181B;
1339
- --inverse-surface-solid-card-brightness: #212629;
1298
+ --inverse-surface-solid-card-brightness: #111C22FF;
1340
1299
  --inverse-surface-solid-primary: #13181B;
1341
1300
  --inverse-surface-solid-primary-brightness: #212629;
1342
1301
  --inverse-surface-solid-secondary: #23292D;
1343
1302
  --inverse-surface-solid-tertiary: #30373C;
1344
1303
  --inverse-surface-solid-default: #F7F9FB;
1345
1304
  --inverse-surface-transparent-primary: rgba(255,255,255,0.06);
1346
- --inverse-surface-transparent-secondary: rgba(255,255,255,0.12);
1347
- --inverse-surface-transparent-tertiary: rgba(255,255,255,0.2);
1348
- --inverse-surface-transparent-deep: rgba(255,255,255,0.64);
1349
1305
  --inverse-surface-transparent-card: rgba(255,255,255,0.06);
1350
1306
  --inverse-surface-transparent-card-brightness: #FFFFFF;
1351
1307
  --inverse-surface-accent: #118CDF;
@@ -1363,45 +1319,34 @@
1363
1319
  --inverse-surface-transparent-warning: rgba(250,95,5,0.2);
1364
1320
  --inverse-surface-transparent-negative: rgba(255,41,62,0.2);
1365
1321
  --inverse-surface-transparent-info: rgba(17,140,223,0.2);
1322
+ --inverse-surface-solid-card: #060A0C;
1323
+ --inverse-surface-transparent-secondary: #d5dfe624;
1324
+ --inverse-surface-transparent-tertiary: #d5dfe63d;
1325
+ --inverse-surface-transparent-deep: #d5dfe6bd;
1366
1326
  --background-primary: #F7F9FB;
1367
1327
  --background-primary-brightness: #F7F9FB;
1368
1328
  --dark-background-primary: #060A0C;
1369
- --light-background-primary: #F9F9F9;
1370
- --inverse-background-primary: #080808;
1329
+ --light-background-primary: #F7F9FB;
1371
1330
  --inverse-background-primary-brightness: #171717;
1331
+ --inverse-background-primary: #060A0C;
1372
1332
  --overlay-hard: rgba(247,249,251,0.96);
1373
1333
  --overlay-soft: rgba(247,249,251,0.56);
1374
1334
  --overlay-blur: rgba(247,249,251,0.28);
1375
1335
  --on-dark-overlay-hard: rgba(6,10,12,0.96);
1376
1336
  --on-dark-overlay-soft: rgba(6,10,12,0.56);
1377
1337
  --on-dark-overlay-blur: rgba(6,10,12,0.28);
1378
- --on-light-overlay-hard: rgba(249,249,249,0.96);
1379
1338
  --on-light-overlay-soft: rgba(247,249,251,0.56);
1380
1339
  --on-light-overlay-blur: rgba(247,249,251,0.28);
1381
- --inverse-overlay-hard: rgba(8,8,8,0.96);
1382
- --inverse-overlay-soft: rgba(8,8,8,0.56);
1383
- --inverse-overlay-blur: rgba(8,8,8,0.28);
1340
+ --on-light-overlay-hard: #f7f9fbf5;
1341
+ --inverse-overlay-hard: #060a0cf5;
1342
+ --inverse-overlay-soft: #060a0c8f;
1343
+ --inverse-overlay-blur: #060a0c47;
1384
1344
  --outline-solid-primary-hover: #000000FF;
1385
1345
  --outline-solid-primary-active: #9FB6C6FF;
1386
1346
  --outline-solid-secondary-hover: #000000FF;
1387
1347
  --outline-solid-secondary-active: #6B7780FF;
1388
1348
  --outline-solid-tertiary-hover: #000000FF;
1389
1349
  --outline-solid-tertiary-active: #515B61FF;
1390
- --outline-transparent-default: #060A0CF5;
1391
- --outline-transparent-default-hover: #070B0E93;
1392
- --outline-transparent-default-active: #070B0EC4;
1393
- --outline-transparent-primary: #060A0C1F;
1394
- --outline-transparent-primary-hover: #070B0EFF;
1395
- --outline-transparent-primary-active: #070B0E25;
1396
- --outline-transparent-secondary: #060A0C47;
1397
- --outline-transparent-secondary-hover: #070B0EFF;
1398
- --outline-transparent-secondary-active: #070B0E56;
1399
- --outline-transparent-tertiary: #060A0C8F;
1400
- --outline-transparent-tertiary-hover: #070B0EFF;
1401
- --outline-transparent-tertiary-active: #070B0EAB;
1402
- --outline-clear: #FFFFFF00;
1403
- --outline-clear-hover: #FFFFFF00;
1404
- --outline-clear-active: #FFFFFF00;
1405
1350
  --outline-accent-hover: #0D96F2FF;
1406
1351
  --outline-accent-active: #0966A5FF;
1407
1352
  --outline-accent-minor-hover: #7ACAFFFF;
@@ -1410,10 +1355,10 @@
1410
1355
  --outline-transparent-accent-active: #0B7ECB3D;
1411
1356
  --outline-positive-hover: #14B32EFF;
1412
1357
  --outline-positive-active: #0C6A1BFF;
1413
- --outline-warning-hover: #FD6B17FF;
1414
- --outline-warning-active: #C04802FF;
1415
- --outline-negative-hover: #F54254FF;
1416
- --outline-negative-active: #DA0B20FF;
1358
+ --outline-warning-hover: #FB782DFF;
1359
+ --outline-warning-active: #D25004FF;
1360
+ --outline-negative-hover: #EE2F43FF;
1361
+ --outline-negative-active: #BD0F21FF;
1417
1362
  --outline-info-hover: #0D96F2FF;
1418
1363
  --outline-info-active: #0966A5FF;
1419
1364
  --outline-positive-minor-hover: #47DC62FF;
@@ -1439,8 +1384,6 @@
1439
1384
  --outline-transparent-accent: rgba(11,126,203,0.2);
1440
1385
  --outline-accent-minor: #52BAFF;
1441
1386
  --outline-positive: #108E26;
1442
- --outline-warning: #E85702;
1443
- --outline-negative: #F31B31;
1444
1387
  --outline-info: #0B7ECB;
1445
1388
  --outline-positive-minor: #28D247;
1446
1389
  --outline-warning-minor: #FD9C68;
@@ -1450,26 +1393,17 @@
1450
1393
  --outline-transparent-warning: rgba(232,87,2,0.2);
1451
1394
  --outline-transparent-negative: rgba(243,27,49,0.2);
1452
1395
  --outline-transparent-info: rgba(11,126,203,0.2);
1396
+ --outline-warning: #FA5F05;
1397
+ --outline-negative: #E31227;
1398
+ --outline-solid-default: #060A0C;
1399
+ --outline-solid-default-hover: #223944FF;
1400
+ --outline-solid-default-active: #152229FF;
1453
1401
  --on-dark-outline-solid-primary-hover: #6A7E8AFF;
1454
1402
  --on-dark-outline-solid-primary-active: #47545CFF;
1455
1403
  --on-dark-outline-solid-secondary-hover: #7A8994FF;
1456
1404
  --on-dark-outline-solid-secondary-active: #546069FF;
1457
1405
  --on-dark-outline-solid-tertiary-hover: #000000FF;
1458
1406
  --on-dark-outline-solid-tertiary-active: #515B61FF;
1459
- --on-dark-outline-transparent-default-hover: #000000FF;
1460
- --on-dark-outline-transparent-default-active: #C7C7C7FF;
1461
- --on-dark-outline-transparent-primary: #F7F9FB1F;
1462
- --on-dark-outline-transparent-primary-hover: #F8FAFCFF;
1463
- --on-dark-outline-transparent-primary-active: #F8FAFC25;
1464
- --on-dark-outline-transparent-secondary: #F7F9FB33;
1465
- --on-dark-outline-transparent-secondary-hover: #F8FAFCFF;
1466
- --on-dark-outline-transparent-secondary-active: #F8FAFC3D;
1467
- --on-dark-outline-transparent-tertiary: #F7F9FB47;
1468
- --on-dark-outline-transparent-tertiary-hover: #F8FAFCFF;
1469
- --on-dark-outline-transparent-tertiary-active: #F8FAFC56;
1470
- --on-dark-outline-clear: #FFFFFF00;
1471
- --on-dark-outline-clear-hover: #FFFFFF00;
1472
- --on-dark-outline-clear-active: #FFFFFF00;
1473
1407
  --on-dark-outline-accent-hover: #3FABF3FF;
1474
1408
  --on-dark-outline-accent-active: #0D84D3FF;
1475
1409
  --on-dark-outline-accent-minor-hover: #1483CCFF;
@@ -1503,7 +1437,6 @@
1503
1437
  --on-dark-outline-solid-primary: #23292D;
1504
1438
  --on-dark-outline-solid-secondary: #30373C;
1505
1439
  --on-dark-outline-solid-tertiary: #657179;
1506
- --on-dark-outline-transparent-default: #F9F9F9;
1507
1440
  --on-dark-outline-accent: #199AF0;
1508
1441
  --on-dark-outline-accent-minor: #0D5382;
1509
1442
  --on-dark-outline-transparent-accent: rgba(25,154,240,0.28);
@@ -1519,27 +1452,15 @@
1519
1452
  --on-dark-outline-transparent-warning: rgba(255,112,36,0.28);
1520
1453
  --on-dark-outline-transparent-negative: rgba(255,61,81,0.28);
1521
1454
  --on-dark-outline-transparent-info: rgba(25,154,240,0.28);
1455
+ --on-dark-outline-solid-default: #F7F9FB;
1456
+ --on-dark-outline-solid-default-hover: #FFFFFFFF;
1457
+ --on-dark-outline-solid-default-active: #B4C7D9FF;
1522
1458
  --on-light-outline-solid-primary-hover: #000000FF;
1523
1459
  --on-light-outline-solid-primary-active: #9FB6C6FF;
1524
1460
  --on-light-outline-solid-secondary-hover: #000000FF;
1525
1461
  --on-light-outline-solid-secondary-active: #6B7780FF;
1526
1462
  --on-light-outline-solid-tertiary-hover: #000000FF;
1527
1463
  --on-light-outline-solid-tertiary-active: #515B61FF;
1528
- --on-light-outline-transparent-default: #060A0CF5;
1529
- --on-light-outline-transparent-default-hover: #070B0E93;
1530
- --on-light-outline-transparent-default-active: #070B0EC4;
1531
- --on-light-outline-transparent-primary: #060A0C1F;
1532
- --on-light-outline-transparent-primary-hover: #070B0EFF;
1533
- --on-light-outline-transparent-primary-active: #070B0E25;
1534
- --on-light-outline-transparent-secondary: #060A0C47;
1535
- --on-light-outline-transparent-secondary-hover: #070B0EFF;
1536
- --on-light-outline-transparent-secondary-active: #070B0E56;
1537
- --on-light-outline-transparent-tertiary: #060A0C8F;
1538
- --on-light-outline-transparent-tertiary-hover: #070B0EFF;
1539
- --on-light-outline-transparent-tertiary-active: #070B0EAB;
1540
- --on-light-outline-clear: #FFFFFF00;
1541
- --on-light-outline-clear-hover: #FFFFFF00;
1542
- --on-light-outline-clear-active: #FFFFFF00;
1543
1464
  --on-light-outline-accent-hover: #0D96F2FF;
1544
1465
  --on-light-outline-accent-active: #0966A5FF;
1545
1466
  --on-light-outline-accent-minor-hover: #7ACAFFFF;
@@ -1548,10 +1469,10 @@
1548
1469
  --on-light-outline-transparent-accent-active: #0B7ECB3D;
1549
1470
  --on-light-outline-positive-hover: #14B32EFF;
1550
1471
  --on-light-outline-positive-active: #0C6A1BFF;
1551
- --on-light-outline-warning-hover: #FD6B17FF;
1552
- --on-light-outline-warning-active: #C04802FF;
1553
- --on-light-outline-negative-hover: #F54254FF;
1554
- --on-light-outline-negative-active: #DA0B20FF;
1472
+ --on-light-outline-warning-hover: #FB782DFF;
1473
+ --on-light-outline-warning-active: #D25004FF;
1474
+ --on-light-outline-negative-hover: #EE2F43FF;
1475
+ --on-light-outline-negative-active: #BD0F21FF;
1555
1476
  --on-light-outline-info-hover: #0D96F2FF;
1556
1477
  --on-light-outline-info-active: #0966A5FF;
1557
1478
  --on-light-outline-positive-minor-hover: #47DC62FF;
@@ -1577,8 +1498,6 @@
1577
1498
  --on-light-outline-transparent-accent: rgba(11,126,203,0.2);
1578
1499
  --on-light-outline-accent-minor: #52BAFF;
1579
1500
  --on-light-outline-positive: #108E26;
1580
- --on-light-outline-warning: #E85702;
1581
- --on-light-outline-negative: #F31B31;
1582
1501
  --on-light-outline-info: #0B7ECB;
1583
1502
  --on-light-outline-positive-minor: #28D247;
1584
1503
  --on-light-outline-warning-minor: #FD9C68;
@@ -1588,27 +1507,17 @@
1588
1507
  --on-light-outline-transparent-warning: rgba(232,87,2,0.2);
1589
1508
  --on-light-outline-transparent-negative: rgba(243,27,49,0.2);
1590
1509
  --on-light-outline-transparent-info: rgba(11,126,203,0.2);
1510
+ --on-light-outline-warning: #FA5F05;
1511
+ --on-light-outline-negative: #E31227;
1512
+ --on-light-outline-solid-default: #060A0C;
1513
+ --on-light-outline-solid-default-hover: #223944FF;
1514
+ --on-light-outline-solid-default-active: #152229FF;
1591
1515
  --inverse-outline-solid-primary-hover: #6A7E8AFF;
1592
1516
  --inverse-outline-solid-primary-active: #47545CFF;
1593
1517
  --inverse-outline-solid-secondary-hover: #7A8994FF;
1594
1518
  --inverse-outline-solid-secondary-active: #546069FF;
1595
1519
  --inverse-outline-solid-tertiary-hover: #000000FF;
1596
1520
  --inverse-outline-solid-tertiary-active: #515B61FF;
1597
- --inverse-outline-transparent-default: #F7F9FBF5;
1598
- --inverse-outline-transparent-default-hover: #F8FAFC93;
1599
- --inverse-outline-transparent-default-active: #F8FAFCC4;
1600
- --inverse-outline-transparent-primary: #F7F9FB1F;
1601
- --inverse-outline-transparent-primary-hover: #F8FAFCFF;
1602
- --inverse-outline-transparent-primary-active: #F8FAFC25;
1603
- --inverse-outline-transparent-secondary: #F7F9FB33;
1604
- --inverse-outline-transparent-secondary-hover: #F8FAFCFF;
1605
- --inverse-outline-transparent-secondary-active: #F8FAFC3D;
1606
- --inverse-outline-transparent-tertiary: #F7F9FB47;
1607
- --inverse-outline-transparent-tertiary-hover: #F8FAFCFF;
1608
- --inverse-outline-transparent-tertiary-active: #F8FAFC56;
1609
- --inverse-outline-clear: #FFFFFF00;
1610
- --inverse-outline-clear-hover: #FFFFFF00;
1611
- --inverse-outline-clear-active: #FFFFFF00;
1612
1521
  --inverse-outline-accent-hover: #3FABF3FF;
1613
1522
  --inverse-outline-accent-active: #0D84D3FF;
1614
1523
  --inverse-outline-accent-minor-hover: #1483CCFF;
@@ -1657,6 +1566,9 @@
1657
1566
  --inverse-outline-transparent-warning: rgba(255,112,36,0.28);
1658
1567
  --inverse-outline-transparent-negative: rgba(255,61,81,0.28);
1659
1568
  --inverse-outline-transparent-info: rgba(25,154,240,0.28);
1569
+ --inverse-outline-solid-default-hover: #FFFFFFFF;
1570
+ --inverse-outline-solid-default-active: #B4C7D9FF;
1571
+ --inverse-outline-solid-default: #F7F9FB;
1660
1572
  --data-default-data-yellow: #F3A912;
1661
1573
  --data-default-data-yellow-hover: #F5B638FF;
1662
1574
  --data-default-data-yellow-active: #E49C0CFF;
@@ -1666,6 +1578,8 @@
1666
1578
  --data-default-data-yellow-transparent: #F3A9128F;
1667
1579
  --data-default-data-yellow-transparent-hover: #F3A8127A;
1668
1580
  --data-default-data-yellow-transparent-active: #F3A81299;
1581
+ --data-default-data-yellow-light: #FFF6E5;
1582
+ --data-default-data-sky-blue-light: #E8FAFF;
1669
1583
  --data-on-dark-data-yellow: #F3A912;
1670
1584
  --data-on-dark-data-yellow-hover: #F5B638FF;
1671
1585
  --data-on-dark-data-yellow-active: #E49C0CFF;
@@ -1675,6 +1589,8 @@
1675
1589
  --data-on-dark-data-yellow-transparent: #F3A9128F;
1676
1590
  --data-on-dark-data-yellow-transparent-hover: #F3A8127A;
1677
1591
  --data-on-dark-data-yellow-transparent-active: #F3A81299;
1592
+ --data-on-dark-data-yellow-light: #332200;
1593
+ --data-on-dark-data-sky-blue-light: #0C283B;
1678
1594
  --data-on-light-data-yellow: #F3A912;
1679
1595
  --data-on-light-data-yellow-hover: #F5B638FF;
1680
1596
  --data-on-light-data-yellow-active: #E49C0CFF;
@@ -1684,6 +1600,8 @@
1684
1600
  --data-on-light-data-yellow-transparent: #F3A9128F;
1685
1601
  --data-on-light-data-yellow-transparent-hover: #F3A8127A;
1686
1602
  --data-on-light-data-yellow-transparent-active: #F3A81299;
1603
+ --data-on-light-data-yellow-light: #FFF6E5;
1604
+ --data-on-light-data-sky-blue-light: #E8FAFF;
1687
1605
  --data-inverse-data-yellow: #F3A912;
1688
1606
  --data-inverse-data-yellow-hover: #F5B638FF;
1689
1607
  --data-inverse-data-yellow-active: #E49C0CFF;
@@ -1693,6 +1611,8 @@
1693
1611
  --data-inverse-data-yellow-transparent: #F3A9128F;
1694
1612
  --data-inverse-data-yellow-transparent-hover: #F3A8127A;
1695
1613
  --data-inverse-data-yellow-transparent-active: #F3A81299;
1614
+ --data-inverse-data-yellow-light: #332200;
1615
+ --data-inverse-data-sky-blue-light: #0C283B;
1696
1616
  --skeleton-gradient: linear-gradient( 90deg, rgba(8, 8, 8, 0.09) 0%, rgba(8, 8, 8, 0.08) 6.25%, rgba(8, 8, 8, 0.05) 12.5%, rgba(8, 8, 8, 0.01) 25%, rgba(8, 8, 8, 0.05) 37.5%, rgba(8, 8, 8, 0.08) 43.75%, rgba(8, 8, 8, 0.09) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.05) 62.5%, rgba(8, 8, 8, 0.01) 75%, rgba(8, 8, 8, 0.05) 87.5%, rgba(8, 8, 8, 0.08) 93.75%, rgba(8, 8, 8, 0.09) 100% );
1697
1617
  --skeleton-gradient-lighter: linear-gradient( 90deg, rgba(8, 8, 8, 0.36) 0%, rgba(8, 8, 8, 0.32) 6.25%, rgba(8, 8, 8, 0.20) 12.5%, rgba(8, 8, 8, 0.04) 25%, rgba(8, 8, 8, 0.20) 37.5%, rgba(8, 8, 8, 0.32) 43.75%, rgba(8, 8, 8, 0.36) 50%, rgba(8, 8, 8, 0.08) 56.25%, rgba(8, 8, 8, 0.20) 62.5%, rgba(8, 8, 8, 0.04) 75%, rgba(8, 8, 8, 0.20) 87.5%, rgba(8, 8, 8, 0.32) 93.75%, rgba(8, 8, 8, 0.36) 100% );
1698
1618
  --plasma-colors-white-primary: var(--on-dark-text-primary);