@skbkontur/colors 2.0.5 → 2.0.6-alpha.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 (41) hide show
  1. package/default-dark.d.ts +35 -35
  2. package/default-dark.js +35 -35
  3. package/default-light.d.ts +34 -34
  4. package/default-light.js +34 -34
  5. package/lib/get-colors-base.js +5 -4
  6. package/lib/get-colors-base.ts +5 -4
  7. package/lib/helpers/get-on-brand.d.ts +28 -0
  8. package/lib/helpers/get-on-brand.js +10 -0
  9. package/lib/helpers/get-on-brand.ts +13 -0
  10. package/lib/helpers/get-palette.d.ts +3 -36
  11. package/lib/helpers/get-palette.js +65 -98
  12. package/lib/helpers/get-palette.ts +73 -117
  13. package/package.json +1 -1
  14. package/tokens/brand-blue-deep_accent-brand.css +69 -69
  15. package/tokens/brand-blue-deep_accent-gray.css +69 -69
  16. package/tokens/brand-blue_accent-brand.css +69 -69
  17. package/tokens/brand-blue_accent-gray.css +69 -69
  18. package/tokens/brand-green_accent-brand.css +69 -69
  19. package/tokens/brand-green_accent-gray.css +69 -69
  20. package/tokens/brand-mint_accent-brand.css +69 -69
  21. package/tokens/brand-mint_accent-gray.css +69 -69
  22. package/tokens/brand-orange_accent-gray.css +88 -88
  23. package/tokens/brand-purple_accent-brand.css +69 -69
  24. package/tokens/brand-purple_accent-gray.css +69 -69
  25. package/tokens/brand-red_accent-gray.css +69 -69
  26. package/tokens/brand-violet_accent-brand.css +69 -69
  27. package/tokens/brand-violet_accent-gray.css +69 -69
  28. package/tokens-mobile/brand-blue-deep_accent-brand.json +37 -37
  29. package/tokens-mobile/brand-blue-deep_accent-gray.json +37 -37
  30. package/tokens-mobile/brand-blue_accent-brand.json +37 -37
  31. package/tokens-mobile/brand-blue_accent-gray.json +37 -37
  32. package/tokens-mobile/brand-green_accent-brand.json +37 -37
  33. package/tokens-mobile/brand-green_accent-gray.json +37 -37
  34. package/tokens-mobile/brand-mint_accent-brand.json +37 -37
  35. package/tokens-mobile/brand-mint_accent-gray.json +37 -37
  36. package/tokens-mobile/brand-orange_accent-gray.json +45 -45
  37. package/tokens-mobile/brand-purple_accent-brand.json +37 -37
  38. package/tokens-mobile/brand-purple_accent-gray.json +37 -37
  39. package/tokens-mobile/brand-red_accent-gray.json +37 -37
  40. package/tokens-mobile/brand-violet_accent-brand.json +37 -37
  41. package/tokens-mobile/brand-violet_accent-gray.json +37 -37
package/tokens/brand-green_accent-gray.css CHANGED
@@ -18,9 +18,9 @@
18
18
  --k-color-text-inverted-success-heavy: #00c655;
19
19
  --k-color-text-inverted-success-heavy-hover: #4ede76;
20
20
  --k-color-text-inverted-success-heavy-pressed: #4fa161;
21
- --k-color-text-inverted-warning-heavy: #f8ae00;
22
- --k-color-text-inverted-warning-heavy-hover: #ffbf0b;
23
- --k-color-text-inverted-warning-heavy-pressed: #cc9a51;
21
+ --k-color-text-inverted-warning-heavy: #fdaa00;
22
+ --k-color-text-inverted-warning-heavy-hover: #ffbe3d;
23
+ --k-color-text-inverted-warning-heavy-pressed: #d69551;
24
24
  --k-color-text-logo: #26ad50;
25
25
  --k-color-text-neutral-faint: rgba(0, 0, 0, 0.32);
