@alfalab/core-components-vars 6.5.1 → 7.1.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 (9) hide show
  1. package/colors-bluetint.css +58 -44
  2. package/colors-indigo.css +58 -44
  3. package/cssm/bundle/site.css +58 -44
  4. package/cssm/colors-bluetint.css +58 -44
  5. package/cssm/colors-indigo.css +58 -44
  6. package/cssm/index.css +58 -44
  7. package/package.json +1 -1
  8. package/send-stats.js +1 -1
  9. package/typography.css +195 -331
package/colors-bluetint.css CHANGED
@@ -45,26 +45,24 @@
45
45
  --color-dark-specialbg-overlay-fallback: #070707;
46
46
  --color-dark-specialbg-primary-grouped: #202022;
47
47
  --color-dark-specialbg-secondary-grouped: #2c2c2e;
48
+ --color-dark-specialbg-secondary-transparent: rgba(255, 255, 255, 0.06);
49
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(32, 32, 34, 0.05);
48
50
  --color-dark-specialbg-tertiary-grouped: #3a3a3c;
51
+ --color-dark-specialbg-tertiary-transparent: rgba(255, 255, 255, 0.11);
52
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(32, 32, 34, 0.1);
49
53
  --color-dark-text-accent: #ef3124;
50
54
  --color-dark-text-attention: #cb830f;
51
- --color-dark-text-disabled: #2a2a2c;
52
- --color-dark-text-disabled-inverted: #dcdcdd;
53
- --color-dark-text-disabled-inverted-transparent: rgba(60, 60, 67, 0.18);
54
- --color-dark-text-disabled-transparent: rgba(235, 235, 245, 0.18);
55
+ --color-dark-text-disabled: rgba(235, 235, 245, 0.18);
56
+ --color-dark-text-disabled-inverted: rgba(60, 60, 67, 0.18);
55
57
  --color-dark-text-link: #0072ef;
56
58
  --color-dark-text-negative: #f15045;
57
59
  --color-dark-text-positive: #13a463;
58
60
  --color-dark-text-primary: #fff;
59
61
  --color-dark-text-primary-inverted: #000;
60
- --color-dark-text-secondary: #8d8d93;
61
- --color-dark-text-secondary-inverted: #8a8a8e;
62
- --color-dark-text-secondary-inverted-transparent: rgba(60, 60, 67, 0.6);
63
- --color-dark-text-secondary-transparent: rgba(235, 235, 245, 0.6);
64
- --color-dark-text-tertiary: #464649;
65
- --color-dark-text-tertiary-inverted: #c5c5c7;
66
- --color-dark-text-tertiary-inverted-transparent: rgba(60, 60, 67, 0.3);
67
- --color-dark-text-tertiary-transparent: rgba(235, 235, 245, 0.3);
62
+ --color-dark-text-secondary: rgba(235, 235, 245, 0.6);
63
+ --color-dark-text-secondary-inverted: rgba(60, 60, 67, 0.6);
64
+ --color-dark-text-tertiary: rgba(235, 235, 245, 0.3);
65
+ --color-dark-text-tertiary-inverted: rgba(60, 60, 67, 0.3);
68
66
  --color-light-bg-accent: #ef3124;
69
67
  --color-light-bg-attention-muted: #f7ebd9;
70
68
  --color-light-bg-info: #d6e8fc;
@@ -111,26 +109,24 @@
111
109
  --color-light-specialbg-overlay-fallback: #5c5c5c;
112
110
  --color-light-specialbg-primary-grouped: #f3f4f5;
113
111
  --color-light-specialbg-secondary-grouped: #fff;
112
+ --color-light-specialbg-secondary-transparent: rgba(32, 32, 34, 0.05);
113
+ --color-light-specialbg-secondary-transparent-inverted: rgba(255, 255, 255, 0.06);
114
114
  --color-light-specialbg-tertiary-grouped: #f3f4f5;
115
+ --color-light-specialbg-tertiary-transparent: rgba(32, 32, 34, 0.1);
116
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(255, 255, 255, 0.11);
115
117
  --color-light-text-accent: #ef3124;
116
118
  --color-light-text-attention: #cb830f;
117
- --color-light-text-disabled: #dcdcdd;
118
- --color-light-text-disabled-inverted: #2a2a2c;
119
- --color-light-text-disabled-inverted-transparent: rgba(235, 235, 245, 0.18);
120
- --color-light-text-disabled-transparent: rgba(60, 60, 67, 0.18);
119
+ --color-light-text-disabled: rgba(60, 60, 67, 0.18);
120
+ --color-light-text-disabled-inverted: rgba(235, 235, 245, 0.18);
121
121
  --color-light-text-link: #0072ef;
122
122
  --color-light-text-negative: #d91d0b;
123
123
  --color-light-text-positive: #13a463;
124
124
  --color-light-text-primary: #000;
125
125
  --color-light-text-primary-inverted: #fff;
