@taiga-ui/design-tokens 0.111.0 → 0.113.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 (7) hide show
  1. package/angular/desktop.less +13 -9
  2. package/angular/mobile.less +12 -8
  3. package/package.json +1 -1
  4. package/palette/dark.css +8 -6
  5. package/palette/light.css +5 -3
  6. package/palette/mobile/dark.css +7 -5
  7. package/palette/mobile/light.css +5 -3
package/angular/desktop.less CHANGED
@@ -56,7 +56,7 @@
56
56
  --tui-background-positive-pressed: var(--tui-const-green-darker-21); // @Deprecated: Переехал в отдельную группу status
57
57
  --tui-background-negative: var(--tui-const-red-darker-23); // @Deprecated: Переехал в группу status
58
58
  --tui-background-negative-pressed: var(--tui-const-red-darker-29); // @Deprecated: Переехал в группу status
59
- --tui-background-info: var(--tui-const-blue-darker-28); // @Deprecated: Переехал в группу status
59
+ --tui-background-info: var(--tui-const-blue-darker-25); // @Deprecated: Переехал в группу status
60
60
  --tui-background-info-pressed: var(--tui-const-blue-darker-32); // @Deprecated: Переехал в группу status
61
61
  --tui-background-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent-2
62
62
  --tui-background-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-2-pressed
@@ -162,7 +162,7 @@
162
162
  --tui-chart-categorical-05: var(--tui-const-orange);
163
163
  --tui-chart-categorical-06: var(--tui-const-purple);
164
164
  --tui-chart-categorical-07: var(--tui-const-green-darker-34);
165
- --tui-chart-categorical-08: var(--tui-const-blue-lighter-70);
165
+ --tui-chart-categorical-08: var(--tui-const-blue-darker-70);
166
166
  --tui-chart-categorical-09: var(--tui-const-orange-darker-48);
167
167
  --tui-chart-categorical-10: var(--tui-const-purple-darker-56);
168
168
  --tui-chart-categorical-11: var(--tui-const-pink);
@@ -207,12 +207,14 @@
207
207
  --tui-const-green-alpha-24: #00B92D3D; // 24% opacity
208
208
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
209
209
  --tui-const-blue: #428BF9; // N8
210
- --tui-const-blue-lighter-70: #6BA4FA; // hsL=52
210
+ --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
211
+ --tui-const-blue-darker-70: #6BA4FA; // hsL=70
211
212
  --tui-const-blue-darker-52: #126DF7; // hsL=52
212
213
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
213
214
  --tui-const-blue-darker-40: #1455B8; // hsL=40
214
215
  --tui-const-blue-darker-32: #2B4976; // hsL=32
215
- --tui-const-blue-darker-28: #263B5C; // hsL=28
216
+ --tui-const-blue-darker-28: #2A4165; // hsL=28
217
+ --tui-const-blue-darker-25: #263B5C; // hsL=25
216
218
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
217
219
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
218
220
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
@@ -393,7 +395,7 @@
393
395
  --tui-icon-pressed: var(--tui-const-white-alpha-90); // @Deprecated: Для иконок используем цвета из группы text
394
396
  --tui-icon-hover: var(--tui-const-white-alpha-70); // @Deprecated: Для иконок используем цвета из группы text
395
397
  --tui-icon-normal: var(--tui-const-white-alpha-50); // @Deprecated: Для иконок используем цвета из группы text
396
- --tui-icon-action: var(--tui-const-blue-lighter-70); // @Deprecated: Для иконок используем цвета из группы text
398
+ --tui-icon-action: var(--tui-const-blue-darker-70); // @Deprecated: Для иконок используем цвета из группы text
397
399
  --tui-icon-action-hover: var(--tui-const-blue); // @Deprecated: Для иконок используем цвета из группы text
398
400
  --tui-icon-action-pressed: var(--tui-const-blue-darker-52); // @Deprecated: Для иконок используем цвета из группы text
399
401
  --tui-icon-on-dark: var(--tui-const-white); // @Deprecated: Для иконок используем цвета из группы text
@@ -415,7 +417,7 @@
415
417
  --tui-status-negative-pale: var(--tui-const-red-darker-23); // Контейнеры негативных блоков
416
418
  --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); // Только для веба. Контейнеры негативных блоков при наведении
417
419
  --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); // Нажатое состояние negative в iOS