26
26
  --k-color-text-neutral-heavy: rgba(0, 0, 0, 0.88);
@@ -29,9 +29,9 @@
29
29
  --k-color-text-success-heavy: #007f34;
30
30
  --k-color-text-success-heavy-hover: #009b41;
31
31
  --k-color-text-success-heavy-pressed: #3a6a43;
32
- --k-color-text-warning-heavy: #bc7d00;
33
- --k-color-text-warning-heavy-hover: #db9400;
34
- --k-color-text-warning-heavy-pressed: #a37736;
32
+ --k-color-text-warning-heavy: #d26e00;
33
+ --k-color-text-warning-heavy-hover: #e88b00;
34
+ --k-color-text-warning-heavy-pressed: #ab713f;
35
35
  --k-color-text-const-faint-black: rgba(0, 0, 0, 0.32);
36
36
  --k-color-text-const-faint-white: rgba(255, 255, 255, 0.4);
37
37
  --k-color-text-const-heavy-black: rgba(0, 0, 0, 0.88);
@@ -63,9 +63,9 @@
63
63
  --k-color-shape-bold-success: #00a948;
64
64
  --k-color-shape-bold-success-hover: #009b41;
65
65
  --k-color-shape-bold-success-pressed: #178b3f;
66
- --k-color-shape-bold-warning: #ffbf0b;
67
- --k-color-shape-bold-warning-hover: #f8ae00;
68
- --k-color-shape-bold-warning-pressed: #e5a331;
66
+ --k-color-shape-bold-warning: #ffbe3d;
67
+ --k-color-shape-bold-warning-hover: #fdaa00;
68
+ --k-color-shape-bold-warning-pressed: #ec9e32;
69
69
  --k-color-shape-faint-accent: rgba(0, 0, 0, 0.12);
70
70
  --k-color-shape-faint-accent-hover: rgba(0, 0, 0, 0.16);
71
71
  --k-color-shape-faint-accent-pressed: rgba(0, 0, 0, 0.24);
@@ -81,13 +81,13 @@
81
81
  --k-color-shape-faint-success: #defbe2;
82
82
  --k-color-shape-faint-success-hover: #c3f3ca;
83
83
  --k-color-shape-faint-success-pressed: #d1edd5;
84
- --k-color-shape-faint-warning: #fff3bd;
85
- --k-color-shape-faint-warning-hover: #f4e5ad;
86
- --k-color-shape-faint-warning-pressed: #ede5c4;
84
+ --k-color-shape-faint-warning: #fff1ca;
85
+ --k-color-shape-faint-warning-hover: #f9e3ac;
86
+ --k-color-shape-faint-warning-pressed: #f1e4c4;
87
87
  --k-color-shape-heavy-error: #6b1f1e;
88
88
  --k-color-shape-heavy-neutral: #292929;
89
89
  --k-color-shape-heavy-success: #0b4a1f;
90
- --k-color-shape-heavy-warning: #543600;
90
+ --k-color-shape-heavy-warning: #583400;
91
91
  --k-color-shape-other-accent-bold-disabled: rgba(0, 0, 0, 0.32);
92
92
  --k-color-shape-other-backless-hover: rgba(0, 0, 0, 0.06);
93
93
  --k-color-shape-other-backless-pressed: rgba(0, 0, 0, 0.16);
@@ -125,9 +125,9 @@
125
125
  --k-color-shape-pale-success: #c3f3ca;
126
126
  --k-color-shape-pale-success-hover: #a7ebb2;
127
127
  --k-color-shape-pale-success-pressed: #bae4c0;
128
- --k-color-shape-pale-warning: #fbe48d;
129
- --k-color-shape-pale-warning-hover: #f2d585;
130
- --k-color-shape-pale-warning-pressed: #e9d6a5;
128
+ --k-color-shape-pale-warning: #ffe29a;
129
+ --k-color-shape-pale-warning-hover: #f8d286;
130
+ --k-color-shape-pale-warning-pressed: #edd5a5;
131
131
  --k-color-shape-soft-accent: rgba(0, 0, 0, 0.32);