126
- --color-light-text-secondary: #8a8a8e;
127
- --color-light-text-secondary-inverted: #8d8d93;
128
- --color-light-text-secondary-inverted-transparent: rgba(235, 235, 245, 0.6);
129
- --color-light-text-secondary-transparent: rgba(60, 60, 67, 0.6);
130
- --color-light-text-tertiary: #c5c5c7;
131
- --color-light-text-tertiary-inverted: #464649;
132
- --color-light-text-tertiary-inverted-transparent: rgba(235, 235, 245, 0.3);
133
- --color-light-text-tertiary-transparent: rgba(60, 60, 67, 0.3);
126
+ --color-light-text-secondary: rgba(60, 60, 67, 0.6);
127
+ --color-light-text-secondary-inverted: rgba(235, 235, 245, 0.6);
128
+ --color-light-text-tertiary: rgba(60, 60, 67, 0.3);
129
+ --color-light-text-tertiary-inverted: rgba(235, 235, 245, 0.3);
134
130
  --color-static-bg-accent: #ef3124;
135
131
  --color-static-bg-primary-dark: #121212;
136
132
  --color-static-bg-primary-light: #fff;
@@ -147,14 +143,10 @@
147
143
  --color-static-text-accent: #ef3124;
148
144
  --color-static-text-primary-dark: #000;
149
145
  --color-static-text-primary-light: #fff;
150
- --color-static-text-secondary-dark: #8a8a8e;
151
- --color-static-text-secondary-dark-transparent: rgba(60, 60, 67, 0.6);
152
- --color-static-text-secondary-light: #8d8d93;
153
- --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6);
154
- --color-static-text-tertiary-dark: #c5c5c7;
155
- --color-static-text-tertiary-dark-transparent: rgba(60, 60, 67, 0.3);
156
- --color-static-text-tertiary-light: #464649;
157
- --color-static-text-tertiary-light-transparent: rgba(235, 235, 245, 0.3);
146
+ --color-static-text-secondary-dark: rgba(60, 60, 67, 0.6);
147
+ --color-static-text-secondary-light: rgba(235, 235, 245, 0.6);
148
+ --color-static-text-tertiary-dark: rgba(60, 60, 67, 0.3);
149
+ --color-static-text-tertiary-light: rgba(235, 235, 245, 0.3);
158
150
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
159
151
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
160
152
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -218,12 +210,15 @@
218
210
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
219
211
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
220
212
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
213
+ --color-dark-graphic-negative-alpha-10: rgba(217, 29, 11, 0.1);
221
214
  --color-dark-graphic-negative-alpha-30: rgba(217, 29, 11, 0.3);
215
+ --color-dark-graphic-negative-alpha-40: rgba(217, 29, 11, 0.4);
222
216
  --color-dark-graphic-negative-shade-20: rgb(174, 23, 9);
223
217
  --color-dark-graphic-negative-shade-30: rgb(152, 20, 8);
224
218
  --color-dark-graphic-negative-tint-7: rgb(220, 45, 28);
225
219
  --color-dark-graphic-negative-tint-15: rgb(223, 63, 48);
226
220
  --color-dark-graphic-negative-tint-30: rgb(228, 97, 84);
221
+ --color-dark-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
227
222
  --color-dark-graphic-positive-tint-10: rgb(68, 200, 125);
228
223
  --color-dark-graphic-positive-tint-30: rgb(109, 212, 154);
229
224
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
@@ -271,12 +266,18 @@
271
266
  --color-dark-specialbg-component-inverted-alpha-30: rgba(0, 0, 0, 0.3);
272
267
  --color-dark-specialbg-component-inverted-shade-15: rgba(0, 0, 0, 0.218);
273
268
  --color-dark-specialbg-component-inverted-shade-20: rgba(0, 0, 0, 0.264);
269
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.1723);
270
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.2435);
271
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(27, 27, 29, 0.235);
272
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(26, 26, 27, 0.28);
274
273
  --color-dark-text-link-shade-30: rgb(0, 80, 167);
275
274
  --color-dark-text-link-shade-50: rgb(0, 57, 120);
276
275
  --color-dark-text-link-tint-20: rgb(51, 142, 242);
277
276
  --color-dark-text-link-tint-40: rgb(102, 170, 245);
278
277
  --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
278
+ --color-dark-text-primary-shade-24: rgb(194, 194, 194);
279
279
  --color-dark-text-primary-shade-30: rgb(179, 179, 179);
280
+ --color-dark-text-primary-shade-40: rgb(153, 153, 153);
280
281
  --color-dark-text-primary-shade-50: rgb(128, 128, 128);
281
282
  --color-dark-text-primary-tint-20: rgb(255, 255, 255);
282
283
  --color-dark-text-primary-tint-40: rgb(255, 255, 255);
@@ -286,14 +287,16 @@
286
287
  --color-dark-text-primary-inverted-shade-30: rgb(0, 0, 0);
287
288
  --color-dark-text-primary-inverted-tint-7: rgb(18, 18, 18);
288
289
  --color-dark-text-primary-inverted-tint-15: rgb(38, 38, 38);
290
+ --color-dark-text-primary-inverted-tint-24: rgb(61, 61, 61);
289
291
  --color-dark-text-primary-inverted-tint-30: rgb(77, 77, 77);