418
- --tui-status-info-pale: var(--tui-const-blue-darker-28); // Контейнеры информационных блоков
420
+ --tui-status-info-pale: var(--tui-const-blue-darker-25); // Контейнеры информационных блоков
419
421
  --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); // Только для веба. Контейнеры информационных блоков при наведении
420
422
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
421
423
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-61); // Акцентный цвет для нейтральных фонах
@@ -641,7 +643,7 @@
641
643
  --tui-chart-categorical-05: var(--tui-const-orange);
642
644
  --tui-chart-categorical-06: var(--tui-const-purple);
643
645
  --tui-chart-categorical-07: var(--tui-const-green-darker-34);
644
- --tui-chart-categorical-08: var(--tui-const-blue-lighter-70);
646
+ --tui-chart-categorical-08: var(--tui-const-blue-darker-70);
645
647
  --tui-chart-categorical-09: var(--tui-const-orange-darker-48);
646
648
  --tui-chart-categorical-10: var(--tui-const-purple-darker-56);
647
649
  --tui-chart-categorical-11: var(--tui-const-pink);
@@ -686,12 +688,14 @@
686
688
  --tui-const-green-alpha-24: #00B92D3D; // 24% opacity
687
689
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
688
690
  --tui-const-blue: #428BF9; // N8
689
- --tui-const-blue-lighter-70: #6BA4FA; // hsL=52
691
+ --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
692
+ --tui-const-blue-darker-70: #6BA4FA; // hsL=70
690
693
  --tui-const-blue-darker-52: #126DF7; // hsL=52
691
694
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
692
695
  --tui-const-blue-darker-40: #1455B8; // hsL=40
693
696
  --tui-const-blue-darker-32: #2B4976; // hsL=32
694
- --tui-const-blue-darker-28: #263B5C; // hsL=28
697
+ --tui-const-blue-darker-28: #2A4165; // hsL=28
698
+ --tui-const-blue-darker-25: #263B5C; // hsL=25
695
699
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
696
700
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
697
701
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
package/angular/mobile.less CHANGED
@@ -55,7 +55,7 @@
55
55
  --tui-background-positive-pressed: var(--tui-const-green-darker-21); // @Deprecated: Переехал в отдельную группу status
56
56
  --tui-background-negative: var(--tui-const-red-darker-23); // @Deprecated: Переехал в группу status
57
57
  --tui-background-negative-pressed: var(--tui-const-red-darker-29); // @Deprecated: Переехал в группу status
58
- --tui-background-info: var(--tui-const-blue-darker-28); // @Deprecated: Переехал в группу status
58
+ --tui-background-info: var(--tui-const-blue-darker-25); // @Deprecated: Переехал в группу status
59
59
  --tui-background-info-pressed: var(--tui-const-blue-darker-32); // @Deprecated: Переехал в группу status
60
60
  --tui-background-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent-2
61
61
  --tui-background-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-2-pressed
@@ -147,7 +147,7 @@
147
147
  --tui-chart-categorical-05: var(--tui-const-orange);
148
148
  --tui-chart-categorical-06: var(--tui-const-purple);
149
149
  --tui-chart-categorical-07: var(--tui-const-green-darker-34);
150
- --tui-chart-categorical-08: var(--tui-const-blue-lighter-70);
150
+ --tui-chart-categorical-08: var(--tui-const-blue-darker-70);
151
151
  --tui-chart-categorical-09: var(--tui-const-orange-darker-48);
152
152
  --tui-chart-categorical-10: var(--tui-const-purple-darker-56);
153
153
  --tui-chart-categorical-11: var(--tui-const-pink);
@@ -191,12 +191,14 @@
191
191
  --tui-const-green-alpha-24: #00B92D3D; // 24% opacity
192
192
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
193
193
  --tui-const-blue: #428BF9; // N8
194
- --tui-const-blue-lighter-70: #6BA4FA; // hsL=52
194
+ --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
195
+ --tui-const-blue-darker-70: #6BA4FA; // hsL=70
195
196
  --tui-const-blue-darker-52: #126DF7; // hsL=52
196
197
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
197
198
  --tui-const-blue-darker-40: #1455B8; // hsL=40
198
199
  --tui-const-blue-darker-32: #2B4976; // hsL=32
199
- --tui-const-blue-darker-28: #263B5C; // hsL=28
200
+ --tui-const-blue-darker-28: #2A4165; // hsL=28
201
+ --tui-const-blue-darker-25: #263B5C; // hsL=25
200
202
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
201
203
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
202
204
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
@@ -394,7 +396,7 @@
394
396
  --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); // Нажатое состояние positive в iOS
