@taiga-ui/design-tokens 0.243.0 → 0.245.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 (11) hide show
  1. package/angular/desktop.less +6 -2
  2. package/angular/mobile.less +8 -4
  3. package/package.json +1 -1
  4. package/palette/dark.css +3 -1
  5. package/palette/light.css +3 -1
  6. package/palette/mobile/dark.css +4 -2
  7. package/palette/mobile/light.css +4 -2
  8. package/palette/scss/dark.scss +3 -1
  9. package/palette/scss/light.scss +3 -1
  10. package/palette/scss/mobile/dark.scss +4 -2
  11. package/palette/scss/mobile/light.scss +4 -2
package/angular/desktop.less CHANGED
@@ -398,11 +398,13 @@
398
398
  --tui-const-black-lighter-25: #414141;
399
399
  --tui-const-black-lighter-30: #4D4D4D;
400
400
  --tui-const-black-lighter-32: #525252;
401
+ --tui-const-black-lighter-55: #8C8C8C;
401
402
  --tui-const-black-lighter-60: #999999;
402
403
  --tui-const-black-lighter-79: #C9C9C9;
403
404
  --tui-const-black-lighter-92: #ECECEC;
404
405
  --tui-const-black-lighter-13-alpha-80: #202020CC;
405
406
  --tui-const-cool-gray-lighter-36: #575B61;
407
+ --tui-const-cool-gray-lighter-55: #838B95;
406
408
  --tui-const-cool-gray-lighter-60: #9299A2; // N3
407
409
  --tui-const-cool-gray-lighter-79: #C7C9CC; // N4
408
410
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -520,7 +522,7 @@
520
522
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); // Фоновый контейнер нейтральных статусных блоков при наведении
521
523
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
522
524
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
523
- --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
525
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
524
526
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
525
527
  --tui-status-negative-hover: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при наведении
526
528
  --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
@@ -993,11 +995,13 @@
993
995
  --tui-const-black-lighter-25: #414141;
994
996
  --tui-const-black-lighter-30: #4D4D4D;
995
997
  --tui-const-black-lighter-32: #525252;
998
+ --tui-const-black-lighter-55: #8C8C8C;
996
999
  --tui-const-black-lighter-60: #999999;
997
1000
  --tui-const-black-lighter-79: #C9C9C9;
998
1001
  --tui-const-black-lighter-92: #ECECEC;
999
1002
  --tui-const-black-lighter-13-alpha-80: #202020CC;
1000
1003
  --tui-const-cool-gray-lighter-36: #575B61;
1004
+ --tui-const-cool-gray-lighter-55: #838B95;
1001
1005
  --tui-const-cool-gray-lighter-60: #9299A2; // N3
1002
1006
  --tui-const-cool-gray-lighter-79: #C7C9CC; // N4
1003
1007
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -1115,7 +1119,7 @@
1115
1119
  --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); // Фоновый контейнер нейтральных статусных блоков при наведении
1116
1120
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
1117
1121
  --tui-status-positive: var(--tui-const-green-darker-28); // Акцентный цвет для позитивных блоков
1118
- --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
1122
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
1119
1123
  --tui-status-negative: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков
1120
1124
  --tui-status-negative-hover: var(--tui-const-red-darker-50); // Акцентный цвет для негативных блоков при наведении
1121
1125
  --tui-status-negative-pressed: var(--tui-const-red-darker-53); // Акцентный цвет для негативных блоков при нажатии
package/angular/mobile.less CHANGED
@@ -378,11 +378,13 @@
378
378
  --tui-const-black-lighter-25: #414141;
379
379
  --tui-const-black-lighter-30: #4D4D4D;
380
380
  --tui-const-black-lighter-32: #525252;
381
+ --tui-const-black-lighter-55: #8C8C8C;
381
382
  --tui-const-black-lighter-60: #999999;
382
383
  --tui-const-black-lighter-79: #C9C9C9;
383
384
  --tui-const-black-lighter-92: #ECECEC;
384
385
  --tui-const-black-lighter-13-alpha-80: #202020CC;
385
386
  --tui-const-cool-gray-lighter-36: #575B61;
387
+ --tui-const-cool-gray-lighter-55: #838B95;
386
388
  --tui-const-cool-gray-lighter-60: #9299A2; // N3
387
389
  --tui-const-cool-gray-lighter-79: #C7C9CC; // N4