292
+ --color-dark-text-primary-inverted-tint-40: rgb(102, 102, 102);
290
293
  --color-dark-text-primary-inverted-tint-50: rgb(128, 128, 128);
291
- --color-dark-text-secondary-shade-20: rgb(113, 113, 118);
292
- --color-dark-text-secondary-shade-30: rgb(99, 99, 103);
293
- --color-dark-text-secondary-tint-20: rgb(164, 164, 169);
294
- --color-dark-text-secondary-tint-40: rgb(187, 187, 190);
295
- --color-dark-text-secondary-inverted-shade-20: rgb(110, 110, 114);
296
- --color-dark-text-secondary-inverted-shade-30: rgb(97, 97, 99);
294
+ --color-dark-text-secondary-shade-20: rgba(188, 188, 196, 0.68);
295
+ --color-dark-text-secondary-shade-30: rgba(164, 164, 172, 0.72);
296
+ --color-dark-text-secondary-tint-20: rgba(239, 239, 247, 0.68);
297
+ --color-dark-text-secondary-tint-40: rgba(243, 243, 249, 0.76);
298
+ --color-dark-text-secondary-inverted-shade-20: rgba(48, 48, 54, 0.68);
299
+ --color-dark-text-secondary-inverted-shade-30: rgba(42, 42, 47, 0.72);
297
300
  --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
298
301
  --color-light-bg-accent-tint-15: rgb(241, 80, 69);
299
302
  --color-light-bg-accent-tint-20: rgb(242, 90, 80);
@@ -357,12 +360,15 @@
357
360
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
358
361
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
359
362
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
363
+ --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
360
364
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
+ --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
361
366
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
362
367
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
363
368
  --color-light-graphic-negative-shade-7: rgb(224, 74, 64);
364
369
  --color-light-graphic-negative-shade-15: rgb(205, 68, 59);
365
370
  --color-light-graphic-negative-shade-30: rgb(169, 56, 48);
371
+ --color-light-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
366
372
  --color-light-graphic-positive-shade-10: rgb(42, 175, 99);
367
373
  --color-light-graphic-positive-shade-30: rgb(33, 136, 77);
368
374
  --color-light-graphic-primary-alpha-30: rgba(0, 0, 0, 0.3);
@@ -410,12 +416,18 @@
410
416
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
411
417
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.235);
412
418
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.28);
419
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(30, 30, 32, 0.163);
420
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(27, 27, 29, 0.235);
421
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.2435);
422
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.288);
413
423
  --color-light-text-link-tint-30: rgb(77, 156, 244);
414
424
  --color-light-text-link-tint-50: rgb(128, 185, 247);
415
425
  --color-light-text-link-shade-20: rgb(0, 91, 191);
416
426
  --color-light-text-link-shade-40: rgb(0, 68, 143);
417
427
  --color-light-text-primary-alpha-30: rgba(0, 0, 0, 0.3);
428
+ --color-light-text-primary-tint-24: rgb(61, 61, 61);
418
429
  --color-light-text-primary-tint-30: rgb(77, 77, 77);
430
+ --color-light-text-primary-tint-40: rgb(102, 102, 102);
419
431
  --color-light-text-primary-tint-50: rgb(128, 128, 128);
420
432
  --color-light-text-primary-shade-20: rgb(0, 0, 0);
421
433
  --color-light-text-primary-shade-40: rgb(0, 0, 0);
@@ -425,14 +437,16 @@
425
437
  --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
426
438
  --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237);
427
439
  --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217);
440
+ --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194);
428
441
  --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
442
+ --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
429
443
  --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
430
- --color-light-text-secondary-tint-20: rgb(161, 161, 165);
431
- --color-light-text-secondary-tint-30: rgb(173, 173, 176);
432
- --color-light-text-secondary-shade-20: rgb(110, 110, 114);
433
- --color-light-text-secondary-shade-40: rgb(83, 83, 85);
434
- --color-light-text-secondary-inverted-tint-20: rgb(164, 164, 169);
435
- --color-light-text-secondary-inverted-tint-30: rgb(175, 175, 179);
444
+ --color-light-text-secondary-tint-20: rgba(99, 99, 105, 0.68);
445
+ --color-light-text-secondary-tint-30: rgba(119, 119, 123, 0.72);
446
+ --color-light-text-secondary-shade-20: rgba(48, 48, 54, 0.68);
447
+ --color-light-text-secondary-shade-40: rgba(36, 36, 40, 0.76);
448
+ --color-light-text-secondary-inverted-tint-20: rgba(239, 239, 247, 0.68);
449
+ --color-light-text-secondary-inverted-tint-30: rgba(241, 241, 248, 0.72);
436
450
  --color-static-bg-primary-dark-alpha-10: rgba(18, 18, 18, 0.1);
437
451
  --color-static-bg-primary-dark-alpha-20: rgba(18, 18, 18, 0.2);
438
452
  --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
package/colors-indigo.css CHANGED
@@ -45,26 +45,24 @@
45
45
  --color-dark-specialbg-overlay-fallback: #070707;
46
46
  --color-dark-specialbg-primary-grouped: #0b1f35;
47
47
  --color-dark-specialbg-secondary-grouped: #233549;