395
397
  --tui-status-negative-pale: var(--tui-const-red-darker-23); // Контейнеры негативных блоков
396
398
  --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); // Нажатое состояние negative в iOS
397
- --tui-status-info-pale: var(--tui-const-blue-darker-28); // Контейнеры информационных блоков
399
+ --tui-status-info-pale: var(--tui-const-blue-darker-25); // Контейнеры информационных блоков
398
400
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); // Контейнеры информационных блоков при нажатии
399
401
  --tui-status-neutral: var(--tui-const-white-alpha-50); // Акцентный цвет для нейтральных фонах
400
402
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
@@ -597,7 +599,7 @@
597
599
  --tui-chart-categorical-05: var(--tui-const-orange);
598
600
  --tui-chart-categorical-06: var(--tui-const-purple);
599
601
  --tui-chart-categorical-07: var(--tui-const-green-darker-34);
600
- --tui-chart-categorical-08: var(--tui-const-blue-lighter-70);
602
+ --tui-chart-categorical-08: var(--tui-const-blue-darker-70);
601
603
  --tui-chart-categorical-09: var(--tui-const-orange-darker-48);
602
604
  --tui-chart-categorical-10: var(--tui-const-purple-darker-56);
603
605
  --tui-chart-categorical-11: var(--tui-const-pink);
@@ -641,12 +643,14 @@
641
643
  --tui-const-green-alpha-24: #00B92D3D; // 24% opacity
642
644
  --tui-const-green-alpha-32: #00B92D52; // 32% opacity
643
645
  --tui-const-blue: #428BF9; // N8
644
- --tui-const-blue-lighter-70: #6BA4FA; // hsL=52
646
+ --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70
647
+ --tui-const-blue-darker-70: #6BA4FA; // hsL=70
645
648
  --tui-const-blue-darker-52: #126DF7; // hsL=52
646
649
  --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
647
650
  --tui-const-blue-darker-40: #1455B8; // hsL=40
648
651
  --tui-const-blue-darker-32: #2B4976; // hsL=32
649
- --tui-const-blue-darker-28: #263B5C; // hsL=28
652
+ --tui-const-blue-darker-28: #2A4165; // hsL=28
653
+ --tui-const-blue-darker-25: #263B5C; // hsL=25
650
654
  --tui-const-blue-alpha-8: #428BF914; // 8% opacity
651
655
  --tui-const-blue-alpha-12: #428BF91F; // 12% opacity
652
656
  --tui-const-blue-alpha-16: #428BF929; // 16% opacity
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.111.0",
3
+ "version": "0.113.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -56,7 +56,7 @@
56
56
  --tui-background-positive-pressed: var(--tui-const-green-darker-21); /* @Deprecated: Переехал в отдельную группу status */
57
57
  --tui-background-negative: var(--tui-const-red-darker-23); /* @Deprecated: Переехал в группу status */
58
58
  --tui-background-negative-pressed: var(--tui-const-red-darker-29); /* @Deprecated: Переехал в группу status */
59
- --tui-background-info: var(--tui-const-blue-darker-28); /* @Deprecated: Переехал в группу status */
59
+ --tui-background-info: var(--tui-const-blue-darker-25); /* @Deprecated: Переехал в группу status */
60
60
  --tui-background-info-pressed: var(--tui-const-blue-darker-32); /* @Deprecated: Переехал в группу status */
61
61
  --tui-background-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent-2 */
62
62
  --tui-background-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет accent-2-pressed */
@@ -162,7 +162,7 @@
162
162
  --tui-chart-categorical-05: var(--tui-const-orange);
163
163
  --tui-chart-categorical-06: var(--tui-const-purple);
164
164
  --tui-chart-categorical-07: var(--tui-const-green-darker-34);
165
- --tui-chart-categorical-08: var(--tui-const-blue-lighter-70);
165
+ --tui-chart-categorical-08: var(--tui-const-blue-darker-70);
166
166
  --tui-chart-categorical-09: var(--tui-const-orange-darker-48);
167
167
  --tui-chart-categorical-10: var(--tui-const-purple-darker-56);
168
168
  --tui-chart-categorical-11: var(--tui-const-pink);
@@ -207,12 +207,14 @@
207
207
  --tui-const-green-alpha-24: #00B92D3D; /* 24% opacity */
208
208
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
209
209
  --tui-const-blue: #428BF9; /* N8 */
