@taiga-ui/design-tokens 0.112.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.
- package/angular/desktop.less +13 -9
- package/angular/mobile.less +12 -8
- package/package.json +1 -1
- package/palette/dark.css +8 -6
- package/palette/light.css +5 -3
- package/palette/mobile/dark.css +7 -5
- 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-
|
|
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-
|
|
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; //
|
|
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: #
|
|
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-
|
|
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-
|
|
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-
|
|
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; //
|
|
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: #
|
|
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-
|
|
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-
|
|
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; //
|
|
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: #
|
|
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-
|
|
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-
|
|
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; //
|
|
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: #
|
|
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
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-
|
|
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-
|
|
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; /*
|
|
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: #
|
|
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-
|
|
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-
|
|
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-
|
|
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; /*
|
|
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: #
|
|
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-
|
|
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-
|
|
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; /*
|
|
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: #
|
|
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-
|
|
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-
|
|
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; /*
|
|
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: #
|
|
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 */
|