48
+ --color-dark-specialbg-secondary-transparent: rgba(255, 255, 255, 0.1);
49
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(11, 31, 53, 0.05);
48
50
  --color-dark-specialbg-tertiary-grouped: #3c4c5d;
51
+ --color-dark-specialbg-tertiary-transparent: rgba(255, 255, 255, 0.2);
52
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(11, 31, 53, 0.1);
49
53
  --color-dark-text-accent: #ef3124;
50
54
  --color-dark-text-attention: #de6a00;
51
- --color-dark-text-disabled: #485767;
52
- --color-dark-text-disabled-inverted: #dbdee1;
53
- --color-dark-text-disabled-inverted-transparent: rgba(11, 31, 53, 0.15);
54
- --color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25);
55
+ --color-dark-text-disabled: rgba(255, 255, 255, 0.25);
56
+ --color-dark-text-disabled-inverted: rgba(11, 31, 53, 0.15);
55
57
  --color-dark-text-link: #007aff;
56
58
  --color-dark-text-negative: #d91d0b;
57
59
  --color-dark-text-positive: #13a463;
58
60
  --color-dark-text-primary: #fff;
59
61
  --color-dark-text-primary-inverted: #0b1f35;
60
- --color-dark-text-secondary: #b6bcc3;
61
- --color-dark-text-secondary-inverted: #546272;
62
- --color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7);
63
- --color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7);
64
- --color-dark-text-tertiary: #6d7986;
65
- --color-dark-text-tertiary-inverted: #b6bcc3;
66
- --color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3);
67
- --color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4);
62
+ --color-dark-text-secondary: rgba(255, 255, 255, 0.7);
63
+ --color-dark-text-secondary-inverted: rgba(11, 31, 53, 0.7);
64
+ --color-dark-text-tertiary: rgba(255, 255, 255, 0.4);
65
+ --color-dark-text-tertiary-inverted: rgba(11, 31, 53, 0.3);
68
66
  --color-light-bg-accent: #ef3124;
69
67
  --color-light-bg-attention-muted: #fff3e0;
70
68
  --color-light-bg-info: #d6e8fc;
@@ -111,26 +109,24 @@
111
109
  --color-light-specialbg-overlay-fallback: #5c5c5c;
112
110
  --color-light-specialbg-primary-grouped: #f3f4f5;
113
111
  --color-light-specialbg-secondary-grouped: #fff;
112
+ --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
113
+ --color-light-specialbg-secondary-transparent-inverted: rgba(255, 255, 255, 0.1);
114
114
  --color-light-specialbg-tertiary-grouped: #f3f4f5;
115
+ --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
116
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(255, 255, 255, 0.2);
115
117
  --color-light-text-accent: #ef3124;
116
118
  --color-light-text-attention: #de6a00;
117
- --color-light-text-disabled: #dbdee1;
118
- --color-light-text-disabled-inverted: #485767;
119
- --color-light-text-disabled-inverted-transparent: rgba(255, 255, 255, 0.25);
120
- --color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15);
119
+ --color-light-text-disabled: rgba(11, 31, 53, 0.15);
120
+ --color-light-text-disabled-inverted: rgba(255, 255, 255, 0.25);
121
121
  --color-light-text-link: #007aff;
122
122
  --color-light-text-negative: #d91d0b;
123
123
  --color-light-text-positive: #13a463;
124
124
  --color-light-text-primary: #0b1f35;
125
125
  --color-light-text-primary-inverted: #fff;
126
- --color-light-text-secondary: #546272;
127
- --color-light-text-secondary-inverted: #b6bcc3;
128
- --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
129
- --color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7);
130
- --color-light-text-tertiary: #b6bcc3;
131
- --color-light-text-tertiary-inverted: #6d7986;
132
- --color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4);
133
- --color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3);
126
+ --color-light-text-secondary: rgba(11, 31, 53, 0.7);
127
+ --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
128
+ --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
129
+ --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
134
130
  --color-static-bg-accent: #ef3124;
135
131
  --color-static-bg-primary-dark: #0b1f35;
136
132
  --color-static-bg-primary-light: #fff;
@@ -147,14 +143,10 @@
147
143
  --color-static-text-accent: #ef3124;
148
144
  --color-static-text-primary-dark: #0b1f35;
149
145
  --color-static-text-primary-light: #fff;
150
- --color-static-text-secondary-dark: #6d7986;
151
- --color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6);
152
- --color-static-text-secondary-light: #b6bcc3;
153
- --color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7);
154
- --color-static-text-tertiary-dark: #b6bcc3;
155
- --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3);
156
- --color-static-text-tertiary-light: #6d7986;
157
- --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4);
146
+ --color-static-text-secondary-dark: rgba(11, 31, 53, 0.6);
147
+ --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
148
+ --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
149
+ --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
158
150
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
159
151
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
160
152
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -218,12 +210,15 @@
218
210
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
219
211
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
220
212
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
213
+ --color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
221
214
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
215
+ --color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
222
216
  --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
223
217
  --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
224
218
  --color-dark-graphic-negative-tint-7: rgb(242, 92, 82);