210
- --tui-const-blue-lighter-70: #6BA4FA; /* hsL=52 */
210
+ --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
211
+ --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
211
212
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
212
213
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
213
214
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
214
215
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
215
- --tui-const-blue-darker-28: #263B5C; /* hsL=28 */
216
+ --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
217
+ --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
216
218
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
217
219
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
218
220
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -393,7 +395,7 @@
393
395
  --tui-icon-pressed: var(--tui-const-white-alpha-90); /* @Deprecated: Для иконок используем цвета из группы text */
394
396
  --tui-icon-hover: var(--tui-const-white-alpha-70); /* @Deprecated: Для иконок используем цвета из группы text */
395
397
  --tui-icon-normal: var(--tui-const-white-alpha-50); /* @Deprecated: Для иконок используем цвета из группы text */
396
- --tui-icon-action: var(--tui-const-blue-lighter-70); /* @Deprecated: Для иконок используем цвета из группы text */
398
+ --tui-icon-action: var(--tui-const-blue-darker-70); /* @Deprecated: Для иконок используем цвета из группы text */
397
399
  --tui-icon-action-hover: var(--tui-const-blue); /* @Deprecated: Для иконок используем цвета из группы text */
398
400
  --tui-icon-action-pressed: var(--tui-const-blue-darker-52); /* @Deprecated: Для иконок используем цвета из группы text */
399
401
  --tui-icon-on-dark: var(--tui-const-white); /* @Deprecated: Для иконок используем цвета из группы text */
@@ -415,7 +417,7 @@
415
417
  --tui-status-negative-pale: var(--tui-const-red-darker-23); /* Контейнеры негативных блоков */
416
418
  --tui-status-negative-pale-hover: var(--tui-const-red-darker-29); /* Только для веба. Контейнеры негативных блоков при наведении */
417
419
  --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); /* Нажатое состояние negative в iOS */
418
- --tui-status-info-pale: var(--tui-const-blue-darker-28); /* Контейнеры информационных блоков */
420
+ --tui-status-info-pale: var(--tui-const-blue-darker-25); /* Контейнеры информационных блоков */
419
421
  --tui-status-info-pale-hover: var(--tui-const-blue-darker-32); /* Только для веба. Контейнеры информационных блоков при наведении */
420
422
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
421
423
  --tui-status-neutral: var(--tui-const-cool-gray-lighter-61); /* Акцентный цвет для нейтральных фонах */
package/palette/light.css CHANGED
@@ -162,7 +162,7 @@
162
162
  --tui-chart-categorical-05: var(--tui-const-orange);
163
163
  --tui-chart-categorical-06: var(--tui-const-purple);
164
164
  --tui-chart-categorical-07: var(--tui-const-green-darker-34);
165
- --tui-chart-categorical-08: var(--tui-const-blue-lighter-70);
165
+ --tui-chart-categorical-08: var(--tui-const-blue-darker-70);
166
166
  --tui-chart-categorical-09: var(--tui-const-orange-darker-48);
167
167
  --tui-chart-categorical-10: var(--tui-const-purple-darker-56);
168
168
  --tui-chart-categorical-11: var(--tui-const-pink);
@@ -207,12 +207,14 @@
207
207
  --tui-const-green-alpha-24: #00B92D3D; /* 24% opacity */
208
208
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
209
209
  --tui-const-blue: #428BF9; /* N8 */
210
- --tui-const-blue-lighter-70: #6BA4FA; /* hsL=52 */
210
+ --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
211
+ --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
211
212
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
212
213
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
213
214
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
214
215
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
215
- --tui-const-blue-darker-28: #263B5C; /* hsL=28 */
216
+ --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
217
+ --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
216
218
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
217
219
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
218
220
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
package/palette/mobile/dark.css CHANGED
@@ -49,7 +49,7 @@
49
49
  --tui-background-positive-pressed: var(--tui-const-green-darker-21); /* @Deprecated: Переехал в отдельную группу status */
50
50
  --tui-background-negative: var(--tui-const-red-darker-23); /* @Deprecated: Переехал в группу status */
51
51
  --tui-background-negative-pressed: var(--tui-const-red-darker-29); /* @Deprecated: Переехал в группу status */
52
- --tui-background-info: var(--tui-const-blue-darker-28); /* @Deprecated: Переехал в группу status */
52
+ --tui-background-info: var(--tui-const-blue-darker-25); /* @Deprecated: Переехал в группу status */
53
53
  --tui-background-info-pressed: var(--tui-const-blue-darker-32); /* @Deprecated: Переехал в группу status */