388
390
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -487,11 +489,11 @@
487
489
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах
488
490
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); // Контейнеры информационных блоков на тёмных фонах
489
491
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); // Контейнеры информационных блоков на тёмных фонах
490
- --tui-status-neutral: var(--tui-const-white-alpha-50); // Акцентный цвет для нейтральных фонах
492
+ --tui-status-neutral: var(--tui-const-black-lighter-55); // Акцентный цвет для нейтральных фонах
491
493
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
492
494
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
493
495
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
494
- --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
496
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
495
497
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
496
498
  --tui-status-negative-pressed: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при нажатии
497
499
  --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
@@ -933,11 +935,13 @@
933
935
  --tui-const-black-lighter-25: #414141;
934
936
  --tui-const-black-lighter-30: #4D4D4D;
935
937
  --tui-const-black-lighter-32: #525252;
938
+ --tui-const-black-lighter-55: #8C8C8C;
936
939
  --tui-const-black-lighter-60: #999999;
937
940
  --tui-const-black-lighter-79: #C9C9C9;
938
941
  --tui-const-black-lighter-92: #ECECEC;
939
942
  --tui-const-black-lighter-13-alpha-80: #202020CC;
940
943
  --tui-const-cool-gray-lighter-36: #575B61;
944
+ --tui-const-cool-gray-lighter-55: #838B95;
941
945
  --tui-const-cool-gray-lighter-60: #9299A2; // N3
942
946
  --tui-const-cool-gray-lighter-79: #C7C9CC; // N4
943
947
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -1042,11 +1046,11 @@
1042
1046
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах
1043
1047
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); // Контейнеры информационных блоков на тёмных фонах
1044
1048
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); // Контейнеры информационных блоков на тёмных фонах
1045
- --tui-status-neutral: var(--tui-const-cool-gray-alpha-44); // Акцентный цвет для нейтральных фонах
1049
+ --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); // Акцентный цвет для нейтральных фонах
1046
1050
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков
1047
1051
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии
1048
1052
  --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
1049
- --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
1053
+ --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков
1050
1054
  --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
1051
1055
  --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии
1052
1056
  --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.243.0",
3
+ "version": "0.245.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -397,11 +397,13 @@
397
397
  --tui-const-black-lighter-25: #414141;
398
398
  --tui-const-black-lighter-30: #4D4D4D;
399
399
  --tui-const-black-lighter-32: #525252;
400
+ --tui-const-black-lighter-55: #8C8C8C;
400
401
  --tui-const-black-lighter-60: #999999;
401
402
  --tui-const-black-lighter-79: #C9C9C9;
402
403
  --tui-const-black-lighter-92: #ECECEC;
403
404
  --tui-const-black-lighter-13-alpha-80: #202020CC;
404
405
  --tui-const-cool-gray-lighter-36: #575B61;
406
+ --tui-const-cool-gray-lighter-55: #838B95;
405
407
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
406
408
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
407
409
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -519,7 +521,7 @@
519
521
  --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); /* Фоновый контейнер нейтральных статусных блоков при наведении */
520
522
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
521
523
  --tui-status-positive: var(--tui-const-green-darker-28); /* Акцентный цвет для позитивных блоков */
522
- --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
524
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
523
525
  --tui-status-negative: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков */
524
526
  --tui-status-negative-hover: var(--tui-const-red-darker-50); /* Акцентный цвет для негативных блоков при наведении */
525
527
  --tui-status-negative-pressed: var(--tui-const-red-darker-53); /* Акцентный цвет для негативных блоков при нажатии */
package/palette/light.css CHANGED
@@ -397,11 +397,13 @@
397
397
  --tui-const-black-lighter-25: #414141;
398
398
  --tui-const-black-lighter-30: #4D4D4D;
399
399
  --tui-const-black-lighter-32: #525252;
400
+ --tui-const-black-lighter-55: #8C8C8C;
400
401
  --tui-const-black-lighter-60: #999999;
401
402
  --tui-const-black-lighter-79: #C9C9C9;
402
403
  --tui-const-black-lighter-92: #ECECEC;
403
404
  --tui-const-black-lighter-13-alpha-80: #202020CC;
404
405
  --tui-const-cool-gray-lighter-36: #575B61;