225
219
  --color-dark-graphic-negative-tint-15: rgb(243, 106, 97);
226
220
  --color-dark-graphic-negative-tint-30: rgb(245, 133, 125);
221
+ --color-dark-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
227
222
  --color-dark-graphic-positive-tint-10: rgb(68, 200, 125);
228
223
  --color-dark-graphic-positive-tint-30: rgb(109, 212, 154);
229
224
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
@@ -271,12 +266,18 @@
271
266
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
272
267
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
273
268
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
269
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.256);
270
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
271
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
272
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28);
274
273
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
275
274
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
276
275
  --color-dark-text-link-tint-20: rgb(51, 149, 255);
277
276
  --color-dark-text-link-tint-40: rgb(102, 175, 255);
278
277
  --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
278
+ --color-dark-text-primary-shade-24: rgb(194, 194, 194);
279
279
  --color-dark-text-primary-shade-30: rgb(179, 179, 179);
280
+ --color-dark-text-primary-shade-40: rgb(153, 153, 153);
280
281
  --color-dark-text-primary-shade-50: rgb(128, 128, 128);
281
282
  --color-dark-text-primary-tint-20: rgb(255, 255, 255);
282
283
  --color-dark-text-primary-tint-40: rgb(255, 255, 255);
@@ -286,14 +287,16 @@
286
287
  --color-dark-text-primary-inverted-shade-30: rgb(8, 22, 37);
287
288
  --color-dark-text-primary-inverted-tint-7: rgb(28, 47, 67);
288
289
  --color-dark-text-primary-inverted-tint-15: rgb(48, 65, 83);
290
+ --color-dark-text-primary-inverted-tint-24: rgb(70, 85, 101);
289
291
  --color-dark-text-primary-inverted-tint-30: rgb(84, 98, 114);
292
+ --color-dark-text-primary-inverted-tint-40: rgb(109, 121, 134);
290
293
  --color-dark-text-primary-inverted-tint-50: rgb(133, 143, 154);
291
- --color-dark-text-secondary-shade-20: rgb(146, 150, 156);
292
- --color-dark-text-secondary-shade-30: rgb(127, 132, 136);
293
- --color-dark-text-secondary-tint-20: rgb(197, 201, 207);
294
- --color-dark-text-secondary-tint-40: rgb(211, 215, 219);
295
- --color-dark-text-secondary-inverted-shade-20: rgb(67, 78, 91);
296
- --color-dark-text-secondary-inverted-shade-30: rgb(59, 69, 80);
294
+ --color-dark-text-secondary-shade-20: rgba(204, 204, 204, 0.76);
295
+ --color-dark-text-secondary-shade-30: rgba(179, 179, 179, 0.79);
296
+ --color-dark-text-secondary-tint-20: rgba(255, 255, 255, 0.76);
297
+ --color-dark-text-secondary-tint-40: rgba(255, 255, 255, 0.82);
298
+ --color-dark-text-secondary-inverted-shade-20: rgba(9, 25, 42, 0.76);
299
+ --color-dark-text-secondary-inverted-shade-30: rgba(8, 22, 37, 0.79);
297
300
  --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
298
301
  --color-light-bg-accent-tint-15: rgb(241, 80, 69);
299
302
  --color-light-bg-accent-tint-20: rgb(242, 90, 80);
@@ -357,12 +360,15 @@
357
360
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
358
361
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
359
362
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
363
+ --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
360
364
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
+ --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
361
366
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
362
367
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
363
368
  --color-light-graphic-negative-shade-7: rgb(224, 74, 64);
364
369
  --color-light-graphic-negative-shade-15: rgb(205, 68, 59);
365
370
  --color-light-graphic-negative-shade-30: rgb(169, 56, 48);
371
+ --color-light-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
366
372
  --color-light-graphic-positive-shade-10: rgb(42, 175, 99);
367
373
  --color-light-graphic-positive-shade-30: rgb(33, 136, 77);
368
374
  --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
@@ -410,12 +416,18 @@
410
416
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
411
417
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
412
418
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.32);
419
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
420
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
421
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
422
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.36);
413
423
  --color-light-text-link-tint-30: rgb(77, 162, 255);
414
424
  --color-light-text-link-tint-50: rgb(128, 189, 255);
415
425
  --color-light-text-link-shade-20: rgb(0, 98, 204);
416
426
  --color-light-text-link-shade-40: rgb(0, 73, 153);
417
427
  --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
428
+ --color-light-text-primary-tint-24: rgb(70, 85, 101);
418
429
  --color-light-text-primary-tint-30: rgb(84, 98, 114);
430
+ --color-light-text-primary-tint-40: rgb(109, 121, 134);
419
431
  --color-light-text-primary-tint-50: rgb(133, 143, 154);
420
432
  --color-light-text-primary-shade-20: rgb(9, 25, 42);
421
433
  --color-light-text-primary-shade-40: rgb(7, 19, 32);
@@ -425,14 +437,16 @@
425
437
  --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
426
438
  --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237);
427
439
  --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217);
440
+ --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194);
428
441
  --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
442
+ --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
429
443
  --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
430
- --color-light-text-secondary-tint-20: rgb(118, 129, 142);
431
- --color-light-text-secondary-tint-30: rgb(135, 145, 156);
432
- --color-light-text-secondary-shade-20: rgb(67, 78, 91);
433
- --color-light-text-secondary-shade-40: rgb(50, 59, 68);
434
- --color-light-text-secondary-inverted-tint-20: rgb(197, 201, 207);
435
- --color-light-text-secondary-inverted-tint-30: rgb(204, 208, 213);
444
+ --color-light-text-secondary-tint-20: rgba(60, 76, 93, 0.76);
445
+ --color-light-text-secondary-tint-30: rgba(84, 98, 114, 0.79);
446
+ --color-light-text-secondary-shade-20: rgba(9, 25, 42, 0.76);
447
+ --color-light-text-secondary-shade-40: rgba(7, 19, 32, 0.82);
448
+ --color-light-text-secondary-inverted-tint-20: rgba(255, 255, 255, 0.76);
449
+ --color-light-text-secondary-inverted-tint-30: rgba(255, 255, 255, 0.79);
436
450
  --color-static-bg-primary-dark-alpha-10: rgba(11, 31, 53, 0.1);
437
451
  --color-static-bg-primary-dark-alpha-20: rgba(11, 31, 53, 0.2);
438
452
  --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
package/cssm/bundle/site.css CHANGED
@@ -45,26 +45,24 @@
45
45
  --color-dark-specialbg-overlay-fallback: #070707;
46
46
  --color-dark-specialbg-primary-grouped: #0b1f35;
47
47
  --color-dark-specialbg-secondary-grouped: #233549;
48
+ --color-dark-specialbg-secondary-transparent: rgba(255, 255, 255, 0.1);
49
+ --color-dark-specialbg-secondary-transparent-inverted: rgba(11, 31, 53, 0.05);
48
50
  --color-dark-specialbg-tertiary-grouped: #3c4c5d;
51
+ --color-dark-specialbg-tertiary-transparent: rgba(255, 255, 255, 0.2);
52
+ --color-dark-specialbg-tertiary-transparent-inverted: rgba(11, 31, 53, 0.1);
49
53
  --color-dark-text-accent: #ef3124;
50
54
  --color-dark-text-attention: #de6a00;
51
- --color-dark-text-disabled: #485767;
52
- --color-dark-text-disabled-inverted: #dbdee1;
53
- --color-dark-text-disabled-inverted-transparent: rgba(11, 31, 53, 0.15);
54
- --color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25);
55
+ --color-dark-text-disabled: rgba(255, 255, 255, 0.25);
56
+ --color-dark-text-disabled-inverted: rgba(11, 31, 53, 0.15);
55
57
  --color-dark-text-link: #007aff;
56
58
  --color-dark-text-negative: #d91d0b;
57
59
  --color-dark-text-positive: #13a463;
58
60
  --color-dark-text-primary: #fff;
59
61
  --color-dark-text-primary-inverted: #0b1f35;
60
- --color-dark-text-secondary: #b6bcc3;
61
- --color-dark-text-secondary-inverted: #546272;
62
- --color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7);
63
- --color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7);
64
- --color-dark-text-tertiary: #6d7986;
65
- --color-dark-text-tertiary-inverted: #b6bcc3;
66
- --color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3);
67
- --color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4);
62
+ --color-dark-text-secondary: rgba(255, 255, 255, 0.7);
63
+ --color-dark-text-secondary-inverted: rgba(11, 31, 53, 0.7);
64
+ --color-dark-text-tertiary: rgba(255, 255, 255, 0.4);
65
+ --color-dark-text-tertiary-inverted: rgba(11, 31, 53, 0.3);
68
66
  --color-light-bg-accent: #ef3124;
69
67
  --color-light-bg-attention-muted: #fff3e0;
70
68
  --color-light-bg-info: #d6e8fc;
@@ -111,26 +109,24 @@
111
109
  --color-light-specialbg-overlay-fallback: #5c5c5c;
112
110
  --color-light-specialbg-primary-grouped: #f3f4f5;
113
111
  --color-light-specialbg-secondary-grouped: #fff;
112
+ --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
113
+ --color-light-specialbg-secondary-transparent-inverted: rgba(255, 255, 255, 0.1);
114
114
  --color-light-specialbg-tertiary-grouped: #f3f4f5;
115
+ --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
116
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(255, 255, 255, 0.2);
115
117
  --color-light-text-accent: #ef3124;
116
118
  --color-light-text-attention: #de6a00;
117
- --color-light-text-disabled: #dbdee1;
118
- --color-light-text-disabled-inverted: #485767;
119
- --color-light-text-disabled-inverted-transparent: rgba(255, 255, 255, 0.25);
120
- --color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15);
119
+ --color-light-text-disabled: rgba(11, 31, 53, 0.15);
120
+ --color-light-text-disabled-inverted: rgba(255, 255, 255, 0.25);
121
121
  --color-light-text-link: #007aff;
122
122
  --color-light-text-negative: #d91d0b;
123
123
  --color-light-text-positive: #13a463;
124
124
  --color-light-text-primary: #0b1f35;
125
125
  --color-light-text-primary-inverted: #fff;