54
54
  --tui-background-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent-2 */
55
55
  --tui-background-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет accent-2-pressed */
@@ -141,7 +141,7 @@
141
141
  --tui-chart-categorical-05: var(--tui-const-orange);
142
142
  --tui-chart-categorical-06: var(--tui-const-purple);
143
143
  --tui-chart-categorical-07: var(--tui-const-green-darker-34);
144
- --tui-chart-categorical-08: var(--tui-const-blue-lighter-70);
144
+ --tui-chart-categorical-08: var(--tui-const-blue-darker-70);
145
145
  --tui-chart-categorical-09: var(--tui-const-orange-darker-48);
146
146
  --tui-chart-categorical-10: var(--tui-const-purple-darker-56);
147
147
  --tui-chart-categorical-11: var(--tui-const-pink);
@@ -185,12 +185,14 @@
185
185
  --tui-const-green-alpha-24: #00B92D3D; /* 24% opacity */
186
186
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
187
187
  --tui-const-blue: #428BF9; /* N8 */
188
- --tui-const-blue-lighter-70: #6BA4FA; /* hsL=52 */
188
+ --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
189
+ --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
189
190
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
190
191
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
191
192
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
192
193
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
193
- --tui-const-blue-darker-28: #263B5C; /* hsL=28 */
194
+ --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
195
+ --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
194
196
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
195
197
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
196
198
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */
@@ -388,7 +390,7 @@
388
390
  --tui-status-positive-pale-pressed: var(--tui-const-green-darker-21); /* Нажатое состояние positive в iOS */
389
391
  --tui-status-negative-pale: var(--tui-const-red-darker-23); /* Контейнеры негативных блоков */
390
392
  --tui-status-negative-pale-pressed: var(--tui-const-red-darker-29); /* Нажатое состояние negative в iOS */
391
- --tui-status-info-pale: var(--tui-const-blue-darker-28); /* Контейнеры информационных блоков */
393
+ --tui-status-info-pale: var(--tui-const-blue-darker-25); /* Контейнеры информационных блоков */
392
394
  --tui-status-info-pale-pressed: var(--tui-const-blue-darker-32); /* Контейнеры информационных блоков при нажатии */
393
395
  --tui-status-neutral: var(--tui-const-white-alpha-50); /* Акцентный цвет для нейтральных фонах */
394
396
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
package/palette/mobile/light.css CHANGED
@@ -141,7 +141,7 @@
141
141
  --tui-chart-categorical-05: var(--tui-const-orange);
142
142
  --tui-chart-categorical-06: var(--tui-const-purple);
143
143
  --tui-chart-categorical-07: var(--tui-const-green-darker-34);
144
- --tui-chart-categorical-08: var(--tui-const-blue-lighter-70);
144
+ --tui-chart-categorical-08: var(--tui-const-blue-darker-70);
145
145
  --tui-chart-categorical-09: var(--tui-const-orange-darker-48);
146
146
  --tui-chart-categorical-10: var(--tui-const-purple-darker-56);
147
147
  --tui-chart-categorical-11: var(--tui-const-pink);
@@ -185,12 +185,14 @@
185
185
  --tui-const-green-alpha-24: #00B92D3D; /* 24% opacity */
186
186
  --tui-const-green-alpha-32: #00B92D52; /* 32% opacity */
187
187
  --tui-const-blue: #428BF9; /* N8 */
188
- --tui-const-blue-lighter-70: #6BA4FA; /* hsL=52 */
188
+ --tui-const-blue-lighter-70: #6BA4FA; /* @Deprecated: Заменён на цвет blue-darker-70 */
189
+ --tui-const-blue-darker-70: #6BA4FA; /* hsL=70 */
189
190
  --tui-const-blue-darker-52: #126DF7; /* hsL=52 */
190
191
  --tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
191
192
  --tui-const-blue-darker-40: #1455B8; /* hsL=40 */
192
193
  --tui-const-blue-darker-32: #2B4976; /* hsL=32 */
193
- --tui-const-blue-darker-28: #263B5C; /* hsL=28 */
194
+ --tui-const-blue-darker-28: #2A4165; /* hsL=28 */
195
+ --tui-const-blue-darker-25: #263B5C; /* hsL=25 */
194
196
  --tui-const-blue-alpha-8: #428BF914; /* 8% opacity */
195
197
  --tui-const-blue-alpha-12: #428BF91F; /* 12% opacity */
196
198
  --tui-const-blue-alpha-16: #428BF929; /* 16% opacity */