132
132
  --k-color-shape-soft-accent-hover: rgba(0, 0, 0, 0.4);
133
133
  --k-color-shape-soft-accent-pressed: rgba(0, 0, 0, 0.48);
@@ -143,9 +143,9 @@
143
143
  --k-color-shape-soft-success: #6cd984;
144
144
  --k-color-shape-soft-success-hover: #4ecf70;
145
145
  --k-color-shape-soft-success-pressed: #58be6f;
146
- --k-color-shape-soft-warning: #fcd35d;
147
- --k-color-shape-soft-warning-hover: #f4c359;
148
- --k-color-shape-soft-warning-pressed: #e5b566;
146
+ --k-color-shape-soft-warning: #ffd06f;
147
+ --k-color-shape-soft-warning-hover: #f8c05c;
148
+ --k-color-shape-soft-warning-pressed: #e9b368;
149
149
  --k-color-shape-inverted-backless-hover: rgba(255, 255, 255, 0.06);
150
150
  --k-color-shape-inverted-backless-pressed: rgba(255, 255, 255, 0.04);
151
151
  --k-color-shape-inverted-disabled: rgba(255, 255, 255, 0.06);
@@ -216,9 +216,9 @@
216
216
  --k-color-line-success-bold: #008d3a;
217
217
  --k-color-line-success-bold-hover: #00b74e;
218
218
  --k-color-line-success-bold-pressed: #458552;
219
- --k-color-line-warning-bold: #f8ae00;
220
- --k-color-line-warning-bold-hover: #db9400;
221
- --k-color-line-warning-bold-pressed: #bd8f4d;
219
+ --k-color-line-warning-bold: #fdaa00;
220
+ --k-color-line-warning-bold-hover: #e88b00;
221
+ --k-color-line-warning-bold-pressed: #cb874c;
222
222
  --k-color-line-inverted-accent-bold: #d7d7d7;
223
223
  --k-color-line-inverted-accent-bold-hover: #fff;
224
224
  --k-color-line-inverted-accent-bold-pressed: rgba(255, 255, 255, 0.64);
@@ -238,9 +238,9 @@
238
238
  --k-color-line-inverted-success-bold: #009b41;
239
239
  --k-color-line-inverted-success-bold-hover: #00b74e;
240
240
  --k-color-line-inverted-success-bold-pressed: #458552;
241
- --k-color-line-inverted-warning-bold: #f8ae00;
242
- --k-color-line-inverted-warning-bold-hover: #ffbf0b;
243
- --k-color-line-inverted-warning-bold-pressed: #cc9a51;
241
+ --k-color-line-inverted-warning-bold: #fdaa00;
242
+ --k-color-line-inverted-warning-bold-hover: #ffbe3d;
243
+ --k-color-line-inverted-warning-bold-pressed: #d69551;
244
244
  --k-color-line-const-faint-black: rgba(0, 0, 0, 0.12);
245
245
  --k-color-line-const-faint-white: rgba(255, 255, 255, 0.12);
246
246
  --k-color-line-const-pale-black: rgba(0, 0, 0, 0.24);
@@ -269,51 +269,51 @@
269
269
  --k-color-customizable-bold-gray: #a4a4a4;
270
270
  --k-color-customizable-bold-green: #00b74e;
271
271
  --k-color-customizable-bold-mint: #05bfa3;
272
- --k-color-customizable-bold-orange: #f56600;
272
+ --k-color-customizable-bold-orange: #f96100;
273
273
  --k-color-customizable-bold-purple: #cf60ec;
274
274
  --k-color-customizable-bold-red: #ff5352;
275
275
  --k-color-customizable-bold-violet: #a17bff;
276
- --k-color-customizable-bold-yellow: #ecb400;
276
+ --k-color-customizable-bold-yellow: #f2b100;
277
277
  --k-color-customizable-faint-black: #e4e4e4;