126
- --color-light-text-secondary: #546272;
127
- --color-light-text-secondary-inverted: #b6bcc3;
128
- --color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7);
129
- --color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7);
130
- --color-light-text-tertiary: #b6bcc3;
131
- --color-light-text-tertiary-inverted: #6d7986;
132
- --color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4);
133
- --color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3);
126
+ --color-light-text-secondary: rgba(11, 31, 53, 0.7);
127
+ --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
128
+ --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
129
+ --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
134
130
  --color-static-bg-accent: #ef3124;
135
131
  --color-static-bg-primary-dark: #0b1f35;
136
132
  --color-static-bg-primary-light: #fff;
@@ -147,14 +143,10 @@
147
143
  --color-static-text-accent: #ef3124;
148
144
  --color-static-text-primary-dark: #0b1f35;
149
145
  --color-static-text-primary-light: #fff;
150
- --color-static-text-secondary-dark: #6d7986;
151
- --color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6);
152
- --color-static-text-secondary-light: #b6bcc3;
153
- --color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7);
154
- --color-static-text-tertiary-dark: #b6bcc3;
155
- --color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3);
156
- --color-static-text-tertiary-light: #6d7986;
157
- --color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4);
146
+ --color-static-text-secondary-dark: rgba(11, 31, 53, 0.6);
147
+ --color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
148
+ --color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
149
+ --color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
158
150
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
159
151
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31);
160
152
  --color-dark-bg-accent-shade-20: rgb(191, 39, 29);
@@ -218,12 +210,15 @@
218
210
  --color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
219
211
  --color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
220
212
  --color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
213
+ --color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
221
214
  --color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
215
+ --color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
222
216
  --color-dark-graphic-negative-shade-20: rgb(193, 64, 55);
223
217
  --color-dark-graphic-negative-shade-30: rgb(169, 56, 48);
224
218
  --color-dark-graphic-negative-tint-7: rgb(242, 92, 82);
225
219
  --color-dark-graphic-negative-tint-15: rgb(243, 106, 97);
226
220
  --color-dark-graphic-negative-tint-30: rgb(245, 133, 125);
221
+ --color-dark-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
227
222
  --color-dark-graphic-positive-tint-10: rgb(68, 200, 125);
228
223
  --color-dark-graphic-positive-tint-30: rgb(109, 212, 154);
229
224
  --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3);
@@ -271,12 +266,18 @@
271
266
  --color-dark-specialbg-component-inverted-alpha-30: rgba(11, 31, 53, 0.3);
272
267
  --color-dark-specialbg-component-inverted-shade-15: rgba(9, 26, 45, 0.2095);
273
268
  --color-dark-specialbg-component-inverted-shade-20: rgba(9, 25, 42, 0.256);
269
+ --color-dark-specialbg-tertiary-transparent-tint-7: rgba(255, 255, 255, 0.256);
270
+ --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
271
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
272
+ --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28);
274
273
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
275
274
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
276
275
  --color-dark-text-link-tint-20: rgb(51, 149, 255);
277
276
  --color-dark-text-link-tint-40: rgb(102, 175, 255);
278
277
  --color-dark-text-primary-alpha-30: rgba(255, 255, 255, 0.3);
278
+ --color-dark-text-primary-shade-24: rgb(194, 194, 194);
279
279
  --color-dark-text-primary-shade-30: rgb(179, 179, 179);
280
+ --color-dark-text-primary-shade-40: rgb(153, 153, 153);
280
281
  --color-dark-text-primary-shade-50: rgb(128, 128, 128);
281
282
  --color-dark-text-primary-tint-20: rgb(255, 255, 255);
282
283
  --color-dark-text-primary-tint-40: rgb(255, 255, 255);
@@ -286,14 +287,16 @@
286
287
  --color-dark-text-primary-inverted-shade-30: rgb(8, 22, 37);
287
288
  --color-dark-text-primary-inverted-tint-7: rgb(28, 47, 67);
288
289
  --color-dark-text-primary-inverted-tint-15: rgb(48, 65, 83);
290
+ --color-dark-text-primary-inverted-tint-24: rgb(70, 85, 101);
289
291
  --color-dark-text-primary-inverted-tint-30: rgb(84, 98, 114);
292
+ --color-dark-text-primary-inverted-tint-40: rgb(109, 121, 134);
290
293
  --color-dark-text-primary-inverted-tint-50: rgb(133, 143, 154);
291
- --color-dark-text-secondary-shade-20: rgb(146, 150, 156);
292
- --color-dark-text-secondary-shade-30: rgb(127, 132, 136);
293
- --color-dark-text-secondary-tint-20: rgb(197, 201, 207);
294
- --color-dark-text-secondary-tint-40: rgb(211, 215, 219);
295
- --color-dark-text-secondary-inverted-shade-20: rgb(67, 78, 91);
296
- --color-dark-text-secondary-inverted-shade-30: rgb(59, 69, 80);
294
+ --color-dark-text-secondary-shade-20: rgba(204, 204, 204, 0.76);
295
+ --color-dark-text-secondary-shade-30: rgba(179, 179, 179, 0.79);
296
+ --color-dark-text-secondary-tint-20: rgba(255, 255, 255, 0.76);
297
+ --color-dark-text-secondary-tint-40: rgba(255, 255, 255, 0.82);
298
+ --color-dark-text-secondary-inverted-shade-20: rgba(9, 25, 42, 0.76);
299
+ --color-dark-text-secondary-inverted-shade-30: rgba(8, 22, 37, 0.79);
297
300
  --color-light-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