406
+ --tui-const-cool-gray-lighter-55: #838B95;
405
407
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
406
408
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
407
409
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -519,7 +521,7 @@
519
521
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков при наведении */
520
522
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
521
523
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
522
- --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
524
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
523
525
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
524
526
  --tui-status-negative-hover: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при наведении */
525
527
  --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
package/palette/mobile/dark.css CHANGED
@@ -373,11 +373,13 @@
373
373
  --tui-const-black-lighter-25: #414141;
374
374
  --tui-const-black-lighter-30: #4D4D4D;
375
375
  --tui-const-black-lighter-32: #525252;
376
+ --tui-const-black-lighter-55: #8C8C8C;
376
377
  --tui-const-black-lighter-60: #999999;
377
378
  --tui-const-black-lighter-79: #C9C9C9;
378
379
  --tui-const-black-lighter-92: #ECECEC;
379
380
  --tui-const-black-lighter-13-alpha-80: #202020CC;
380
381
  --tui-const-cool-gray-lighter-36: #575B61;
382
+ --tui-const-cool-gray-lighter-55: #838B95;
381
383
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
382
384
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
383
385
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -482,11 +484,11 @@
482
484
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
483
485
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
484
486
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
485
- --tui-status-neutral: var(--tui-const-white-alpha-50); /* Акцентный цвет для нейтральных фонах */
487
+ --tui-status-neutral: var(--tui-const-black-lighter-55); /* Акцентный цвет для нейтральных фонах */
486
488
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
487
489
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
488
490
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
489
- --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
491
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
490
492
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
491
493
  --tui-status-negative-pressed: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при нажатии */
492
494
  --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
package/palette/mobile/light.css CHANGED
@@ -373,11 +373,13 @@
373
373
  --tui-const-black-lighter-25: #414141;
374
374
  --tui-const-black-lighter-30: #4D4D4D;
375
375
  --tui-const-black-lighter-32: #525252;
376
+ --tui-const-black-lighter-55: #8C8C8C;
376
377
  --tui-const-black-lighter-60: #999999;
377
378
  --tui-const-black-lighter-79: #C9C9C9;
378
379
  --tui-const-black-lighter-92: #ECECEC;
379
380
  --tui-const-black-lighter-13-alpha-80: #202020CC;
380
381
  --tui-const-cool-gray-lighter-36: #575B61;
382
+ --tui-const-cool-gray-lighter-55: #838B95;
381
383
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
382
384
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
383
385
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -482,11 +484,11 @@
482
484
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
483
485
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
484
486
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
485
- --tui-status-neutral: var(--tui-const-cool-gray-alpha-44); /* Акцентный цвет для нейтральных фонах */
487
+ --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); /* Акцентный цвет для нейтральных фонах */
486
488
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
487
489
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
488
490
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
489
- --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
491
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
490
492
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
491
493
  --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
492
494
  --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
package/palette/scss/dark.scss CHANGED
@@ -396,11 +396,13 @@
396
396
  --tui-const-black-lighter-25: #414141;
397
397
  --tui-const-black-lighter-30: #4D4D4D;
398
398
  --tui-const-black-lighter-32: #525252;
399
+ --tui-const-black-lighter-55: #8C8C8C;
399
400
  --tui-const-black-lighter-60: #999999;
400
401
  --tui-const-black-lighter-79: #C9C9C9;
401
402
  --tui-const-black-lighter-92: #ECECEC;
402
403
  --tui-const-black-lighter-13-alpha-80: #202020CC;
403
404
  --tui-const-cool-gray-lighter-36: #575B61;
405
+ --tui-const-cool-gray-lighter-55: #838B95;
404
406
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
405
407
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
406
408
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -518,7 +520,7 @@
518
520
  --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); /* Фоновый контейнер нейтральных статусных блоков при наведении */
519
521
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
520
522
  --tui-status-positive: var(--tui-const-green-darker-28); /* Акцентный цвет для позитивных блоков */
521
- --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
523
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
522
524
  --tui-status-negative: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков */
523
525
  --tui-status-negative-hover: var(--tui-const-red-darker-50); /* Акцентный цвет для негативных блоков при наведении */
524
526
  --tui-status-negative-pressed: var(--tui-const-red-darker-53); /* Акцентный цвет для негативных блоков при нажатии */
package/palette/scss/light.scss CHANGED
@@ -396,11 +396,13 @@
396
396
  --tui-const-black-lighter-25: #414141;