278
278
  --k-color-customizable-faint-blue: #e2f5ff;
279
279
  --k-color-customizable-faint-blue-deep: #e8f3ff;
280
280
  --k-color-customizable-faint-gray: #f2f2f2;
281
281
  --k-color-customizable-faint-green: #defbe2;
282
282
  --k-color-customizable-faint-mint: #d2fcf6;
283
- --k-color-customizable-faint-orange: #ffeee1;
283
+ --k-color-customizable-faint-orange: #ffeee2;
284
284
  --k-color-customizable-faint-purple: #ffeaff;
285
285
  --k-color-customizable-faint-red: #ffedef;
286
286
  --k-color-customizable-faint-violet: #f1f0ff;
287
- --k-color-customizable-faint-yellow: #faf5be;
287
+ --k-color-customizable-faint-yellow: #fcf4be;
288
288
  --k-color-customizable-heavy-black: #3d3d3d;
289
289
  --k-color-customizable-heavy-blue: #005dae;
290
290
  --k-color-customizable-heavy-blue-deep: #234ece;
291
291
  --k-color-customizable-heavy-gray: #747474;
292
292
  --k-color-customizable-heavy-green: #00722d;
293
293
  --k-color-customizable-heavy-mint: #027b68;
294
- --k-color-customizable-heavy-orange: #9a3d00;
294
+ --k-color-customizable-heavy-orange: #9c3a00;
295
295
  --k-color-customizable-heavy-purple: #8b22a4;
296
296
  --k-color-customizable-heavy-red: #c50220;
297
297
  --k-color-customizable-heavy-violet: #6936c2;
298
- --k-color-customizable-heavy-yellow: #966c01;
298
+ --k-color-customizable-heavy-yellow: #9a6a00;
299
299
  --k-color-customizable-pale-black: #d7d7d7;
300
300
  --k-color-customizable-pale-blue: #c7ebff;
301
301
  --k-color-customizable-pale-blue-deep: #d2e7ff;
302
302
  --k-color-customizable-pale-gray: #e4e4e4;
303
303
  --k-color-customizable-pale-green: #c3f3ca;
304
304
  --k-color-customizable-pale-mint: #adf5e9;
305
- --k-color-customizable-pale-orange: #ffddc6;
305
+ --k-color-customizable-pale-orange: #ffddc7;
306
306
  --k-color-customizable-pale-purple: #fbd6ff;
307
307
  --k-color-customizable-pale-red: #ffdadd;
308
308
  --k-color-customizable-pale-violet: #e4e0ff;
309
- --k-color-customizable-pale-yellow: #f5e78f;
309
+ --k-color-customizable-pale-yellow: #f7e68e;
310
310
  --k-color-customizable-soft-black: #b1b1b1;
311
311
  --k-color-customizable-soft-blue: #80c5ff;
312
312
  --k-color-customizable-soft-blue-deep: #99bfff;
313
313
  --k-color-customizable-soft-gray: #d7d7d7;
314
314
  --k-color-customizable-soft-green: #6cd984;
315
315
  --k-color-customizable-soft-mint: #4fe6cc;
316
- --k-color-customizable-soft-orange: #ffa56f;
316
+ --k-color-customizable-soft-orange: #ffa573;
317
317
  --k-color-customizable-soft-purple: #ea9aff;
318
318
  --k-color-customizable-soft-red: #ffa09b;
319
319
  --k-color-customizable-soft-violet: #c1b0ff;
@@ -340,9 +340,9 @@
340
340
  --k-color-text-inverted-success-heavy: #007f34;
341
341
  --k-color-text-inverted-success-heavy-hover: #009b41;
342
342
  --k-color-text-inverted-success-heavy-pressed: #3a6a43;
