@taiga-ui/design-tokens 0.230.0 → 0.232.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 +8 -6
- package/angular/mobile.less +10 -8
- package/package.json +1 -1
- package/palette/dark.css +5 -4
- package/palette/light.css +3 -2
- package/palette/mobile/dark.css +7 -6
- package/palette/mobile/light.css +3 -2
- package/palette/scss/dark.scss +5 -4
- package/palette/scss/light.scss +3 -2
- package/palette/scss/mobile/dark.scss +7 -6
- package/palette/scss/mobile/light.scss +3 -2
package/angular/desktop.less
CHANGED
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light
|
|
92
92
|
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); // @Deprecated: Перенесен в группу component
|
|
93
93
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); // @Deprecated: перенесли в группу component
|
|
94
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); //
|
|
94
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // @Deprecated: перенесли в группу component
|
|
95
95
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей
|
|
96
96
|
--tui-background-overlay-glass-hover: var(--tui-const-black-alpha-48); // Оверлей стеклянных поверхностей при наведении
|
|
97
97
|
--tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии
|
|
@@ -198,6 +198,7 @@
|
|
|
198
198
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
199
199
|
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-12); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
200
200
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
201
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
201
202
|
--tui-const-yellow: #FFDD2D; // N9
|
|
202
203
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
203
204
|
--tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
|
|
@@ -236,7 +237,7 @@
|
|
|
236
237
|
--tui-const-blue-darker-79: #97BFFC; // hsL=79
|
|
237
238
|
--tui-const-blue-darker-74: #7FB0FB; // hsL=74
|
|
238
239
|
--tui-const-blue-darker-72: #75AAFA; // hsL=72
|
|
239
|
-
--tui-const-blue-darker-70: #
|
|
240
|
+
--tui-const-blue-darker-70: #66A3FF; // hsL=70
|
|
240
241
|
--tui-const-blue-darker-66: #5798FA; // hsL=66
|
|
241
242
|
--tui-const-blue-darker-52: #126DF7; // hsL=52
|
|
242
243
|
--tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
|
|
@@ -670,7 +671,7 @@
|
|
|
670
671
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light
|
|
671
672
|
--tui-background-progress-bar: var(--tui-const-white-alpha-15); // @Deprecated: Перенесен в группу component
|
|
672
673
|
--tui-background-tooltip: var(--tui-const-white); // @Deprecated: перенесли в группу component
|
|
673
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); //
|
|
674
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // @Deprecated: перенесли в группу component
|
|
674
675
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей
|
|
675
676
|
--tui-background-overlay-glass-hover: var(--tui-const-white-alpha-40); // Оверлей стеклянных поверхностей при наведении
|
|
676
677
|
--tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии
|
|
@@ -777,6 +778,7 @@
|
|
|
777
778
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
778
779
|
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-20); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
779
780
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
781
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
780
782
|
--tui-const-yellow: #FFDD2D; // N9
|
|
781
783
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
782
784
|
--tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
|
|
@@ -815,7 +817,7 @@
|
|
|
815
817
|
--tui-const-blue-darker-79: #97BFFC; // hsL=79
|
|
816
818
|
--tui-const-blue-darker-74: #7FB0FB; // hsL=74
|
|
817
819
|
--tui-const-blue-darker-72: #75AAFA; // hsL=72
|
|
818
|
-
--tui-const-blue-darker-70: #
|
|
820
|
+
--tui-const-blue-darker-70: #66A3FF; // hsL=70
|
|
819
821
|
--tui-const-blue-darker-66: #5798FA; // hsL=66
|
|
820
822
|
--tui-const-blue-darker-52: #126DF7; // hsL=52
|
|
821
823
|
--tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
|
|
@@ -1037,7 +1039,7 @@
|
|
|
1037
1039
|
--tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
|
|
1038
1040
|
--tui-service-highlight-background: var(--tui-const-yellow-alpha-32); // Фон под выделенным текстом
|
|
1039
1041
|
--tui-service-backdrop: var(--tui-const-black-alpha-70); // Затемнение на фоне модальных окон и шторок
|
|
1040
|
-
--tui-service-underline: var(--tui-const-blue-darker-
|
|
1042
|
+
--tui-service-underline: var(--tui-const-blue-darker-70); // Подчеркивание для ссылок
|
|
1041
1043
|
--tui-service-underline-hover: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
|
|
1042
1044
|
--tui-service-underline-pressed: var(--tui-const-blue-darker-46); // Подчеркивание для ссылок
|
|
1043
1045
|
--tui-service-underline-grayscale: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
|
|
@@ -1144,7 +1146,7 @@
|
|
|
1144
1146
|
--tui-text-positive: var(--tui-const-green-lighter-44); // Текст позитивного лейбла, например пополнение счета или рост цены акций
|
|
1145
1147
|
--tui-text-positive-hover: var(--tui-const-green-lighter-48); // Только для веба. Текст позитивного лейбла при нажатии
|
|
1146
1148
|
--tui-text-positive-on-dark: var(--tui-const-green-lighter-44); // Текст позитивного лейбла на тёмном фоне, например пополнение счета или рост цены акций
|
|
1147
|
-
--tui-text-negative: var(--tui-const-red-lighter-
|
|
1149
|
+
--tui-text-negative: var(--tui-const-red-lighter-65); // Текст негативного лейбла, например падение цены акций или ошибка
|
|
1148
1150
|
--tui-text-negative-hover: var(--tui-const-red-lighter-68); // Только для веба. Текст негативного лейбла при наведении на вебе
|
|
1149
1151
|
--tui-text-negative-on-dark: var(--tui-const-red-lighter-70); // Текст негативного лейбла на тёмном фоне, например падение цены акций или ошибка
|
|
1150
1152
|
--tui-text-warning: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки
|
package/angular/mobile.less
CHANGED
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light
|
|
83
83
|
--tui-background-progress-bar: var(--tui-const-white-alpha-15); // @Deprecated: Перенесен в группу component
|
|
84
84
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); // @Deprecated: перенесли в группу component
|
|
85
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); //
|
|
85
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // @Deprecated: перенесли в группу component
|
|
86
86
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей
|
|
87
87
|
--tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии
|
|
88
88
|
--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
|
|
@@ -178,6 +178,7 @@
|
|
|
178
178
|
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
179
179
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
180
180
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
181
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
181
182
|
--tui-const-yellow: #FFDD2D; // N9
|
|
182
183
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
183
184
|
--tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
|
|
@@ -216,7 +217,7 @@
|
|
|
216
217
|
--tui-const-blue-darker-79: #97BFFC; // hsL=79
|
|
217
218
|
--tui-const-blue-darker-74: #7FB0FB; // hsL=74
|
|
218
219
|
--tui-const-blue-darker-72: #75AAFA; // hsL=72
|
|
219
|
-
--tui-const-blue-darker-70: #
|
|
220
|
+
--tui-const-blue-darker-70: #66A3FF; // hsL=70
|
|
220
221
|
--tui-const-blue-darker-66: #5798FA; // hsL=66
|
|
221
222
|
--tui-const-blue-darker-52: #126DF7; // hsL=52
|
|
222
223
|
--tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
|
|
@@ -436,7 +437,7 @@
|
|
|
436
437
|
--tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений
|
|
437
438
|
--tui-service-highlight-background: var(--tui-const-yellow-alpha-32); // Фон под выделенным текстом
|
|
438
439
|
--tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок
|
|
439
|
-
--tui-service-underline: var(--tui-const-blue-darker-
|
|
440
|
+
--tui-service-underline: var(--tui-const-blue-darker-70); // Подчеркивание для ссылок
|
|
440
441
|
--tui-service-underline-hover: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
|
|
441
442
|
--tui-service-underline-pressed: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок
|
|
442
443
|
--tui-service-underline-grayscale: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок
|
|
@@ -519,16 +520,16 @@
|
|
|
519
520
|
--tui-text-tertiary-pressed: var(--tui-const-white-alpha-60); // Лейблы задизейбленных кнопок, дисклеймеры, дисклеймеры при нажатии
|
|
520
521
|
--tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы
|
|
521
522
|
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы
|
|
522
|
-
--tui-text-action: var(--tui-const-blue-darker-
|
|
523
|
+
--tui-text-action: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent
|
|
523
524
|
--tui-text-action-pressed: var(--tui-const-blue-darker-46); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed
|
|
524
525
|
--tui-text-action-on-dark: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на тёмных фонах
|
|
525
526
|
--tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action
|
|
526
527
|
--tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed
|
|
527
528
|
--tui-text-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent
|
|
528
529
|
--tui-text-engaging-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-pressed
|
|
529
|
-
--tui-text-positive: var(--tui-const-green); // Текст позитивного лейбла, например пополнение счета или рост цены акций
|
|
530
|
+
--tui-text-positive: var(--tui-const-green-lighter-42); // Текст позитивного лейбла, например пополнение счета или рост цены акций
|
|
530
531
|
--tui-text-positive-on-dark: var(--tui-const-green-lighter-42); // Текст позитивного лейбла на тёмном фоне, например пополнение счета или рост цены акций
|
|
531
|
-
--tui-text-negative: var(--tui-const-red); // Текст негативного лейбла, например падение цены акций или ошибка
|
|
532
|
+
--tui-text-negative: var(--tui-const-red-lighter-65); // Текст негативного лейбла, например падение цены акций или ошибка
|
|
532
533
|
--tui-text-negative-on-dark: var(--tui-const-red-lighter-65); // Текст негативного лейбла на тёмном фоне, например падение цены акций или ошибка
|
|
533
534
|
--tui-text-warning: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки
|
|
534
535
|
--tui-text-warning-on-dark: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки на тёмных фонах
|
|
@@ -621,7 +622,7 @@
|
|
|
621
622
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light
|
|
622
623
|
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); // @Deprecated: Перенесен в группу component
|
|
623
624
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); // @Deprecated: перенесли в группу component
|
|
624
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); //
|
|
625
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // @Deprecated: перенесли в группу component
|
|
625
626
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей
|
|
626
627
|
--tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии
|
|
627
628
|
--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы.
|
|
@@ -717,6 +718,7 @@
|
|
|
717
718
|
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
718
719
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
719
720
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
721
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
720
722
|
--tui-const-yellow: #FFDD2D; // N9
|
|
721
723
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
722
724
|
--tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
|
|
@@ -755,7 +757,7 @@
|
|
|
755
757
|
--tui-const-blue-darker-79: #97BFFC; // hsL=79
|
|
756
758
|
--tui-const-blue-darker-74: #7FB0FB; // hsL=74
|
|
757
759
|
--tui-const-blue-darker-72: #75AAFA; // hsL=72
|
|
758
|
-
--tui-const-blue-darker-70: #
|
|
760
|
+
--tui-const-blue-darker-70: #66A3FF; // hsL=70
|
|
759
761
|
--tui-const-blue-darker-66: #5798FA; // hsL=66
|
|
760
762
|
--tui-const-blue-darker-52: #126DF7; // hsL=52
|
|
761
763
|
--tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46
|
package/package.json
CHANGED
package/palette/dark.css
CHANGED
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
91
91
|
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /* @Deprecated: Перенесен в группу component */
|
|
92
92
|
--tui-background-tooltip: var(--tui-const-white); /* @Deprecated: перенесли в группу component */
|
|
93
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /*
|
|
93
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* @Deprecated: перенесли в группу component */
|
|
94
94
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей */
|
|
95
95
|
--tui-background-overlay-glass-hover: var(--tui-const-white-alpha-40); /* Оверлей стеклянных поверхностей при наведении */
|
|
96
96
|
--tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); /* Оверлей стеклянных поверхностей при нажатии */
|
|
@@ -197,6 +197,7 @@
|
|
|
197
197
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
198
198
|
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-20); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
199
199
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
200
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
200
201
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
201
202
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
202
203
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
|
@@ -235,7 +236,7 @@
|
|
|
235
236
|
--tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
|
|
236
237
|
--tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
|
|
237
238
|
--tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
|
|
238
|
-
--tui-const-blue-darker-70: #
|
|
239
|
+
--tui-const-blue-darker-70: #66A3FF; /* hsL=70 */
|
|
239
240
|
--tui-const-blue-darker-66: #5798FA; /* hsL=66 */
|
|
240
241
|
--tui-const-blue-darker-52: #126DF7; /* hsL=52 */
|
|
241
242
|
--tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
|
|
@@ -457,7 +458,7 @@
|
|
|
457
458
|
--tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
|
|
458
459
|
--tui-service-highlight-background: var(--tui-const-yellow-alpha-32); /* Фон под выделенным текстом */
|
|
459
460
|
--tui-service-backdrop: var(--tui-const-black-alpha-70); /* Затемнение на фоне модальных окон и шторок */
|
|
460
|
-
--tui-service-underline: var(--tui-const-blue-darker-
|
|
461
|
+
--tui-service-underline: var(--tui-const-blue-darker-70); /* Подчеркивание для ссылок */
|
|
461
462
|
--tui-service-underline-hover: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
|
|
462
463
|
--tui-service-underline-pressed: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
|
|
463
464
|
--tui-service-underline-grayscale: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
|
|
@@ -564,7 +565,7 @@
|
|
|
564
565
|
--tui-text-positive: var(--tui-const-green-lighter-44); /* Текст позитивного лейбла, например пополнение счета или рост цены акций */
|
|
565
566
|
--tui-text-positive-hover: var(--tui-const-green-lighter-48); /* Только для веба. Текст позитивного лейбла при нажатии */
|
|
566
567
|
--tui-text-positive-on-dark: var(--tui-const-green-lighter-44); /* Текст позитивного лейбла на тёмном фоне, например пополнение счета или рост цены акций */
|
|
567
|
-
--tui-text-negative: var(--tui-const-red-lighter-
|
|
568
|
+
--tui-text-negative: var(--tui-const-red-lighter-65); /* Текст негативного лейбла, например падение цены акций или ошибка */
|
|
568
569
|
--tui-text-negative-hover: var(--tui-const-red-lighter-68); /* Только для веба. Текст негативного лейбла при наведении на вебе */
|
|
569
570
|
--tui-text-negative-on-dark: var(--tui-const-red-lighter-70); /* Текст негативного лейбла на тёмном фоне, например падение цены акций или ошибка */
|
|
570
571
|
--tui-text-warning: var(--tui-const-yellow-darker-54); /* Предупреждающие текст и иконки */
|
package/palette/light.css
CHANGED
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
91
91
|
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /* @Deprecated: Перенесен в группу component */
|
|
92
92
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); /* @Deprecated: перенесли в группу component */
|
|
93
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /*
|
|
93
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* @Deprecated: перенесли в группу component */
|
|
94
94
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей */
|
|
95
95
|
--tui-background-overlay-glass-hover: var(--tui-const-black-alpha-48); /* Оверлей стеклянных поверхностей при наведении */
|
|
96
96
|
--tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии */
|
|
@@ -197,6 +197,7 @@
|
|
|
197
197
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
198
198
|
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-12); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
199
199
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
200
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
200
201
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
201
202
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
202
203
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
|
@@ -235,7 +236,7 @@
|
|
|
235
236
|
--tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
|
|
236
237
|
--tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
|
|
237
238
|
--tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
|
|
238
|
-
--tui-const-blue-darker-70: #
|
|
239
|
+
--tui-const-blue-darker-70: #66A3FF; /* hsL=70 */
|
|
239
240
|
--tui-const-blue-darker-66: #5798FA; /* hsL=66 */
|
|
240
241
|
--tui-const-blue-darker-52: #126DF7; /* hsL=52 */
|
|
241
242
|
--tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
|
package/palette/mobile/dark.css
CHANGED
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
78
78
|
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /* @Deprecated: Перенесен в группу component */
|
|
79
79
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); /* @Deprecated: перенесли в группу component */
|
|
80
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /*
|
|
80
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* @Deprecated: перенесли в группу component */
|
|
81
81
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей */
|
|
82
82
|
--tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); /* Оверлей стеклянных поверхностей при нажатии */
|
|
83
83
|
--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
|
|
@@ -173,6 +173,7 @@
|
|
|
173
173
|
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
174
174
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
175
175
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
176
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
176
177
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
177
178
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
178
179
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
|
@@ -211,7 +212,7 @@
|
|
|
211
212
|
--tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
|
|
212
213
|
--tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
|
|
213
214
|
--tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
|
|
214
|
-
--tui-const-blue-darker-70: #
|
|
215
|
+
--tui-const-blue-darker-70: #66A3FF; /* hsL=70 */
|
|
215
216
|
--tui-const-blue-darker-66: #5798FA; /* hsL=66 */
|
|
216
217
|
--tui-const-blue-darker-52: #126DF7; /* hsL=52 */
|
|
217
218
|
--tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
|
|
@@ -431,7 +432,7 @@
|
|
|
431
432
|
--tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
|
|
432
433
|
--tui-service-highlight-background: var(--tui-const-yellow-alpha-32); /* Фон под выделенным текстом */
|
|
433
434
|
--tui-service-backdrop: var(--tui-const-black-alpha-50); /* Затемнение на фоне модальных окон и шторок */
|
|
434
|
-
--tui-service-underline: var(--tui-const-blue-darker-
|
|
435
|
+
--tui-service-underline: var(--tui-const-blue-darker-70); /* Подчеркивание для ссылок */
|
|
435
436
|
--tui-service-underline-hover: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
|
|
436
437
|
--tui-service-underline-pressed: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
|
|
437
438
|
--tui-service-underline-grayscale: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
|
|
@@ -514,16 +515,16 @@
|
|
|
514
515
|
--tui-text-tertiary-pressed: var(--tui-const-white-alpha-60); /* Лейблы задизейбленных кнопок, дисклеймеры, дисклеймеры при нажатии */
|
|
515
516
|
--tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); /* Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы */
|
|
516
517
|
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); /* Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы */
|
|
517
|
-
--tui-text-action: var(--tui-const-blue-darker-
|
|
518
|
+
--tui-text-action: var(--tui-const-blue-darker-70); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
|
|
518
519
|
--tui-text-action-pressed: var(--tui-const-blue-darker-46); /* Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed */
|
|
519
520
|
--tui-text-action-on-dark: var(--tui-const-blue-darker-70); /* Текст и иконки интерактивного текста на тёмных фонах */
|
|
520
521
|
--tui-text-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет action */
|
|
521
522
|
--tui-text-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет action-pressed */
|
|
522
523
|
--tui-text-engaging: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent */
|
|
523
524
|
--tui-text-engaging-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет accent-pressed */
|
|
524
|
-
--tui-text-positive: var(--tui-const-green); /* Текст позитивного лейбла, например пополнение счета или рост цены акций */
|
|
525
|
+
--tui-text-positive: var(--tui-const-green-lighter-42); /* Текст позитивного лейбла, например пополнение счета или рост цены акций */
|
|
525
526
|
--tui-text-positive-on-dark: var(--tui-const-green-lighter-42); /* Текст позитивного лейбла на тёмном фоне, например пополнение счета или рост цены акций */
|
|
526
|
-
--tui-text-negative: var(--tui-const-red); /* Текст негативного лейбла, например падение цены акций или ошибка */
|
|
527
|
+
--tui-text-negative: var(--tui-const-red-lighter-65); /* Текст негативного лейбла, например падение цены акций или ошибка */
|
|
527
528
|
--tui-text-negative-on-dark: var(--tui-const-red-lighter-65); /* Текст негативного лейбла на тёмном фоне, например падение цены акций или ошибка */
|
|
528
529
|
--tui-text-warning: var(--tui-const-yellow-darker-54); /* Предупреждающие текст и иконки */
|
|
529
530
|
--tui-text-warning-on-dark: var(--tui-const-yellow-darker-54); /* Предупреждающие текст и иконки на тёмных фонах */
|
package/palette/mobile/light.css
CHANGED
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
78
78
|
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /* @Deprecated: Перенесен в группу component */
|
|
79
79
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); /* @Deprecated: перенесли в группу component */
|
|
80
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /*
|
|
80
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* @Deprecated: перенесли в группу component */
|
|
81
81
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей */
|
|
82
82
|
--tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии */
|
|
83
83
|
--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
|
|
@@ -173,6 +173,7 @@
|
|
|
173
173
|
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
174
174
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
175
175
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
176
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
176
177
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
177
178
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
178
179
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
|
@@ -211,7 +212,7 @@
|
|
|
211
212
|
--tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
|
|
212
213
|
--tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
|
|
213
214
|
--tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
|
|
214
|
-
--tui-const-blue-darker-70: #
|
|
215
|
+
--tui-const-blue-darker-70: #66A3FF; /* hsL=70 */
|
|
215
216
|
--tui-const-blue-darker-66: #5798FA; /* hsL=66 */
|
|
216
217
|
--tui-const-blue-darker-52: #126DF7; /* hsL=52 */
|
|
217
218
|
--tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
|
package/palette/scss/dark.scss
CHANGED
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
90
90
|
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /* @Deprecated: Перенесен в группу component */
|
|
91
91
|
--tui-background-tooltip: var(--tui-const-white); /* @Deprecated: перенесли в группу component */
|
|
92
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /*
|
|
92
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* @Deprecated: перенесли в группу component */
|
|
93
93
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей */
|
|
94
94
|
--tui-background-overlay-glass-hover: var(--tui-const-white-alpha-40); /* Оверлей стеклянных поверхностей при наведении */
|
|
95
95
|
--tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); /* Оверлей стеклянных поверхностей при нажатии */
|
|
@@ -196,6 +196,7 @@
|
|
|
196
196
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
197
197
|
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-20); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
198
198
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
199
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
199
200
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
200
201
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
201
202
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
|
@@ -234,7 +235,7 @@
|
|
|
234
235
|
--tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
|
|
235
236
|
--tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
|
|
236
237
|
--tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
|
|
237
|
-
--tui-const-blue-darker-70: #
|
|
238
|
+
--tui-const-blue-darker-70: #66A3FF; /* hsL=70 */
|
|
238
239
|
--tui-const-blue-darker-66: #5798FA; /* hsL=66 */
|
|
239
240
|
--tui-const-blue-darker-52: #126DF7; /* hsL=52 */
|
|
240
241
|
--tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
|
|
@@ -456,7 +457,7 @@
|
|
|
456
457
|
--tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
|
|
457
458
|
--tui-service-highlight-background: var(--tui-const-yellow-alpha-32); /* Фон под выделенным текстом */
|
|
458
459
|
--tui-service-backdrop: var(--tui-const-black-alpha-70); /* Затемнение на фоне модальных окон и шторок */
|
|
459
|
-
--tui-service-underline: var(--tui-const-blue-darker-
|
|
460
|
+
--tui-service-underline: var(--tui-const-blue-darker-70); /* Подчеркивание для ссылок */
|
|
460
461
|
--tui-service-underline-hover: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
|
|
461
462
|
--tui-service-underline-pressed: var(--tui-const-blue-darker-46); /* Подчеркивание для ссылок */
|
|
462
463
|
--tui-service-underline-grayscale: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
|
|
@@ -563,7 +564,7 @@
|
|
|
563
564
|
--tui-text-positive: var(--tui-const-green-lighter-44); /* Текст позитивного лейбла, например пополнение счета или рост цены акций */
|
|
564
565
|
--tui-text-positive-hover: var(--tui-const-green-lighter-48); /* Только для веба. Текст позитивного лейбла при нажатии */
|
|
565
566
|
--tui-text-positive-on-dark: var(--tui-const-green-lighter-44); /* Текст позитивного лейбла на тёмном фоне, например пополнение счета или рост цены акций */
|
|
566
|
-
--tui-text-negative: var(--tui-const-red-lighter-
|
|
567
|
+
--tui-text-negative: var(--tui-const-red-lighter-65); /* Текст негативного лейбла, например падение цены акций или ошибка */
|
|
567
568
|
--tui-text-negative-hover: var(--tui-const-red-lighter-68); /* Только для веба. Текст негативного лейбла при наведении на вебе */
|
|
568
569
|
--tui-text-negative-on-dark: var(--tui-const-red-lighter-70); /* Текст негативного лейбла на тёмном фоне, например падение цены акций или ошибка */
|
|
569
570
|
--tui-text-warning: var(--tui-const-yellow-darker-54); /* Предупреждающие текст и иконки */
|
package/palette/scss/light.scss
CHANGED
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
90
90
|
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /* @Deprecated: Перенесен в группу component */
|
|
91
91
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); /* @Deprecated: перенесли в группу component */
|
|
92
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /*
|
|
92
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* @Deprecated: перенесли в группу component */
|
|
93
93
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей */
|
|
94
94
|
--tui-background-overlay-glass-hover: var(--tui-const-black-alpha-48); /* Оверлей стеклянных поверхностей при наведении */
|
|
95
95
|
--tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии */
|
|
@@ -196,6 +196,7 @@
|
|
|
196
196
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
197
197
|
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-12); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
198
198
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
199
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
199
200
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
200
201
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
201
202
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
|
@@ -234,7 +235,7 @@
|
|
|
234
235
|
--tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
|
|
235
236
|
--tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
|
|
236
237
|
--tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
|
|
237
|
-
--tui-const-blue-darker-70: #
|
|
238
|
+
--tui-const-blue-darker-70: #66A3FF; /* hsL=70 */
|
|
238
239
|
--tui-const-blue-darker-66: #5798FA; /* hsL=66 */
|
|
239
240
|
--tui-const-blue-darker-52: #126DF7; /* hsL=52 */
|
|
240
241
|
--tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
77
77
|
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /* @Deprecated: Перенесен в группу component */
|
|
78
78
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); /* @Deprecated: перенесли в группу component */
|
|
79
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /*
|
|
79
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* @Deprecated: перенесли в группу component */
|
|
80
80
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей */
|
|
81
81
|
--tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); /* Оверлей стеклянных поверхностей при нажатии */
|
|
82
82
|
--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
|
|
@@ -172,6 +172,7 @@
|
|
|
172
172
|
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
173
173
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
174
174
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
175
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
175
176
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
176
177
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
177
178
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
|
@@ -210,7 +211,7 @@
|
|
|
210
211
|
--tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
|
|
211
212
|
--tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
|
|
212
213
|
--tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
|
|
213
|
-
--tui-const-blue-darker-70: #
|
|
214
|
+
--tui-const-blue-darker-70: #66A3FF; /* hsL=70 */
|
|
214
215
|
--tui-const-blue-darker-66: #5798FA; /* hsL=66 */
|
|
215
216
|
--tui-const-blue-darker-52: #126DF7; /* hsL=52 */
|
|
216
217
|
--tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
|
|
@@ -430,7 +431,7 @@
|
|
|
430
431
|
--tui-service-selection-background: var(--tui-const-blue-alpha-24); /* Фон при выделении текста и изображений */
|
|
431
432
|
--tui-service-highlight-background: var(--tui-const-yellow-alpha-32); /* Фон под выделенным текстом */
|
|
432
433
|
--tui-service-backdrop: var(--tui-const-black-alpha-50); /* Затемнение на фоне модальных окон и шторок */
|
|
433
|
-
--tui-service-underline: var(--tui-const-blue-darker-
|
|
434
|
+
--tui-service-underline: var(--tui-const-blue-darker-70); /* Подчеркивание для ссылок */
|
|
434
435
|
--tui-service-underline-hover: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
|
|
435
436
|
--tui-service-underline-pressed: var(--tui-const-blue-darker-74); /* Подчеркивание для ссылок */
|
|
436
437
|
--tui-service-underline-grayscale: var(--tui-const-white-alpha-50); /* Подчеркивание для монохромных ссылок */
|
|
@@ -513,16 +514,16 @@
|
|
|
513
514
|
--tui-text-tertiary-pressed: var(--tui-const-white-alpha-60); /* Лейблы задизейбленных кнопок, дисклеймеры, дисклеймеры при нажатии */
|
|
514
515
|
--tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); /* Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы */
|
|
515
516
|
--tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); /* Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы */
|
|
516
|
-
--tui-text-action: var(--tui-const-blue-darker-
|
|
517
|
+
--tui-text-action: var(--tui-const-blue-darker-70); /* Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent */
|
|
517
518
|
--tui-text-action-pressed: var(--tui-const-blue-darker-46); /* Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed */
|
|
518
519
|
--tui-text-action-on-dark: var(--tui-const-blue-darker-70); /* Текст и иконки интерактивного текста на тёмных фонах */
|
|
519
520
|
--tui-text-accent: var(--tui-const-blue); /* @Deprecated: Заменён на цвет action */
|
|
520
521
|
--tui-text-accent-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет action-pressed */
|
|
521
522
|
--tui-text-engaging: var(--tui-const-blue); /* @Deprecated: Заменён на цвет accent */
|
|
522
523
|
--tui-text-engaging-pressed: var(--tui-const-blue-darker-46); /* @Deprecated: Заменён на цвет accent-pressed */
|
|
523
|
-
--tui-text-positive: var(--tui-const-green); /* Текст позитивного лейбла, например пополнение счета или рост цены акций */
|
|
524
|
+
--tui-text-positive: var(--tui-const-green-lighter-42); /* Текст позитивного лейбла, например пополнение счета или рост цены акций */
|
|
524
525
|
--tui-text-positive-on-dark: var(--tui-const-green-lighter-42); /* Текст позитивного лейбла на тёмном фоне, например пополнение счета или рост цены акций */
|
|
525
|
-
--tui-text-negative: var(--tui-const-red); /* Текст негативного лейбла, например падение цены акций или ошибка */
|
|
526
|
+
--tui-text-negative: var(--tui-const-red-lighter-65); /* Текст негативного лейбла, например падение цены акций или ошибка */
|
|
526
527
|
--tui-text-negative-on-dark: var(--tui-const-red-lighter-65); /* Текст негативного лейбла на тёмном фоне, например падение цены акций или ошибка */
|
|
527
528
|
--tui-text-warning: var(--tui-const-yellow-darker-54); /* Предупреждающие текст и иконки */
|
|
528
529
|
--tui-text-warning-on-dark: var(--tui-const-yellow-darker-54); /* Предупреждающие текст и иконки на тёмных фонах */
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
77
77
|
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /* @Deprecated: Перенесен в группу component */
|
|
78
78
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); /* @Deprecated: перенесли в группу component */
|
|
79
|
-
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /*
|
|
79
|
+
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* @Deprecated: перенесли в группу component */
|
|
80
80
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей */
|
|
81
81
|
--tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); /* Оверлей стеклянных поверхностей при нажатии */
|
|
82
82
|
--tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. */
|
|
@@ -172,6 +172,7 @@
|
|
|
172
172
|
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
173
173
|
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
174
174
|
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
175
|
+
--tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
175
176
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
176
177
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
177
178
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
|
@@ -210,7 +211,7 @@
|
|
|
210
211
|
--tui-const-blue-darker-79: #97BFFC; /* hsL=79 */
|
|
211
212
|
--tui-const-blue-darker-74: #7FB0FB; /* hsL=74 */
|
|
212
213
|
--tui-const-blue-darker-72: #75AAFA; /* hsL=72 */
|
|
213
|
-
--tui-const-blue-darker-70: #
|
|
214
|
+
--tui-const-blue-darker-70: #66A3FF; /* hsL=70 */
|
|
214
215
|
--tui-const-blue-darker-66: #5798FA; /* hsL=66 */
|
|
215
216
|
--tui-const-blue-darker-52: #126DF7; /* hsL=52 */
|
|
216
217
|
--tui-const-blue-darker-46: #156ED4; /* N8 pressed, hsL=46 */
|