298
301
  --color-light-bg-accent-tint-15: rgb(241, 80, 69);
299
302
  --color-light-bg-accent-tint-20: rgb(242, 90, 80);
@@ -357,12 +360,15 @@
357
360
  --color-light-graphic-accent-shade-10: rgb(215, 44, 32);
358
361
  --color-light-graphic-accent-shade-15: rgb(203, 42, 31);
359
362
  --color-light-graphic-accent-shade-30: rgb(167, 34, 25);
363
+ --color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
360
364
  --color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
365
+ --color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
361
366
  --color-light-graphic-negative-tint-20: rgb(244, 115, 106);
362
367
  --color-light-graphic-negative-tint-30: rgb(245, 133, 125);
363
368
  --color-light-graphic-negative-shade-7: rgb(224, 74, 64);
364
369
  --color-light-graphic-negative-shade-15: rgb(205, 68, 59);
365
370
  --color-light-graphic-negative-shade-30: rgb(169, 56, 48);
371
+ --color-light-graphic-positive-alpha-10: rgba(47, 194, 110, 0.1);
366
372
  --color-light-graphic-positive-shade-10: rgb(42, 175, 99);
367
373
  --color-light-graphic-positive-shade-30: rgb(33, 136, 77);
368
374
  --color-light-graphic-primary-alpha-30: rgba(11, 31, 53, 0.3);
@@ -410,12 +416,18 @@
410
416
  --color-light-specialbg-component-inverted-alpha-30: rgba(255, 255, 255, 0.3);
411
417
  --color-light-specialbg-component-inverted-tint-15: rgba(255, 255, 255, 0.2775);
412
418
  --color-light-specialbg-component-inverted-tint-20: rgba(255, 255, 255, 0.32);
419
+ --color-light-specialbg-tertiary-transparent-shade-7: rgba(10, 29, 49, 0.163);
420
+ --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
421
+ --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
422
+ --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.36);
413
423
  --color-light-text-link-tint-30: rgb(77, 162, 255);
414
424
  --color-light-text-link-tint-50: rgb(128, 189, 255);
415
425
  --color-light-text-link-shade-20: rgb(0, 98, 204);
416
426
  --color-light-text-link-shade-40: rgb(0, 73, 153);
417
427
  --color-light-text-primary-alpha-30: rgba(11, 31, 53, 0.3);
428
+ --color-light-text-primary-tint-24: rgb(70, 85, 101);
418
429
  --color-light-text-primary-tint-30: rgb(84, 98, 114);
430
+ --color-light-text-primary-tint-40: rgb(109, 121, 134);
419
431
  --color-light-text-primary-tint-50: rgb(133, 143, 154);
420
432
  --color-light-text-primary-shade-20: rgb(9, 25, 42);
421
433
  --color-light-text-primary-shade-40: rgb(7, 19, 32);
@@ -425,14 +437,16 @@
425
437
  --color-light-text-primary-inverted-tint-30: rgb(255, 255, 255);
426
438
  --color-light-text-primary-inverted-shade-7: rgb(237, 237, 237);
427
439
  --color-light-text-primary-inverted-shade-15: rgb(217, 217, 217);
440
+ --color-light-text-primary-inverted-shade-24: rgb(194, 194, 194);
428
441
  --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
442
+ --color-light-text-primary-inverted-shade-40: rgb(153, 153, 153);
429
443
  --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
430
- --color-light-text-secondary-tint-20: rgb(118, 129, 142);
431
- --color-light-text-secondary-tint-30: rgb(135, 145, 156);
432
- --color-light-text-secondary-shade-20: rgb(67, 78, 91);
433
- --color-light-text-secondary-shade-40: rgb(50, 59, 68);
434
- --color-light-text-secondary-inverted-tint-20: rgb(197, 201, 207);
435
- --color-light-text-secondary-inverted-tint-30: rgb(204, 208, 213);
444
+ --color-light-text-secondary-tint-20: rgba(60, 76, 93, 0.76);
445
+ --color-light-text-secondary-tint-30: rgba(84, 98, 114, 0.79);
446
+ --color-light-text-secondary-shade-20: rgba(9, 25, 42, 0.76);
447
+ --color-light-text-secondary-shade-40: rgba(7, 19, 32, 0.82);
448
+ --color-light-text-secondary-inverted-tint-20: rgba(255, 255, 255, 0.76);
449
+ --color-light-text-secondary-inverted-tint-30: rgba(255, 255, 255, 0.79);
436
450
  --color-static-bg-primary-dark-alpha-10: rgba(11, 31, 53, 0.1);
437
451
  --color-static-bg-primary-dark-alpha-20: rgba(11, 31, 53, 0.2);
438
452
  --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);