343
- --k-color-text-inverted-warning-heavy: #bc7d00;
344
- --k-color-text-inverted-warning-heavy-hover: #db9400;
345
- --k-color-text-inverted-warning-heavy-pressed: #956c30;
343
+ --k-color-text-inverted-warning-heavy: #d26e00;
344
+ --k-color-text-inverted-warning-heavy-hover: #e88b00;
345
+ --k-color-text-inverted-warning-heavy-pressed: #9a6836;
346
346
  --k-color-text-logo: #22ad51;
347
347
  --k-color-text-neutral-faint: rgba(255, 255, 255, 0.4);
348
348
  --k-color-text-neutral-heavy: rgba(255, 255, 255, 0.96);
@@ -351,9 +351,9 @@
351
351
  --k-color-text-success-heavy: #00c655;
352
352
  --k-color-text-success-heavy-hover: #4ede76;
353
353
  --k-color-text-success-heavy-pressed: #4fa161;
354
- --k-color-text-warning-heavy: #f8ae00;
355
- --k-color-text-warning-heavy-hover: #ffbf0b;
356
- --k-color-text-warning-heavy-pressed: #cc9a51;
354
+ --k-color-text-warning-heavy: #fdaa00;
355
+ --k-color-text-warning-heavy-hover: #ffbe3d;
356
+ --k-color-text-warning-heavy-pressed: #d69551;
357
357
  --k-color-text-const-faint-black: rgba(0, 0, 0, 0.32);
358
358
  --k-color-text-const-faint-white: rgba(255, 255, 255, 0.4);
359
359
  --k-color-text-const-heavy-black: rgba(0, 0, 0, 0.88);
@@ -385,9 +385,9 @@
385
385
  --k-color-shape-bold-success: #1d9946;
386
386
  --k-color-shape-bold-success-hover: #2ca651;
387
387
  --k-color-shape-bold-success-pressed: #3f784b;
388
- --k-color-shape-bold-warning: #f1b03b;
389
- --k-color-shape-bold-warning-hover: #f4c359;
390
- --k-color-shape-bold-warning-pressed: #cc9a51;
388
+ --k-color-shape-bold-warning: #f6ad3c;
389
+ --k-color-shape-bold-warning-hover: #f8c05c;
390
+ --k-color-shape-bold-warning-pressed: #d69551;
391
391
  --k-color-shape-faint-accent: rgba(255, 255, 255, 0.12);
392
392
  --k-color-shape-faint-accent-hover: rgba(255, 255, 255, 0.16);
393
393
  --k-color-shape-faint-accent-pressed: rgba(255, 255, 255, 0.08);
@@ -403,13 +403,13 @@
403
403
  --k-color-shape-faint-success: #213a25;
404
404
  --k-color-shape-faint-success-hover: #27452d;
405
405
  --k-color-shape-faint-success-pressed: #1a2e1e;
406
- --k-color-shape-faint-warning: #402f18;
407
- --k-color-shape-faint-warning-hover: #4d391c;
408
- --k-color-shape-faint-warning-pressed: #342614;
406
+ --k-color-shape-faint-warning: #422e19;
407
+ --k-color-shape-faint-warning-hover: #4f381d;
408
+ --k-color-shape-faint-warning-pressed: #352515;
409
409
  --k-color-shape-heavy-error: #ffdadd;
410
410
  --k-color-shape-heavy-neutral: #f2f2f2;
411
411
  --k-color-shape-heavy-success: #c3f3ca;
412
- --k-color-shape-heavy-warning: #fbe48d;
412
+ --k-color-shape-heavy-warning: #ffe29a;
413
413
  --k-color-shape-other-accent-bold-disabled: rgba(255, 255, 255, 0.32);
414
414
  --k-color-shape-other-backless-hover: rgba(255, 255, 255, 0.06);
415
415
  --k-color-shape-other-backless-pressed: rgba(255, 255, 255, 0.04);
@@ -447,9 +447,9 @@
447
447
  --k-color-shape-pale-success: #27452d;
448
448
  --k-color-shape-pale-success-hover: #2d5134;
449
449
  --k-color-shape-pale-success-pressed: #213a25;
450
- --k-color-shape-pale-warning: #4d391c;
451
- --k-color-shape-pale-warning-hover: #5b4320;
452
- --k-color-shape-pale-warning-pressed: #402f18;
450
+ --k-color-shape-pale-warning: #4f381d;
451
+ --k-color-shape-pale-warning-hover: #5d4122;
452
+ --k-color-shape-pale-warning-pressed: #422e19;
453
453
  --k-color-shape-soft-accent: rgba(255, 255, 255, 0.32);
454
454
  --k-color-shape-soft-accent-hover: rgba(255, 255, 255, 0.4);
455
455
  --k-color-shape-soft-accent-pressed: rgba(255, 255, 255, 0.24);
@@ -465,9 +465,9 @@
465
465
  --k-color-shape-soft-success: #3a6a43;
466
466
  --k-color-shape-soft-success-hover: #3f784b;
467
467
  --k-color-shape-soft-success-pressed: #345e3c;
468
- --k-color-shape-soft-warning: #86612c;
469
- --k-color-shape-soft-warning-hover: #956c30;
470
- --k-color-shape-soft-warning-pressed: #775728;
468
+ --k-color-shape-soft-warning: #8a5f30;
469
+ --k-color-shape-soft-warning-hover: #9a6836;
470
+ --k-color-shape-soft-warning-pressed: #7a552b;
471
471
  --k-color-shape-inverted-backless-hover: rgba(0, 0, 0, 0.06);
472
472
  --k-color-shape-inverted-backless-pressed: rgba(0, 0, 0, 0.16);
473
473
  --k-color-shape-inverted-disabled: rgba(0, 0, 0, 0.06);
@@ -538,9 +538,9 @@
538
538
  --k-color-line-success-bold: #009b41;
539
539
  --k-color-line-success-bold-hover: #00b74e;
540
540
  --k-color-line-success-bold-pressed: #458552;
541
- --k-color-line-warning-bold: #f8ae00;
542
- --k-color-line-warning-bold-hover: #ffbf0b;
543
- --k-color-line-warning-bold-pressed: #cc9a51;
541
+ --k-color-line-warning-bold: #fdaa00;
542
+ --k-color-line-warning-bold-hover: #ffbe3d;
543
+ --k-color-line-warning-bold-pressed: #d69551;
544
544
  --k-color-line-inverted-accent-bold: #525252;
545
545
  --k-color-line-inverted-accent-bold-hover: #161616;
546
546
  --k-color-line-inverted-accent-bold-pressed: rgba(0, 0, 0, 0.64);
@@ -560,9 +560,9 @@
560
560
  --k-color-line-inverted-success-bold: #008d3a;
561
561
  --k-color-line-inverted-success-bold-hover: #00b74e;
562
562
  --k-color-line-inverted-success-bold-pressed: #458552;
563
- --k-color-line-inverted-warning-bold: #f8ae00;
564
- --k-color-line-inverted-warning-bold-hover: #db9400;
565
- --k-color-line-inverted-warning-bold-pressed: #bd8f4d;
563
+ --k-color-line-inverted-warning-bold: #fdaa00;
564
+ --k-color-line-inverted-warning-bold-hover: #e88b00;
565
+ --k-color-line-inverted-warning-bold-pressed: #cb874c;
566
566
  --k-color-line-const-faint-black: rgba(0, 0, 0, 0.12);
567
567
  --k-color-line-const-faint-white: rgba(255, 255, 255, 0.12);
568
568
  --k-color-line-const-pale-black: rgba(0, 0, 0, 0.24);
@@ -591,53 +591,53 @@
591
591
  --k-color-customizable-bold-gray: #696969;
592
592
  --k-color-customizable-bold-green: #2ca651;
593
593
  --k-color-customizable-bold-mint: #01b197;
594
- --k-color-customizable-bold-orange: #ed6d28;
594
+ --k-color-customizable-bold-orange: #f06a28;
595
595
  --k-color-customizable-bold-purple: #be5ad8;
596
596
  --k-color-customizable-bold-red: #ee4948;
597
597
  --k-color-customizable-bold-violet: #956ef2;
598
- --k-color-customizable-bold-yellow: #dfa700;
598
+ --k-color-customizable-bold-yellow: #e5a403;
599
599
  --k-color-customizable-faint-black: #484848;
600
600
  --k-color-customizable-faint-blue: #1f344d;
601
601
  --k-color-customizable-faint-blue-deep: #1e305c;
602
602
  --k-color-customizable-faint-gray: #333;
603
603
  --k-color-customizable-faint-green: #213a25;
604
604
  --k-color-customizable-faint-mint: #163a32;
605
- --k-color-customizable-faint-orange: #472b1e;
605
+ --k-color-customizable-faint-orange: #482a1e;
606
606
  --k-color-customizable-faint-purple: #44244c;
607
607
  --k-color-customizable-faint-red: #502421;
608
608
  --k-color-customizable-faint-violet: #362958;
609
- --k-color-customizable-faint-yellow: #3e3117;
609
+ --k-color-customizable-faint-yellow: #3f3018;
610
610
  --k-color-customizable-heavy-black: #f2f2f2;
611
611
  --k-color-customizable-heavy-blue: #80c5ff;
612
612
  --k-color-customizable-heavy-blue-deep: #88b0ff;
613
613
  --k-color-customizable-heavy-gray: #808080;
614
614
  --k-color-customizable-heavy-green: #6fe98b;
615
615
  --k-color-customizable-heavy-mint: #4af6dd;
616
- --k-color-customizable-heavy-orange: #ff8f4f;
616
+ --k-color-customizable-heavy-orange: #ff8f54;
617
617
  --k-color-customizable-heavy-purple: #ea9aff;
618
618
  --k-color-customizable-heavy-red: #ff8a84;
619
619
  --k-color-customizable-heavy-violet: #b69fff;
620
- --k-color-customizable-heavy-yellow: #f6c405;
620
+ --k-color-customizable-heavy-yellow: #f9c206;
621
621
  --k-color-customizable-pale-black: #525252;
622
622
  --k-color-customizable-pale-blue: #253f5c;
623
623
  --k-color-customizable-pale-blue-deep: #243a6e;
624
624
  --k-color-customizable-pale-gray: #3d3d3d;
625
625
  --k-color-customizable-pale-green: #27452d;
626
626
  --k-color-customizable-pale-mint: #19463d;
627
- --k-color-customizable-pale-orange: #563324;
627
+ --k-color-customizable-pale-orange: #573324;
628
628
  --k-color-customizable-pale-purple: #522a5c;
629
629
  --k-color-customizable-pale-red: #602a27;
630
630
  --k-color-customizable-pale-violet: #413169;
631
- --k-color-customizable-pale-yellow: #4b3a1b;
631
+ --k-color-customizable-pale-yellow: #4c3a1b;
632
632
  --k-color-customizable-soft-black: #747474;
633
633
  --k-color-customizable-soft-blue: #37608e;
634
634
  --k-color-customizable-soft-blue-deep: #3959a5;
635
635
  --k-color-customizable-soft-gray: #525252;
636
636
  --k-color-customizable-soft-green: #3a6a43;
637
637
  --k-color-customizable-soft-mint: #216c5d;
638
- --k-color-customizable-soft-orange: #844d34;
638
+ --k-color-customizable-soft-orange: #864c34;
639
639
  --k-color-customizable-soft-purple: #7c428b;
640
640
  --k-color-customizable-soft-red: #943e3b;
641
641
  --k-color-customizable-soft-violet: #634c9e;
642
- --k-color-customizable-soft-yellow: #81642a;
642
+ --k-color-customizable-soft-yellow: #83622b;
643
643
  }