397
397
  --tui-const-black-lighter-30: #4D4D4D;
398
398
  --tui-const-black-lighter-32: #525252;
399
+ --tui-const-black-lighter-55: #8C8C8C;
399
400
  --tui-const-black-lighter-60: #999999;
400
401
  --tui-const-black-lighter-79: #C9C9C9;
401
402
  --tui-const-black-lighter-92: #ECECEC;
402
403
  --tui-const-black-lighter-13-alpha-80: #202020CC;
403
404
  --tui-const-cool-gray-lighter-36: #575B61;
405
+ --tui-const-cool-gray-lighter-55: #838B95;
404
406
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
405
407
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
406
408
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -518,7 +520,7 @@
518
520
  --tui-status-neutral-pale-hover: var(--tui-const-cool-gray-alpha-12); /* Фоновый контейнер нейтральных статусных блоков при наведении */
519
521
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
520
522
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
521
- --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
523
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
522
524
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
523
525
  --tui-status-negative-hover: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при наведении */
524
526
  --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
package/palette/scss/mobile/dark.scss CHANGED
@@ -372,11 +372,13 @@
372
372
  --tui-const-black-lighter-25: #414141;
373
373
  --tui-const-black-lighter-30: #4D4D4D;
374
374
  --tui-const-black-lighter-32: #525252;
375
+ --tui-const-black-lighter-55: #8C8C8C;
375
376
  --tui-const-black-lighter-60: #999999;
376
377
  --tui-const-black-lighter-79: #C9C9C9;
377
378
  --tui-const-black-lighter-92: #ECECEC;
378
379
  --tui-const-black-lighter-13-alpha-80: #202020CC;
379
380
  --tui-const-cool-gray-lighter-36: #575B61;
381
+ --tui-const-cool-gray-lighter-55: #838B95;
380
382
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
381
383
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
382
384
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -481,11 +483,11 @@
481
483
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
482
484
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
483
485
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
484
- --tui-status-neutral: var(--tui-const-white-alpha-50); /* Акцентный цвет для нейтральных фонах */
486
+ --tui-status-neutral: var(--tui-const-black-lighter-55); /* Акцентный цвет для нейтральных фонах */
485
487
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
486
488
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
487
489
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
488
- --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
490
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
489
491
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
490
492
  --tui-status-negative-pressed: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков при нажатии */
491
493
  --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
package/palette/scss/mobile/light.scss CHANGED
@@ -372,11 +372,13 @@
372
372
  --tui-const-black-lighter-25: #414141;
373
373
  --tui-const-black-lighter-30: #4D4D4D;
374
374
  --tui-const-black-lighter-32: #525252;
375
+ --tui-const-black-lighter-55: #8C8C8C;
375
376
  --tui-const-black-lighter-60: #999999;
376
377
  --tui-const-black-lighter-79: #C9C9C9;
377
378
  --tui-const-black-lighter-92: #ECECEC;
378
379
  --tui-const-black-lighter-13-alpha-80: #202020CC;
379
380
  --tui-const-cool-gray-lighter-36: #575B61;
381
+ --tui-const-cool-gray-lighter-55: #838B95;
380
382
  --tui-const-cool-gray-lighter-60: #9299A2; /* N3 */
381
383
  --tui-const-cool-gray-lighter-79: #C7C9CC; /* N4 */
382
384
  --tui-const-cool-gray-lighter-85: #C7CBCF;
@@ -481,11 +483,11 @@
481
483
  --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); /* Контейнеры информационных блоков на тёмных фонах */
482
484
  --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); /* Контейнеры информационных блоков на тёмных фонах */
483
485
  --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); /* Контейнеры информационных блоков на тёмных фонах */
484
- --tui-status-neutral: var(--tui-const-cool-gray-alpha-44); /* Акцентный цвет для нейтральных фонах */
486
+ --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); /* Акцентный цвет для нейтральных фонах */
485
487
  --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); /* Фоновый контейнер нейтральных статусных блоков */
486
488
  --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
487
489
  --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
488
- --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
490
+ --tui-status-warning: var(--tui-const-yellow-darker-50); /* Акцентный цвет для предупреждающих блоков */
489
491
  --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
490
492
  --tui-status-negative-pressed: var(--tui-const-red-darker-32); /* Акцентный цвет для негативных блоков при нажатии */
491
493
  --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */