[data-platform='ios'][tuiTheme='dark'], [data-platform='android'][tuiTheme='dark'], [data-platform='ios'] [tuiTheme='dark'], [data-platform='android'] [tuiTheme='dark'], [tuiTheme='dark'] [data-platform='ios'], [tuiTheme='dark'] [data-platform='android'] { --tui-background-base: var(--tui-const-black); // Основной фон приложений. Отличается на iOS, Android и Desktop --tui-background-base-alt: var(--tui-const-black-lighter-20); // Альтернативный основной фон, в тёмной теме в вебе равен base --tui-background-elevation-1: var(--tui-const-cool-gray-lighter-11); // Фон шторок, модальных экранов и карточек, лежащих на фоне base --tui-background-elevation-2: var(--tui-const-cool-gray-lighter-18); // Фон карточек, лежащих на фоне elevation-1 --tui-background-elevation-3: var(--tui-const-black-lighter-30); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок --tui-background-neutral-1: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); // Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы --tui-background-neutral-1-opaque: var(--tui-const-black-lighter-20); // Непрозрачные контейнеры кнопок закрытия и удаления элементов --tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-11); // Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-18); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме --tui-background-neutral-1-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1 --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-pressed --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed --tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы --tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы --tui-background-neutral-2: var(--tui-const-white-alpha-15); // Прозрачные контейнеры маленьких размеров --tui-background-neutral-2-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2 --tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы --tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы --tui-background-neutral-3: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2 --tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2 --tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2 --tui-background-neutral-4: var(--tui-const-white-alpha-30); // Прозрачные контейнеры со средним контрастом. Контейнер аватара с иконкой или текстом --tui-background-neutral-4-on-light: var(--tui-const-cool-gray-alpha-22); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Контейнер аватара с иконкой или текстом. Нажатое состояние элементов с цветом neutral-3 --tui-background-neutral-4-on-dark: var(--tui-const-white-alpha-30); // @Deprecated: Заменен на overlay-glass-on-dark. Использовался для стеклянных поверхностей --tui-background-neutral-6: var(--tui-const-white-alpha-50); // Прозрачные контейнеры с сильным контрастом --tui-background-neutral-6-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light. Использовался для стеклянных поверхностей. --tui-background-neutral-6-on-dark: var(--tui-const-white-alpha-50); // Прозрачные контейнеры с большим контрастом на темных цветных фонах --tui-background-opposite: var(--tui-const-white); // @Deprecated: Заменен на accent-opposite --tui-background-primary-on-light: var(--tui-const-black); // @Deprecated: Заменен на accent-on-light --tui-background-primary-on-dark: var(--tui-const-white); // @Deprecated: Заменен на accent-on-dark --tui-background-highlight: var(--tui-const-white-alpha-10); // @Deprecated: Переехал в отдельную группу service --tui-background-highlight-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Переехал в отдельную группу service --tui-background-highlight-on-dark: var(--tui-const-white-alpha-10); // @Deprecated: Переехал в отдельную группу service --tui-background-highlight-on-opposite: var(--tui-const-black-alpha-6); // @Deprecated: Переехал в отдельную группу service --tui-background-highlight-on-tinkoff: #FAB61966; // @Deprecated: Переехал в отдельную группу service --tui-background-warning: var(--tui-const-yellow-darker-26); // @Deprecated: Переехал в отдельную группу status --tui-background-warning-pressed: var(--tui-const-yellow-darker-32); // @Deprecated: Переехал в отдельную группу status --tui-background-positive: var(--tui-const-green-darker-18); // @Deprecated: Переехал в отдельную группу status --tui-background-positive-pressed: var(--tui-const-green-darker-21); // @Deprecated: Переехал в отдельную группу status --tui-background-negative: var(--tui-const-red-darker-23); // @Deprecated: Переехал в группу status --tui-background-negative-pressed: var(--tui-const-red-darker-29); // @Deprecated: Переехал в группу status --tui-background-info: var(--tui-const-blue-darker-25); // @Deprecated: Переехал в группу status --tui-background-info-pressed: var(--tui-const-blue-darker-32); // @Deprecated: Переехал в группу status --tui-background-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent-2 --tui-background-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-2-pressed --tui-background-accent-pale: var(--tui-const-blue-alpha-16); // @Deprecated: Заменён на компонентный токен --tui-background-accent-pale-pressed: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на компонентный токен --tui-background-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent --tui-background-engaging-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-pressed --tui-background-brand-tinkoff: var(--tui-const-yellow); // @Deprecated: Переехал в отдельную группу brand --tui-background-brand-pro: #AFF218; // @Deprecated: Переехал в отдельную группу brand --tui-background-brand-premium: #4972CF; // @Deprecated: Переехал в отдельную группу brand --tui-background-notification: var(--tui-const-red); // @Deprecated: Переехал в компонентные токены --tui-background-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Переехал в отдельную группу service --tui-background-accent-1: var(--tui-const-yellow); // Фоны акцентных кнопок, бейджей и т.д. --tui-background-accent-1-pressed: var(--tui-const-yellow-darker-60); // Фоны акцентных кнопок, бейджей и т.д. при нажатии --tui-background-accent-2: var(--tui-const-blue); // Фоны акцентных кнопок, бейджей и т.д. --tui-background-accent-2-pressed: var(--tui-const-blue-darker-52); // Фоны акцентных кнопок, бейджей и т.д. --tui-background-accent-opposite: var(--tui-const-white); // Фон, противоположный base: в белой теме — черный, в темной теме — белый --tui-background-accent-opposite-pressed: var(--tui-const-cool-gray-lighter-97); // Фон, противоположный base при нажатии: в белой теме — черный, в темной теме — белый --tui-background-accent-on-light: var(--tui-const-black); // Контрастные контейнеры на светлых фонах, не меняется при смене темы --tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-16); // Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы. --tui-background-accent-on-dark: var(--tui-const-white); // Контрастные контейнеры на темных фонах, не меняется при смене темы --tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. --tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Перенесен в component --tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменен на overlay-glass-on-dark --tui-background-badge-notification: var(--tui-const-red); // @Deprecated: Перенесен в группу component --tui-background-toggle: var(--tui-const-white-alpha-20); // @Deprecated: Заменен на background.neutral-2 --tui-background-button-vertical: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component --tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); // @Deprecated: Перенесен в component --tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); // @Deprecated: Заменен на overlay-glass-on-dark --tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light --tui-background-progress-bar: var(--tui-const-white-alpha-15); // @Deprecated: Перенесен в группу component --tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); // @Deprecated: перенесли в группу component --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // @Deprecated: перенесли в группу component --tui-background-overlay-glass: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей --tui-background-overlay-glass-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. --tui-background-overlay-glass-on-dark-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии на темных фонах, не меняется при смене темы. --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на светлых фонах, не меняется при смене темы. --tui-background-overlay-glass-matte: var(--tui-const-black-alpha-80); // Оверлей матовых стеклянных поверхностей, не меняется при смене темы. --tui-background-overlay-on-image: var(--tui-const-black-alpha-30); // Оверлей поверх изображений, не меняется от темы. --tui-border-normal: var(--tui-const-white-alpha-19); // Бордеры и сепараторы на основных фонах --tui-border-normal-pale: var(--tui-const-white-alpha-13); // Бледные бордеры и сепараторы на основных фонах --tui-border-normal-opaque: var(--tui-const-black-lighter-19); // Бордеры и сепараторы на основных фонах без прозрачности --tui-border-normal-pale-opaque: var(--tui-const-black-lighter-13); // Бледные непрозрачные бордеры и сепараторы на основных фонах --tui-border-normal-strong: var(--tui-const-white-alpha-40); // Бордеры и сепараторы на основных фонах --tui-border-selected: var(--tui-const-blue); // Обводка выделенных элементов --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-93); // Обводка выделенных элементов --tui-border-darkmode-only: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы от фона в темной теме --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы на темных фонах --tui-brand-element-t-ai-assistant: #BD9EFF; // Цвет Ai Assistant для текста и иконок --tui-brand-element-t-ai-assistant-pale: #BD9EFF4D; // Цвет Ai Assistant для фонов и поверхностей --tui-brand-element-t-insurance: #90E5DF; // Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-t-insurance-pale: #90E5DF4D; // Цвет Т-Страхования для фонов и поверхностей --tui-brand-element-t-mobile: #8D80E3; // Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-t-mobile-pale: #8D80E34D; // Цвет Т-Мобайл для фонов и поверхностей --tui-brand-element-t-business: #D4B788; // Цвет Т-Бизнес для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-t-business-pale: #D4B7884D; // Цвет Т-Бизнес для фонов и поверхностей --tui-brand-element-t-invest: #D4D1D8; // Цвет Т-Инвестции для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-t-invest-pale: #D4D1D84D; // Цвет Т-Инвестции для фонов и поверхностей --tui-brand-element-pro: #85E808; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-pro-pale: #85E8084D; // Цвет Pro для фонов и поверхностей --tui-brand-element-ts-premium: #E6AC5A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-ts-premium-pale: #E6AC5A4D; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-premium: #7DA4FF; // @Deprecated: Заменён на TS-Premium --tui-brand-element-premium-pale: #7DA4FF4D; // @Deprecated: Заменён на TS-Premium pale --tui-brand-element-private: #F5F5F7; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-private-pale: #F5F5F74D; // Цвет Private для фонов и поверхностей --tui-brand-ts-premium: #E6AC5A; // Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team --tui-brand-pro: #85E808; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д. --tui-brand-pro-alt-1: #333333; // Дополнительный цвет подписки Pro. --tui-brand-premium: #4972CF; // @Deprecated: Заменён на градиент TS-Premium --tui-brand-premium-pressed: #3460CA; // @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние --tui-brand-black: #333333; // Фирменный цвет T-Bank Black --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile --tui-brand-t-mobile-alt-1: #BAB3EC; // Альтеранитивный фирменный цвет T-Mobile --tui-brand-t-mobile-alt-2: #EDE8F6; // Альтеранитивный фирменный цвет T-Mobile --tui-brand-all-airlines: #27BEFF; // Фирменный цвет All Airlines --tui-brand-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета All Airlines --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Ai Assistant --tui-brand-t-insurance: #27AFA5; // Фирменный цвет Страхования --tui-brand-t-business: #B58B60; // Фирменный цвет Бизнеса --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса --tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций --tui-brand-private: #212121; // Фирменный цвет подписки Private --tui-brand-private-alt-1: #A1A1B2; // Допольнительный цвет подписки Private --tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay --tui-brand-t-insurance-alt-1: #D0F4F2; // Бледный оттенок фирменного цвета Страхования --tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank --tui-brand-tinkoff-pro: #AFF218; // @Deprecated: Заменён на t-pro --tui-brand-tinkoff-premium: #4972CF; // @Deprecated: Заменён на t-premium --tui-brand-tinkoff-black: #333333; // @Deprecated: Заменён на t-black --tui-brand-tinkoff-platinum: #747B8F; // @Deprecated: Заменён на t-platinum --tui-brand-tinkoff-mobile: #5848C3; // @Deprecated: Заменён на t-mobile --tui-brand-tinkoff-mobile-alt-1: #BAB3EC; // @Deprecated: Заменён на t-mobile-alt-1 --tui-brand-tinkoff-all-airlines: #27BEFF; // @Deprecated: Заменён на t-all-airlines --tui-brand-tinkoff-all-airlines-alt-1: #CBEFFF; // @Deprecated: Заменён на t-all-airlines-alt-1 --tui-brand-tinkoff-ai-assistant: #9A6BFF; // @Deprecated: Заменён на t-ai-assistant --tui-brand-tinkoff-insurance: #27AFA5; // @Deprecated: Заменён на t-insurance --tui-brand-tinkoff-business: #B58B60; // @Deprecated: Заменён на t-business --tui-brand-tinkoff-business-alt-1: #E4D7C1; // @Deprecated: Заменён на t-business-alt-1 --tui-brand-tinkoff-invest: #41414D; // @Deprecated: Заменён на t-invest --tui-brand-tinkoff-private: #212121; // @Deprecated: Заменён на t-private --tui-brand-tinkoff-insurance-pale: #D0F4F2; // @Deprecated: Заменён на t-insurance-alt-1 --tui-brand-tinkoff-insurance-alt-1: #E1F9F7; // @Deprecated: Заменён на t-insurance-alt-1 --tui-brand-t-all-airlines: var(--tui-brand-all-airlines); // @Deprecated: Заменён на all-airlines --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1 --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private --tui-chart-state-positive-accent: var(--tui-const-green-lighter-42); // Основной цвет графиков с позитивным контекстом --tui-chart-state-positive-pale: var(--tui-const-green-lighter-42-alpha-25); // Цвет графиков с позитивным контекстом когда данных недостаточно --tui-chart-state-positive-prognosis: var(--tui-const-green-lighter-42-alpha-50); // Цвет графиков с позитивным контекстом для прогноза --tui-chart-state-negative-accent: var(--tui-const-red-lighter-65); // Основной цвет графиков с негативным контекстом --tui-chart-state-negative-pale: var(--tui-const-red-lighter-65-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно --tui-chart-state-negative-prognosis: var(--tui-const-red-lighter-65-alpha-50); // Цвет графиков с негативным контекстом для прогноза --tui-chart-state-warning-accent: var(--tui-const-yellow-darker-54); // Основной цвет графиков с негативным контекстом --tui-chart-state-warning-pale: var(--tui-const-yellow-darker-54-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно --tui-chart-state-warning-prognosis: var(--tui-const-yellow-darker-54-alpha-50); // Цвет графиков с негативным контекстом для прогноза --tui-chart-series-primary-accent: var(--tui-const-blue-darker-70); // Основной акцентный цвет для графиков без контекста --tui-chart-series-primary-accent-pale: var(--tui-const-blue-darker-70-alpha-25); // Основной акцентный цвет для графиков без контекста когда данных недостаточно --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-darker-70-alpha-50); // Основной акцентный цвет для графиков без контекста для прогноза --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-40); // Первый дополнительный акцентный цвет для графиков без контекста --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-40-alpha-25); // Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-40-alpha-50); // Первый дополнительный акцентный цвет для графиков без контекста для прогноза --tui-chart-series-additional2-accent: #B078FF; // Второй дополнительный акцентный цвет для графиков без контекста --tui-chart-series-additional2-accent-pale: #B078FF40; // Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно --tui-chart-series-additional2-accent-prognosis: #B078FF80; // Второй дополнительный акцентный цвет для графиков без контекста для прогноза --tui-chart-gray-primary: var(--tui-const-cool-gray-lighter-97); // Основной серый цвет для графиков без контекста --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); // Cерый цвет для графиков без контекста когда нет данных --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-36); // Cерый цвет для графиков без контекста для прогноза --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-18); // Cерый цвет для графиков без контекста для прогноза --tui-chart-categorical-01: var(--tui-const-sea-blue); --tui-chart-categorical-02: var(--tui-const-purple-darker-72); --tui-chart-categorical-03: var(--tui-const-coral-darker-60); --tui-chart-categorical-04: var(--tui-const-turquoise); --tui-chart-categorical-05: var(--tui-const-orange); --tui-chart-categorical-06: var(--tui-const-purple); --tui-chart-categorical-07: var(--tui-const-green-darker-32); --tui-chart-categorical-08: var(--tui-const-blue-darker-70); --tui-chart-categorical-09: var(--tui-const-orange-darker-48); --tui-chart-categorical-10: var(--tui-const-purple-darker-56); --tui-chart-categorical-11: var(--tui-const-pink); --tui-chart-categorical-12: var(--tui-const-sea-blue-darker-48); --tui-chart-categorical-13: var(--tui-const-orange-darker-56); --tui-chart-categorical-14: var(--tui-const-purple-darker-60); --tui-chart-categorical-15: var(--tui-const-pink-darker-64); --tui-chart-categorical-16: var(--tui-const-emerald-darker-42); --tui-chart-categorical-17: var(--tui-const-coral); --tui-chart-categorical-18: var(--tui-const-purple-darker-48); --tui-chart-categorical-19: var(--tui-const-coral-darker-52); --tui-chart-categorical-20: var(--tui-const-emerald); --tui-chart-categorical-21: var(--tui-const-turquoise-darker-36); --tui-chart-categorical-22: var(--tui-const-pink-darker-60); --tui-chart-categorical-23: var(--tui-const-yellow-darker-60); --tui-chart-categorical-24: var(--tui-const-turquoise-darker-40); --tui-chart-categorical-25: var(--tui-const-green-lighter-64); --tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66); --tui-chart-categorical-27: var(--tui-const-green-lighter-57); --tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); // @Deprecated: Заменён на service.autofill-background --tui-component-progress-bar: var(--tui-const-white-alpha-15); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-component-tooltip: var(--tui-const-blue); // Фон для тултипов --tui-component-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-component-button-vertical: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-const-yellow: #FFDD2D; // N9 --tui-const-yellow-darker-88: #FFF5C2; --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60 --tui-const-yellow-darker-54: #FAB619; // hsL=54 --tui-const-yellow-darker-50: #FAA805; // hsL=50 --tui-const-yellow-darker-48: #EF8007; // hsL=48 --tui-const-yellow-darker-44: #DD9403; // hsL=44 --tui-const-yellow-darker-38: #BF8003; // hsL=38 --tui-const-yellow-darker-32: #806925; // hsL=32 --tui-const-yellow-darker-26: #614F23; // hsL=26 --tui-const-yellow-darker-20: #503C18; // hsL=20 --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity --tui-const-yellow-darker-54-alpha-25: #F5970040; // hsL=54, 25% opacity --tui-const-yellow-darker-54-alpha-50: #F5970080; // hsL=54, 50% opacity --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity --tui-const-yellow-alpha-30: #FFDD2D4D; // 30% opacity --tui-const-yellow-alpha-32: #FFDD2D52; // 32% opacity --tui-const-yellow-alpha-40: #FFDD2D66; // 40% opacity --tui-const-yellow-alpha-48: #FFDD2D7A; // 48% opacity --tui-const-green-lighter-64: #94D274; // hsL=64 --tui-const-green-lighter-57: #60C366; // hsL=57 --tui-const-green-lighter-48: #00F53C; // hsL=48 --tui-const-green-lighter-44: #00E037; // hsL=44 --tui-const-green-lighter-42: #00D635; // hsL=42 --tui-const-green: #00B92D; // N11 --tui-const-green-darker-32: #00A328; // hsL=32 --tui-const-green-darker-28: #038C24; // hsL=28 --tui-const-green-darker-21: #115B24; // hsL=21 --tui-const-green-darker-18: #144823; --tui-const-green-alpha-16: #00B92D29; // 16% opacity --tui-const-green-alpha-24: #00B92D3D; // 24% opacity --tui-const-green-alpha-25: #00B92D40; // 25% opacity --tui-const-green-alpha-32: #00B92D52; // 32% opacity --tui-const-green-alpha-38: #00B92D61; // 38% opacity --tui-const-green-alpha-44: #00B92D70; // 44% opacity --tui-const-green-alpha-50: #00B92D80; // 50% opacity --tui-const-green-lighter-42-alpha-25: #00D63540; // hsL=42, 25% opacity --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity --tui-const-green-lighter-42-alpha-50: #00D63580; // hsL=42, 50% opacity --tui-const-blue: #428BF9; // N8 --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70 --tui-const-blue-darker-79: #97BFFC; // hsL=79 --tui-const-blue-darker-74: #7FB0FB; // hsL=74 --tui-const-blue-darker-72: #75AAFA; // hsL=72 --tui-const-blue-darker-70: #66A3FF; // hsL=70 --tui-const-blue-darker-66: #5798FA; // hsL=66 --tui-const-blue-darker-52: #126DF7; // hsL=52 --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46 --tui-const-blue-darker-44: #165ECA; // hsL=44 --tui-const-blue-darker-40: #1455B8; // hsL=40 --tui-const-blue-darker-32: #2B4976; // hsL=32 --tui-const-blue-darker-28: #2A4165; // hsL=28 --tui-const-blue-darker-25: #263B5C; // hsL=25 --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity --tui-const-blue-darker-70-alpha-25: #66A3FF40; // hsL=70, 25% opacity --tui-const-blue-darker-70-alpha-50: #66A3FF80; // hsL=70, 50% opacity --tui-const-blue-alpha-8: #428BF914; // 8% opacity --tui-const-blue-alpha-12: #428BF91F; // 12% opacity --tui-const-blue-alpha-16: #428BF929; // 16% opacity --tui-const-blue-alpha-20: #428BF933; // 16% opacity --tui-const-blue-alpha-24: #428BF93D; // 24% opacity --tui-const-blue-alpha-25: #428BF940; // 25% opacity --tui-const-blue-alpha-32: #428BF952; // 32% opacity --tui-const-blue-alpha-38: #428BF961; // 38% opacity --tui-const-blue-alpha-44: #428BF970; // 44% opacity --tui-const-blue-alpha-50: #428BF980; // 50% opacity --tui-const-blue-alpha-64: #428BF9A3; // 64% opacity --tui-const-dark-blue-alpha-6: #244A7F0F; // 6% opacity --tui-const-dark-blue-alpha-8: #244A7F14; // 8% opacity --tui-const-dark-blue-alpha-9: #244A7F17; // 9% opacity --tui-const-dark-blue-alpha-10: #244A7F1A; // 10% opacity --tui-const-dark-blue-alpha-11: #244A7F1C; // 11% opacity --tui-const-dark-blue-alpha-12: #244A7F1F; // 12% opacity --tui-const-red-alpha-14: #F5222224; // 12% opacity --tui-const-red-alpha-24: #F522223D; // 24% opacity --tui-const-red-alpha-25: #F5222240; // 25% opacity --tui-const-red-alpha-32: #F5222252; // 32% opacity --tui-const-red-alpha-38: #F5222261; // 38% opacity --tui-const-red-alpha-44: #F5222270; // 44% opacity --tui-const-red-alpha-50: #F5222280; // 50% opacity --tui-const-red-lighter-62: #F74646; // hsL=62 --tui-const-red-lighter-65: #FF4D4D; // hsL=65 --tui-const-red-lighter-68: #FF5C5C; // hsL=68 --tui-const-red-lighter-70: #FF6666; // hsL=70 --tui-const-red: #F52222; // N10 --tui-const-red-darker-53: #DC3233; // hsL=53 --tui-const-red-darker-50: #DA2526; // hsL=50 --tui-const-red-darker-47: #CD2324; // hsL=47 --tui-const-red-darker-32: #9C0707; // hsL=32 --tui-const-red-darker-29: #731F20; // hsL=29 --tui-const-red-darker-23: #591E20; // hsL=23 --tui-const-red-dim-27: #5D2C2D; // hsL=27 --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity --tui-const-red-lighter-65-alpha-25: #F5222240; // hsL=65, 25% opacity --tui-const-red-lighter-65-alpha-50: #F5222280; // hsL=65, 50% opacity --tui-const-white: #FFFFFF; // N14 --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96 --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90 --tui-const-white-80: #FFFFFFCC; // @Deprecated: Заменён на цвет white-alpha-90 --tui-const-white-70: #FFFFFFB3; // @Deprecated: Заменён на цвет white-alpha-70 --tui-const-white-60: #FFFFFF99; // @Deprecated: Заменён на цвет white-alpha-60 --tui-const-white-50: #FFFFFF80; // @Deprecated: Заменён на цвет white-alpha-50 --tui-const-white-40: #FFFFFF66; // @Deprecated: Заменён на цвет white-alpha-40 --tui-const-white-30: #FFFFFF4D; // @Deprecated: Заменён на цвет white-alpha-30 --tui-const-white-20: #FFFFFF33; // @Deprecated: Заменён на цвет white-alpha-20 --tui-const-white-15: #FFFFFF26; // @Deprecated: Заменён на цвет white-alpha-15 --tui-const-white-10: #FFFFFF1A; // @Deprecated: Заменён на цвет white-alpha-10 --tui-const-black: #000000; // Бывший N15 --tui-const-black-90: #000000E6; // @Deprecated: Заменён на цвет black-alpha-90 --tui-const-black-80: #000000CC; // @Deprecated: Заменён на цвет black-alpha-80 --tui-const-black-70: #000000B3; // @Deprecated: Заменён на цвет black-alpha-70 --tui-const-black-60: #00000099; // @Deprecated: Заменён на цвет black-alpha-60 --tui-const-black-48: #0000007A; // @Deprecated: Заменён на цвет black-alpha-48 --tui-const-black-40: #00000066; // @Deprecated: Заменён на цвет black-alpha-40 --tui-const-black-30: #0000004D; // @Deprecated: Заменён на цвет black-alpha-30 --tui-const-black-21: #00000036; // @Deprecated: Заменён на цвет black-alpha-21 --tui-const-black-12: #0000001F; // @Deprecated: Заменён на цвет black-alpha-12 --tui-const-black-6: #00000014; // @Deprecated: Заменён на цвет black-alpha-6 --tui-const-black-3: #00000008; // @Deprecated: Заменён на цвет black-alpha-3 --tui-const-gray-93: #121212; // @Deprecated: Заменён на цвет color.const.black-lighter-7 --tui-const-gray-89: #1C1C1E; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-11 --tui-const-gray-83: #2C2C2E; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-18 --tui-const-gray-80: #333333; // @Deprecated: Заменён на цвет color.const.black-lighter-20 --tui-const-gray-64: #575B61; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-36 --tui-const-gray-40: #9299A2; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-60 --tui-const-gray-21: #C7C9CC; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-79 --tui-const-gray-13: #DDDFE0; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-87 --tui-const-gray-8: #EAECEE; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-93 --tui-const-gray-3: #F6F7F8; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-97 --tui-const-cool-gray-56: #0010248F; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-56 --tui-const-cool-gray-44: #00102470; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-44 --tui-const-cool-gray-22: #00102438; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-22 --tui-const-cool-gray-12: #0010241F; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-12 --tui-const-cool-gray-6: #0010240F; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-6 --tui-const-cool-gray-3: #00102408; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-3 --tui-const-clear: #00000000; --tui-const-red-clear: #F522223D; // @Deprecated: Заменён на цвет red-alpha-24 --tui-const-red-clear-light: #F522221F; // @Deprecated: Заменён на цвет red-alpha-14 --tui-const-blue-dark: #156ED4; // @Deprecated: Заменён на цвет blue-darker-46 --tui-const-blue-clear: #428BF93D; // @Deprecated: Заменён на цвет blue-alpha-24 --tui-const-blue-clear-light: #428BF91F; // @Deprecated: Заменён на цвет blue-alpha-12 --tui-const-green-clear: #00B92D3D; // @Deprecated: Заменён на цвет green-alpha-24 --tui-const-green-clear-light: #00B92D1F; // @Deprecated: Заменён на цвет green-alpha-16 --tui-const-yellow-darker: #FAB619; // @Deprecated: Заменён на цвет yellow-darker-54 --tui-const-yellow-dark: #FFCD33; // @Deprecated: Заменён на цвет yellow-darker-60 --tui-const-yellow-clear-light: #FFDD2D24; // @Deprecated: Заменён на цвет yellow-alpha-14 --tui-const-yellow-clear: #FFDD2D3D; // @Deprecated: Заменён на цвет yellow-alpha-24 --tui-const-black-alpha-90: #000000E6; // 90% opacity --tui-const-black-alpha-80: #000000CC; // 80% opacity --tui-const-black-alpha-70: #000000B3; // 70% opacity --tui-const-black-alpha-60: #00000099; // 60% opacity --tui-const-black-alpha-54: #0000008A; // 54% opacity --tui-const-black-alpha-50: #00000080; // 50% opacity --tui-const-black-alpha-48: #0000007A; // 48% opacity --tui-const-black-alpha-40: #00000066; // 40% opacity --tui-const-black-alpha-32: #00000052; // 32% opacity --tui-const-black-alpha-30: #0000004D; // 30% opacity --tui-const-black-alpha-24: #0000003D; // 24% opacity --tui-const-black-alpha-21: #00000036; // 21% opacity --tui-const-black-alpha-18: #0000002E; // 18% opacity --tui-const-black-alpha-16: #00000029; // 16% opacity --tui-const-black-alpha-14: #00000024; // 14% opacity --tui-const-black-alpha-12: #0000001F; // 12% opacity --tui-const-black-alpha-10: #0000001A; // 10% opacity --tui-const-black-alpha-7: #00000012; // 7% opacity --tui-const-black-alpha-6: #0000000f; // 6% opacity --tui-const-black-alpha-4: #0000000A; // 4% opacity --tui-const-black-alpha-3: #00000008; // 3% opacity --tui-const-white-alpha-96: #FFFFFFF5; // 96% opacity --tui-const-white-alpha-90: #FFFFFFE6; // 90% opacity --tui-const-white-alpha-80: #FFFFFFCC; // 80% opacity --tui-const-white-alpha-70: #FFFFFFB3; // 70% opacity --tui-const-white-alpha-60: #FFFFFF99; // 60% opacity --tui-const-white-alpha-50: #FFFFFF80; // 50% opacity --tui-const-white-alpha-40: #FFFFFF66; // 40% opacity --tui-const-white-alpha-30: #FFFFFF4D; // 30% opacity --tui-const-white-alpha-25: #FFFFFF40; // 25% opacity --tui-const-white-alpha-20: #FFFFFF33; // 20% opacity --tui-const-white-alpha-19: #FFFFFF30; // 19% opacity --tui-const-white-alpha-16: #FFFFFF29; // 16% opacity --tui-const-white-alpha-15: #FFFFFF26; // 15% opacity --tui-const-white-alpha-13: #ffffff21; // 13% opacity --tui-const-white-alpha-11: #FFFFFF1C; // 11% opacity --tui-const-white-alpha-10: #FFFFFF1A; // 10% opacity --tui-const-white-alpha-9: #FFFFFF17; // 9% opacity --tui-const-white-alpha-6: #ffffff0F; // 6% opacity --tui-const-black-lighter-7: #121212; // N17 --tui-const-black-lighter-13: #202020; --tui-const-cool-gray-lighter-11: #1C1C1E; // N16 --tui-const-cool-gray-lighter-15: #252527; --tui-const-cool-gray-lighter-18: #2C2C2E; // N18 --tui-const-cool-gray-lighter-51: #79818C; --tui-const-cool-gray-lighter-61: #959BA4; --tui-const-black-lighter-16: #292929; --tui-const-black-lighter-19: #303030; --tui-const-black-lighter-20: #333333; // N1 --tui-const-black-lighter-22: #383838; --tui-const-black-lighter-25: #414141; --tui-const-black-lighter-30: #4D4D4D; --tui-const-black-lighter-32: #525252; --tui-const-black-lighter-55: #8C8C8C; --tui-const-black-lighter-60: #999999; --tui-const-black-lighter-79: #C9C9C9; --tui-const-black-lighter-92: #ECECEC; --tui-const-black-lighter-13-alpha-80: #202020CC; --tui-const-cool-gray-lighter-36: #575B61; --tui-const-cool-gray-lighter-55: #838B95; --tui-const-cool-gray-lighter-60: #9299A2; // N3 --tui-const-cool-gray-lighter-79: #C7C9CC; // N4 --tui-const-cool-gray-lighter-85: #C7CBCF; --tui-const-cool-gray-lighter-87: #DDDFE0; // N5 --tui-const-cool-gray-lighter-90: #E1E3E4; --tui-const-cool-gray-lighter-93: #EAECEE; // N6 --tui-const-cool-gray-lighter-94: #EDEFF2; --tui-const-cool-gray-lighter-96: #F2F4F7; // N7 --tui-const-cool-gray-lighter-97: #F6F7F8; // N7 --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity --tui-const-cool-gray-alpha-32: #00102452; // 32% opacity --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity --tui-const-cool-gray-alpha-3: #00102408; // 3% opacity --tui-const-purple: #D08FFF; --tui-const-purple-darker-72: #C277F8; // hsL=72 --tui-const-purple-darker-60: #AB6AC8; // hsL=60 --tui-const-purple-darker-56: #A25BC3; // hsL=56 --tui-const-purple-darker-48: #8B4EA6; // hsL=48 --tui-const-pink: #FF7A91; --tui-const-pink-darker-64: #F6516C; // hsL=64 --tui-const-pink-darker-60: #F53D5C; // hsL=60 --tui-const-orange: #FFB74C; --tui-const-orange-darker-56: #FFA51F; // hsL=56 --tui-const-orange-darker-48: #F59200; // hsL=48 --tui-const-orange-darker-48-alpha-25: #F5920040; // hsL=48, 25% opacity --tui-const-orange-darker-48-alpha-50: #F5920080; // hsL=48, 50% opacity --tui-const-coral: #FF6347; --tui-const-coral-darker-60: #F5593D; // hsL=60 --tui-const-coral-darker-52: #E74023; // hsL=52 --tui-const-emerald: #36C578; --tui-const-emerald-darker-42: #2EA866; // hsL=42 --tui-const-sea-blue: #2ABBF4; --tui-const-sea-blue-darker-48: #0B9CD5; // hsL=42 --tui-const-sea-blue-lighter-66: #5ACAF6; --tui-const-turquoise: #0BD5C1; --tui-const-turquoise-darker-40: #0AC2AF; // hsL=40 --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; // hsL=40, 25% opacity --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; // hsL=40, 50% opacity --tui-const-turquoise-darker-36: #09AE9E; // hsL=36 --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; // hsL=36, 25% opacity --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; // hsL=36, 50% opacity --tui-feed-category-neutral: #90ADBF; // Для ленты операций в МБ --tui-feed-category-neutral-pale: #2E3036; // Для ленты операций в МБ --tui-foreground-neutral-accent: var(--tui-const-white-alpha-50); // @Deprecated: Перенесен в группу status --tui-foreground-positive-accent: var(--tui-const-green); // @Deprecated: Перенесен в группу status --tui-foreground-warning-accent: var(--tui-const-yellow-darker-60); // @Deprecated: Перенесен в группу status --tui-foreground-negative-accent: var(--tui-const-red); // @Deprecated: Перенесен в группу status --tui-foreground-info-accent: var(--tui-const-blue); // @Deprecated: Перенесен в группу status --tui-foreground-on-light: var(--tui-const-black); // @Deprecated: Заменен на accent-on-dark --tui-foreground-on-dark: var(--tui-const-white); // @Deprecated: Заменен на accent-on-dark --tui-foreground-brand-tinkoff-accent: var(--tui-const-yellow); // @Deprecated: Перенесен в отдельную группу --tui-foreground-skeleton: var(--tui-const-white-alpha-10); // @Deprecated: Перенесен в отдельную группу --tui-foreground-separator: var(--tui-const-white-alpha-20); // @Deprecated: Перенесен в отдельную группу --tui-foreground-border-darkmode: var(--tui-const-white-alpha-10); // @Deprecated: Перенесен в отдельную группу --tui-foreground-border-on-light: var(--tui-const-black-alpha-3); // @Deprecated: Перенесен в отдельную группу --tui-foreground-border-on-dark: var(--tui-const-white-alpha-10); // @Deprecated: Перенесен в отдельную группу --tui-icon-pressed: var(--tui-const-cool-gray-lighter-97); // @Deprecated: Для иконок используем цвета из группы text --tui-icon-normal: var(--tui-const-white-alpha-30); // @Deprecated: Для иконок используем цвета из группы text --tui-icon-action: var(--tui-const-blue); // @Deprecated: Для иконок используем цвета из группы text --tui-icon-action-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Для иконок используем цвета из группы text --tui-icon-on-dark: var(--tui-const-white); // @Deprecated: Для иконок используем цвета из группы text --tui-service-autofill-background: var(--tui-const-yellow-darker-26); // Цвет фона при автозаполнении форм --tui-service-skeleton: var(--tui-const-white-alpha-10); // Цвет для шиммеров, отображаемых при загрузке экрана --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); // Скелетон на темном фоне, не меняется при переключении темы --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений --tui-service-highlight-background: var(--tui-const-yellow-alpha-32); // Фон под выделенным текстом --tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок --tui-service-underline: var(--tui-const-blue-darker-70); // Подчеркивание для ссылок --tui-service-underline-hover: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок --tui-service-underline-pressed: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок --tui-service-underline-grayscale: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок --tui-service-underline-grayscale-hover: var(--tui-const-white-alpha-90); // Подчеркивание для монохромных ссылок --tui-service-underline-grayscale-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-80); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы --tui-service-underline-monochrome: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark --tui-service-link-visited: var(--tui-const-purple); // Цвет для ссылок, открывшихся в прошлом --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков --tui-status-warning-pale: var(--tui-const-yellow-darker-54-alpha-30); // Контейнеры предупреждающих блоков --tui-status-warning-pale-pressed: var(--tui-const-yellow-darker-54-alpha-40); // Нажатое состояние контейнера предупреждающих блоков --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); // Контейнеры предупреждающих блоков на тёмных фонах --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков --tui-status-positive-pale: var(--tui-const-green-lighter-42-alpha-30); // Контейнеры позитивных блоков --tui-status-positive-pale-pressed: var(--tui-const-green-lighter-42-alpha-40); // Нажатое состояние positive-pale --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков --tui-status-negative-pressed: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков при нажатии --tui-status-negative-pale: var(--tui-const-red-lighter-65-alpha-30); // Контейнеры негативных блоков --tui-status-negative-pale-pressed: var(--tui-const-red-lighter-65-alpha-40); // Нажатое состояние negative-pale --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); // Нажатое состояние negative-pale-on-dark --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков --tui-status-info-pale: var(--tui-const-blue-darker-70-alpha-30); // Контейнеры информационных блоков --tui-status-info-pale-pressed: var(--tui-const-blue-darker-70-alpha-40); // Контейнеры информационных блоков при нажатии --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); // Контейнеры информационных блоков на тёмных фонах --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); // Контейнеры информационных блоков на тёмных фонах --tui-status-neutral: var(--tui-const-black-lighter-55); // Акцентный цвет для нейтральных фонах --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета --tui-support-support-04: #34BFB1; // @Deprecated: Замена на семантические цвета --tui-support-support-05: #FFAD5C; // @Deprecated: Замена на семантические цвета --tui-support-support-06: #929DED; // @Deprecated: Замена на семантические цвета --tui-support-support-07: #45AD2D; // @Deprecated: Замена на семантические цвета --tui-support-support-08: #3392DB; // @Deprecated: Замена на семантические цвета --tui-support-support-09: #DF8400; // @Deprecated: Замена на семантические цвета --tui-support-support-10: #AE59D4; // @Deprecated: Замена на семантические цвета --tui-support-support-11: #FD7171; // @Deprecated: Замена на семантические цвета --tui-support-support-12: #52BBE1; // @Deprecated: Замена на семантические цвета --tui-support-support-13: #FE9B4B; // @Deprecated: Замена на семантические цвета --tui-support-support-14: #BF69F1; // @Deprecated: Замена на семантические цвета --tui-support-support-15: #EC4D6B; // @Deprecated: Замена на семантические цвета --tui-support-support-16: #3DAF69; // @Deprecated: Замена на семантические цвета --tui-support-support-17: #FF7047; // @Deprecated: Замена на семантические цвета --tui-support-support-18: #994ABD; // @Deprecated: Замена на семантические цвета --tui-support-support-19: #DD4444; // @Deprecated: Замена на семантические цвета --tui-support-support-20: #36C578; // @Deprecated: Замена на семантические цвета --tui-support-support-21: #1DACA4; // @Deprecated: Замена на семантические цвета --tui-support-support-22: #F14789; // @Deprecated: Замена на семантические цвета --tui-text-primary: var(--tui-const-cool-gray-lighter-97); // Основной текст и иконки фонах base, elevation, neutral --tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-60); // Основной текст и иконки фонах base, elevation, neutral при нажатии --tui-text-primary-on-light: var(--tui-const-black-lighter-20); // Основной текст и иконки на светлых фонах, не меняется при смене темы --tui-text-primary-on-light-pressed: var(--tui-const-black-lighter-60); // Основной текст и иконки на светлых фонах, не меняется при смене темы --tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы --tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50); // Основной текст и иконки темных фонах. Не меняется при смене темы --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank --tui-text-primary-on-opposite: var(--tui-const-black); // Текст и иконки фоне opposite --tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); // Текст и иконки фоне accent-1 --tui-text-primary-on-accent-2: var(--tui-const-white); // Текст и иконки фоне accent-2 --tui-text-secondary: var(--tui-const-cool-gray-lighter-60); // Второстепенный текст на фонах base, elevation, neutral --tui-text-secondary-pressed: var(--tui-const-cool-gray-lighter-79); // Второстепенный текст на фонах base, elevation, neutral при нажатии --tui-text-secondary-on-light: var(--tui-const-black-alpha-48); // Второстепенный текст на светлых фонах, не меняется при смене темы --tui-text-secondary-on-dark: var(--tui-const-white-alpha-70); // Второстепенный текст на темных фонах, не меняется при смене темы --tui-text-tertiary: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, дисклеймеры --tui-text-tertiary-pressed: var(--tui-const-white-alpha-60); // Лейблы задизейбленных кнопок, дисклеймеры, дисклеймеры при нажатии --tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы --tui-text-action: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent --tui-text-action-pressed: var(--tui-const-blue-darker-46); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed --tui-text-action-on-dark: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на тёмных фонах --tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action --tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed --tui-text-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent --tui-text-engaging-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-pressed --tui-text-positive: var(--tui-const-green-lighter-42); // Текст позитивного лейбла, например пополнение счета или рост цены акций --tui-text-positive-on-dark: var(--tui-const-green-lighter-42); // Текст позитивного лейбла на тёмном фоне, например пополнение счета или рост цены акций --tui-text-negative: var(--tui-const-red-lighter-65); // Текст негативного лейбла, например падение цены акций или ошибка --tui-text-negative-on-dark: var(--tui-const-red-lighter-65); // Текст негативного лейбла на тёмном фоне, например падение цены акций или ошибка --tui-text-warning: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки --tui-text-warning-on-dark: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки на тёмных фонах --tui-text-primary-on-tinkoff: var(--tui-const-black-lighter-20); // @Deprecated: Заменён на цвет primary-on-t-bank } [data-platform='ios'], [data-platform='android'], [data-platform='ios'][tuiTheme='light'], [data-platform='android'][tuiTheme='light'], [data-platform='ios'] [tuiTheme='light'], [data-platform='android'] [tuiTheme='light'], [tuiTheme='light'] [data-platform='ios'], [tuiTheme='light'] [data-platform='android'] { --tui-background-base: var(--tui-const-white); // Основной фон приложений. Отличается на iOS, Android и Desktop --tui-background-base-alt: var(--tui-const-cool-gray-lighter-97); // Альтернативный основной фон, в тёмной теме в вебе равен base --tui-background-elevation-1: var(--tui-const-white); // Фон шторок, модальных экранов и карточек, лежащих на фоне base --tui-background-elevation-2: var(--tui-const-white); // Фон карточек, лежащих на фоне elevation-1 --tui-background-elevation-3: var(--tui-const-white); // Фон элементов, возвышающихся над всем остальным контентом. Например, всплывающих подсказок --tui-background-neutral-1: var(--tui-const-cool-gray-alpha-3); // Прозрачные контейнеры с минимальным контрастом на фонах base, elevation и neutral. Второстепенные кнопки, карточки без тени, задизейбленные кнопки и т.д. --tui-background-neutral-1-on-light: var(--tui-const-black-alpha-3); // Прозрачные контейнеры с минимальным контрастом на светлых цветных фонах. Не меняется при переключении темы --tui-background-neutral-1-on-dark: var(--tui-const-white-alpha-10); // Прозрачные контейнеры с минимальным контрастом на темных цветных фонах. Не меняется при переключении темы --tui-background-neutral-1-opaque: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры кнопок закрытия и удаления элементов --tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме --tui-background-neutral-1-pressed: var(--tui-const-cool-gray-alpha-6); // Нажатое состояние элементов с фоном neutral-1 --tui-background-neutral-1-pressed-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-pressed --tui-background-neutral-1-pressed-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-pressed --tui-background-neutral-1-on-light-pressed: var(--tui-const-black-alpha-6); // Нажатое состояние элементов с фоном neutral-1-on-light, не меняется при переключении темы --tui-background-neutral-1-on-dark-pressed: var(--tui-const-white-alpha-15); // Нажатое состояние элементов с фоном neutral-1-on-dark, не меняется при смене темы --tui-background-neutral-2: var(--tui-const-cool-gray-alpha-6); // Прозрачные контейнеры маленьких размеров --tui-background-neutral-2-pressed: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2 --tui-background-neutral-2-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Изменен на neutral-1-pressed-on-light --tui-background-neutral-2-on-dark: var(--tui-const-white-alpha-15); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы --tui-background-neutral-2-on-dark-pressed: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со слабым контрастом на темных цветных фонах, не меняется при смене темы --tui-background-neutral-3: var(--tui-const-cool-gray-alpha-12); // Прозрачные контейнеры со средним контрастом. Нажатое состояние элементов с цветом neutral-2 --tui-background-neutral-3-on-light: var(--tui-const-black-alpha-12); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2 --tui-background-neutral-3-on-dark: var(--tui-const-white-alpha-20); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Нажатое состояние элементов с цветом neutral-2 --tui-background-neutral-4: var(--tui-const-cool-gray-alpha-22); // Прозрачные контейнеры со средним контрастом. Контейнер аватара с иконкой или текстом --tui-background-neutral-4-on-light: var(--tui-const-cool-gray-alpha-22); // Прозрачные контейнеры со средним контрастом на светлых цветных фонах. Контейнер аватара с иконкой или текстом. Нажатое состояние элементов с цветом neutral-3 --tui-background-neutral-4-on-dark: var(--tui-const-white-alpha-30); // @Deprecated: Заменен на overlay-glass-on-dark. Использовался для стеклянных поверхностей --tui-background-neutral-6: var(--tui-const-cool-gray-alpha-56); // Прозрачные контейнеры с сильным контрастом --tui-background-neutral-6-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light. Использовался для стеклянных поверхностей. --tui-background-neutral-6-on-dark: var(--tui-const-white-alpha-50); // Прозрачные контейнеры с большим контрастом на темных цветных фонах --tui-background-opposite: var(--tui-const-black); // @Deprecated: Заменен на accent-opposite --tui-background-primary-on-light: var(--tui-const-black); // @Deprecated: Заменен на accent-on-light --tui-background-primary-on-dark: var(--tui-const-white); // @Deprecated: Заменен на accent-on-dark --tui-background-highlight: var(--tui-const-black-alpha-6); // @Deprecated: Переехал в отдельную группу service --tui-background-highlight-on-light: var(--tui-const-black-alpha-6); // @Deprecated: Переехал в отдельную группу service --tui-background-highlight-on-dark: var(--tui-const-white-alpha-10); // @Deprecated: Переехал в отдельную группу service --tui-background-highlight-on-opposite: var(--tui-const-white-alpha-10); // @Deprecated: Переехал в отдельную группу service --tui-background-highlight-on-tinkoff: #FAB61966; // @Deprecated: Переехал в отдельную группу service --tui-background-warning: var(--tui-const-yellow-alpha-30); // @Deprecated: Переехал в отдельную группу status --tui-background-warning-pressed: var(--tui-const-yellow-alpha-48); // @Deprecated: Переехал в отдельную группу status --tui-background-positive: var(--tui-const-green-alpha-16); // @Deprecated: Переехал в отдельную группу status --tui-background-positive-pressed: var(--tui-const-green-alpha-32); // @Deprecated: Переехал в отдельную группу status --tui-background-negative: var(--tui-const-red-alpha-14); // @Deprecated: Переехал в группу status --tui-background-negative-pressed: var(--tui-const-red-alpha-24); // @Deprecated: Переехал в группу status --tui-background-info: var(--tui-const-blue-alpha-16); // @Deprecated: Переехал в группу status --tui-background-info-pressed: var(--tui-const-blue-alpha-24); // @Deprecated: Переехал в группу status --tui-background-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent-2 --tui-background-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-2-pressed --tui-background-accent-pale: var(--tui-const-blue-alpha-8); // @Deprecated: Заменён на компонентный токен --tui-background-accent-pale-pressed: var(--tui-const-blue-alpha-16); // @Deprecated: Заменён на компонентный токен --tui-background-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent --tui-background-engaging-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-pressed --tui-background-brand-tinkoff: var(--tui-const-yellow); // @Deprecated: Переехал в отдельную группу brand --tui-background-brand-pro: #AFF218; // @Deprecated: Переехал в отдельную группу brand --tui-background-brand-premium: #4972CF; // @Deprecated: Переехал в отдельную группу brand --tui-background-notification: var(--tui-const-red); // @Deprecated: Переехал в компонентные токены --tui-background-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Переехал в отдельную группу service --tui-background-accent-1: var(--tui-const-yellow); // Фоны акцентных кнопок, бейджей и т.д. --tui-background-accent-1-pressed: var(--tui-const-yellow-darker-60); // Фоны акцентных кнопок, бейджей и т.д. при нажатии --tui-background-accent-2: var(--tui-const-blue); // Фоны акцентных кнопок, бейджей и т.д. --tui-background-accent-2-pressed: var(--tui-const-blue-darker-52); // Фоны акцентных кнопок, бейджей и т.д. --tui-background-accent-opposite: var(--tui-const-black); // Фон, противоположный base: в белой теме — черный, в темной теме — белый --tui-background-accent-opposite-pressed: var(--tui-const-cool-gray-lighter-18); // Фон, противоположный base при нажатии: в белой теме — черный, в темной теме — белый --tui-background-accent-on-light: var(--tui-const-black); // Контрастные контейнеры на светлых фонах, не меняется при смене темы --tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-16); // Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы. --tui-background-accent-on-dark: var(--tui-const-white); // Контрастные контейнеры на темных фонах, не меняется при смене темы --tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. --tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Перенесен в component --tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменен на overlay-glass-on-dark --tui-background-badge-notification: var(--tui-const-red); // @Deprecated: Перенесен в группу component --tui-background-toggle: var(--tui-const-cool-gray-alpha-12); // @Deprecated: Заменен на background.neutral-2 --tui-background-button-vertical: var(--tui-const-blue-alpha-8); // @Deprecated: Перенесен в component --tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component --tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); // @Deprecated: Заменен на overlay-glass-on-dark --tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light --tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); // @Deprecated: Перенесен в группу component --tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); // @Deprecated: перенесли в группу component --tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // @Deprecated: перенесли в группу component --tui-background-overlay-glass: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей --tui-background-overlay-glass-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии --tui-background-overlay-glass-on-dark: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей на темных фонах, не меняется при смене темы. --tui-background-overlay-glass-on-dark-pressed: var(--tui-const-white-alpha-50); // Оверлей стеклянных поверхностей при нажатии на темных фонах, не меняется при смене темы. --tui-background-overlay-glass-on-light: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей на светлых фонах, не меняется при смене темы --tui-background-overlay-glass-on-light-pressed: var(--tui-const-black-alpha-60); // Оверлей стеклянных поверхностей при нажатии на светлых фонах, не меняется при смене темы. --tui-background-overlay-glass-matte: var(--tui-const-white-alpha-80); // Оверлей матовых стеклянных поверхностей, не меняется при смене темы. --tui-background-overlay-on-image: var(--tui-const-black-alpha-30); // Оверлей поверх изображений, не меняется от темы. --tui-border-normal: var(--tui-const-cool-gray-alpha-12); // Бордеры и сепараторы на основных фонах --tui-border-normal-pale: var(--tui-const-cool-gray-alpha-7); // Бледные бордеры и сепараторы на основных фонах --tui-border-normal-opaque: var(--tui-const-cool-gray-lighter-90); // Бордеры и сепараторы на основных фонах без прозрачности --tui-border-normal-pale-opaque: var(--tui-const-cool-gray-lighter-94); // Бледные непрозрачные бордеры и сепараторы на основных фонах --tui-border-normal-strong: var(--tui-const-cool-gray-alpha-32); // Бордеры и сепараторы на основных фонах --tui-border-selected: var(--tui-const-blue); // Обводка выделенных элементов --tui-border-selected-grayscale: var(--tui-const-cool-gray-lighter-36); // Обводка выделенных элементов --tui-border-darkmode-only: var(--tui-const-clear); // Обводка, отделяющая цветные элементы от фона в темной теме --tui-border-on-light: var(--tui-const-black-alpha-3); // Обводка, отделяющая цветные элементы от светлого фонов --tui-border-on-dark: var(--tui-const-white-alpha-10); // Обводка, отделяющая цветные элементы на темных фонах --tui-brand-element-t-ai-assistant: #9A6BFF; // Цвет Ai Assistant для текста и иконок --tui-brand-element-t-ai-assistant-pale: #9A6BFF1A; // Цвет Ai Assistant для фонов и поверхностей --tui-brand-element-t-insurance: #27AFA5; // Цвет Т-Страхования для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-t-insurance-pale: #27AFA51A; // Цвет Т-Страхования для фонов и поверхностей --tui-brand-element-t-mobile: #5848C3; // Цвет Т-Мобайл для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-t-mobile-pale: #5848C31A; // Цвет Т-Мобайл для фонов и поверхностей --tui-brand-element-t-business: #8D6040; // Цвет Т-Бизнес для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-t-business-pale: #8D60401A; // Цвет Т-Бизнес для фонов и поверхностей --tui-brand-element-t-invest: #6A6A7C; // Цвет Т-Инвестции для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-t-invest-pale: #6A6A7C1A; // Цвет Т-Инвестции для фонов и поверхностей --tui-brand-element-pro: #68CF08; // Цвет Pro для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-pro-pale: #68CF081A; // Цвет Pro для фонов и поверхностей --tui-brand-element-ts-premium: #E6AC5A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-ts-premium-pale: #E6AC5A1A; // Цвет Premium для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-premium: #4972CF; // @Deprecated: Заменён на TS-Premium --tui-brand-element-premium-pale: #4972CF1A; // @Deprecated: Заменён на TS-Premium pale --tui-brand-element-private: #41414D; // Цвет Private для акцентных элементов, таких как текст, иконки, бордеры --tui-brand-element-private-pale: #41414D1A; // Цвет Private для фонов и поверхностей --tui-brand-ts-premium: #E6AC5A; // Цвет подписки Premium в 8.0, используется в случае не возможности использовать градиент TS-Premium --tui-brand-t-bank: #FFDD2D; // Фирменный цвет. Используется, например, в бейдже подписки Team --tui-brand-pro: #85E808; // Цвет подписки Pro, для фонов кнопок, бейджей и т.д. --tui-brand-pro-alt-1: #333333; // Дополнительный цвет подписки Pro. --tui-brand-premium: #4972CF; // @Deprecated: Заменён на градиент TS-Premium --tui-brand-premium-pressed: #3460CA; // @Deprecated: Заменён на градиент TS-Premium, не используется pressed состояние --tui-brand-black: #333333; // Фирменный цвет T-Bank Black --tui-brand-platinum: #747B8F; // Фирменный цвет T-Bank Platinum --tui-brand-t-mobile: #5848C3; // Фирменный цвет Tinkoff Mobile --tui-brand-t-mobile-alt-1: #BAB3EC; // Альтеранитивный фирменный цвет T-Mobile --tui-brand-t-mobile-alt-2: #EDE8F6; // Альтеранитивный фирменный цвет T-Mobile --tui-brand-all-airlines: #27BEFF; // Фирменный цвет All Airlines --tui-brand-all-airlines-alt-1: #CBEFFF; // Бледный оттенок фирменного цвета All Airlines --tui-brand-t-ai-assistant: #9A6BFF; // Фирменный цвет Ai Assistant --tui-brand-t-insurance: #27AFA5; // Фирменный цвет Страхования --tui-brand-t-business: #B58B60; // Фирменный цвет Бизнеса --tui-brand-t-business-alt-1: #E4D7C1; // Фирменный цвет Бизнеса --tui-brand-t-invest: #41414D; // Фирменный цвет Инвестиций --tui-brand-private: #212121; // Фирменный цвет подписки Private --tui-brand-private-alt-1: #A1A1B2; // Допольнительный цвет подписки Private --tui-brand-mir-pay: #006848; // Цвет для кнопок Mir Pay --tui-brand-t-insurance-alt-1: #D0F4F2; // Бледный оттенок фирменного цвета Страхования --tui-brand-tinkoff: #FFDD2D; // @Deprecated: Заменён на t-bank --tui-brand-tinkoff-pro: #AFF218; // @Deprecated: Заменён на t-pro --tui-brand-tinkoff-premium: #4972CF; // @Deprecated: Заменён на t-premium --tui-brand-tinkoff-black: #333333; // @Deprecated: Заменён на t-black --tui-brand-tinkoff-platinum: #747B8F; // @Deprecated: Заменён на t-platinum --tui-brand-tinkoff-mobile: #5848C3; // @Deprecated: Заменён на t-mobile --tui-brand-tinkoff-mobile-alt-1: #BAB3EC; // @Deprecated: Заменён на t-mobile-alt-1 --tui-brand-tinkoff-all-airlines: #27BEFF; // @Deprecated: Заменён на t-all-airlines --tui-brand-tinkoff-all-airlines-alt-1: #CBEFFF; // @Deprecated: Заменён на t-all-airlines-alt-1 --tui-brand-tinkoff-ai-assistant: #9A6BFF; // @Deprecated: Заменён на t-ai-assistant --tui-brand-tinkoff-insurance: #27AFA5; // @Deprecated: Заменён на t-insurance --tui-brand-tinkoff-business: #B58B60; // @Deprecated: Заменён на t-business --tui-brand-tinkoff-business-alt-1: #E4D7C1; // @Deprecated: Заменён на t-business-alt-1 --tui-brand-tinkoff-invest: #41414D; // @Deprecated: Заменён на t-invest --tui-brand-tinkoff-private: #212121; // @Deprecated: Заменён на t-private --tui-brand-tinkoff-insurance-pale: #D0F4F2; // @Deprecated: Заменён на t-insurance-alt-1 --tui-brand-tinkoff-insurance-alt-1: #E1F9F7; // @Deprecated: Заменён на t-insurance-alt-1 --tui-brand-t-all-airlines: var(--tui-brand-all-airlines); // @Deprecated: Заменён на all-airlines --tui-brand-t-all-airlines-alt-1: var(--tui-brand-all-airlines-alt-1); // @Deprecated: Заменён на all-airlines-alt-1 --tui-brand-t-black: var(--tui-brand-black); // @Deprecated: Заменён на black --tui-brand-t-platinum: var(--tui-brand-platinum); // @Deprecated: Заменён на platinum --tui-brand-t-premium: var(--tui-brand-premium); // @Deprecated: Заменён на premium --tui-brand-t-pro: var(--tui-brand-pro); // @Deprecated: Заменён на pro --tui-brand-t-private: var(--tui-brand-private); // @Deprecated: Заменён на private --tui-chart-state-positive-accent: var(--tui-const-green); // Основной цвет графиков с позитивным контекстом --tui-chart-state-positive-pale: var(--tui-const-green-alpha-25); // Цвет графиков с позитивным контекстом когда данных недостаточно --tui-chart-state-positive-prognosis: var(--tui-const-green-alpha-50); // Цвет графиков с позитивным контекстом для прогноза --tui-chart-state-negative-accent: var(--tui-const-red); // Основной цвет графиков с негативным контекстом --tui-chart-state-negative-pale: var(--tui-const-red-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно --tui-chart-state-negative-prognosis: var(--tui-const-red-alpha-50); // Цвет графиков с негативным контекстом для прогноза --tui-chart-state-warning-accent: var(--tui-const-orange-darker-48); // Основной цвет графиков с негативным контекстом --tui-chart-state-warning-pale: var(--tui-const-orange-darker-48-alpha-25); // Цвет графиков с негативным контекстом когда данных недостаточно --tui-chart-state-warning-prognosis: var(--tui-const-orange-darker-48-alpha-50); // Цвет графиков с негативным контекстом для прогноза --tui-chart-series-primary-accent: var(--tui-const-blue); // Основной акцентный цвет для графиков без контекста --tui-chart-series-primary-accent-pale: var(--tui-const-blue-alpha-25); // Основной акцентный цвет для графиков без контекста когда данных недостаточно --tui-chart-series-primary-accent-prognosis: var(--tui-const-blue-alpha-50); // Основной акцентный цвет для графиков без контекста для прогноза --tui-chart-series-additional1-accent: var(--tui-const-turquoise-darker-36); // Первый дополнительный акцентный цвет для графиков без контекста --tui-chart-series-additional1-accent-pale: var(--tui-const-turquoise-darker-36-alpha-25); // Первый дополнительный акцентный цвет для графиков без контекста когда данных недостаточно --tui-chart-series-additional1-accent-prognosis: var(--tui-const-turquoise-darker-36-alpha-50); // Первый дополнительный акцентный цвет для графиков без контекста для прогноза --tui-chart-series-additional2-accent: #986DD4; // Второй дополнительный акцентный цвет для графиков без контекста --tui-chart-series-additional2-accent-pale: #986DD440; // Второй дополнительный акцентный цвет для графиков без контекста когда данных недостаточно --tui-chart-series-additional2-accent-prognosis: #986DD480; // Второй дополнительный акцентный цвет для графиков без контекста для прогноза --tui-chart-gray-primary: var(--tui-const-black-lighter-20); // Основной серый цвет для графиков без контекста --tui-chart-gray-no-data: var(--tui-const-cool-gray-lighter-60); // Cерый цвет для графиков без контекста когда нет данных --tui-chart-gray-prognosis: var(--tui-const-cool-gray-lighter-85); // Cерый цвет для графиков без контекста для прогноза --tui-chart-gray-inactive: var(--tui-const-cool-gray-lighter-93); // Cерый цвет для графиков без контекста для прогноза --tui-chart-categorical-01: var(--tui-const-sea-blue); --tui-chart-categorical-02: var(--tui-const-purple-darker-72); --tui-chart-categorical-03: var(--tui-const-coral-darker-60); --tui-chart-categorical-04: var(--tui-const-turquoise); --tui-chart-categorical-05: var(--tui-const-orange); --tui-chart-categorical-06: var(--tui-const-purple); --tui-chart-categorical-07: var(--tui-const-green-darker-32); --tui-chart-categorical-08: var(--tui-const-blue-darker-70); --tui-chart-categorical-09: var(--tui-const-orange-darker-48); --tui-chart-categorical-10: var(--tui-const-purple-darker-56); --tui-chart-categorical-11: var(--tui-const-pink); --tui-chart-categorical-12: var(--tui-const-sea-blue-darker-48); --tui-chart-categorical-13: var(--tui-const-orange-darker-56); --tui-chart-categorical-14: var(--tui-const-purple-darker-60); --tui-chart-categorical-15: var(--tui-const-pink-darker-64); --tui-chart-categorical-16: var(--tui-const-emerald-darker-42); --tui-chart-categorical-17: var(--tui-const-coral); --tui-chart-categorical-18: var(--tui-const-purple-darker-48); --tui-chart-categorical-19: var(--tui-const-coral-darker-52); --tui-chart-categorical-20: var(--tui-const-emerald); --tui-chart-categorical-21: var(--tui-const-turquoise-darker-36); --tui-chart-categorical-22: var(--tui-const-pink-darker-60); --tui-chart-categorical-23: var(--tui-const-yellow-darker-60); --tui-chart-categorical-24: var(--tui-const-turquoise-darker-40); --tui-chart-categorical-25: var(--tui-const-green-lighter-64); --tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66); --tui-chart-categorical-27: var(--tui-const-green-lighter-57); --tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); // @Deprecated: Заменён на service.autofill-background --tui-component-progress-bar: var(--tui-const-cool-gray-alpha-6); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-component-tooltip: var(--tui-const-blue); // Фон для тултипов --tui-component-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-component-button-vertical: var(--tui-const-blue-alpha-8); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-component-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. --tui-const-yellow: #FFDD2D; // N9 --tui-const-yellow-darker-88: #FFF5C2; --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60 --tui-const-yellow-darker-54: #FAB619; // hsL=54 --tui-const-yellow-darker-50: #FAA805; // hsL=50 --tui-const-yellow-darker-48: #EF8007; // hsL=48 --tui-const-yellow-darker-44: #DD9403; // hsL=44 --tui-const-yellow-darker-38: #BF8003; // hsL=38 --tui-const-yellow-darker-32: #806925; // hsL=32 --tui-const-yellow-darker-26: #614F23; // hsL=26 --tui-const-yellow-darker-20: #503C18; // hsL=20 --tui-const-yellow-darker-54-alpha-30: #FAB6194D; // hsL=54, 30% opacity --tui-const-yellow-darker-54-alpha-40: #FAB61966; // hsL=54, 40% opacity --tui-const-yellow-darker-54-alpha-25: #F5970040; // hsL=54, 25% opacity --tui-const-yellow-darker-54-alpha-50: #F5970080; // hsL=54, 50% opacity --tui-const-yellow-alpha-14: #FFDD2D24; // 14% opacity --tui-const-yellow-alpha-24: #FFDD2D3D; // 24% opacity --tui-const-yellow-alpha-28: #FFDD2D47; // 28% opacity --tui-const-yellow-alpha-30: #FFDD2D4D; // 30% opacity --tui-const-yellow-alpha-32: #FFDD2D52; // 32% opacity --tui-const-yellow-alpha-40: #FFDD2D66; // 40% opacity --tui-const-yellow-alpha-48: #FFDD2D7A; // 48% opacity --tui-const-green-lighter-64: #94D274; // hsL=64 --tui-const-green-lighter-57: #60C366; // hsL=57 --tui-const-green-lighter-48: #00F53C; // hsL=48 --tui-const-green-lighter-44: #00E037; // hsL=44 --tui-const-green-lighter-42: #00D635; // hsL=42 --tui-const-green: #00B92D; // N11 --tui-const-green-darker-32: #00A328; // hsL=32 --tui-const-green-darker-28: #038C24; // hsL=28 --tui-const-green-darker-21: #115B24; // hsL=21 --tui-const-green-darker-18: #144823; --tui-const-green-alpha-16: #00B92D29; // 16% opacity --tui-const-green-alpha-24: #00B92D3D; // 24% opacity --tui-const-green-alpha-25: #00B92D40; // 25% opacity --tui-const-green-alpha-32: #00B92D52; // 32% opacity --tui-const-green-alpha-38: #00B92D61; // 38% opacity --tui-const-green-alpha-44: #00B92D70; // 44% opacity --tui-const-green-alpha-50: #00B92D80; // 50% opacity --tui-const-green-lighter-42-alpha-25: #00D63540; // hsL=42, 25% opacity --tui-const-green-lighter-42-alpha-30: #00D6354D; // hsL=42, 30% opacity --tui-const-green-lighter-42-alpha-40: #00D63566; // hsL=42, 40% opacity --tui-const-green-lighter-42-alpha-50: #00D63580; // hsL=42, 50% opacity --tui-const-blue: #428BF9; // N8 --tui-const-blue-lighter-70: #6BA4FA; // @Deprecated: Заменён на цвет blue-darker-70 --tui-const-blue-darker-79: #97BFFC; // hsL=79 --tui-const-blue-darker-74: #7FB0FB; // hsL=74 --tui-const-blue-darker-72: #75AAFA; // hsL=72 --tui-const-blue-darker-70: #66A3FF; // hsL=70 --tui-const-blue-darker-66: #5798FA; // hsL=66 --tui-const-blue-darker-52: #126DF7; // hsL=52 --tui-const-blue-darker-46: #156ED4; // N8 pressed, hsL=46 --tui-const-blue-darker-44: #165ECA; // hsL=44 --tui-const-blue-darker-40: #1455B8; // hsL=40 --tui-const-blue-darker-32: #2B4976; // hsL=32 --tui-const-blue-darker-28: #2A4165; // hsL=28 --tui-const-blue-darker-25: #263B5C; // hsL=25 --tui-const-blue-darker-70-alpha-30: #66A3FF4D; // hsL=70, 30% opacity --tui-const-blue-darker-70-alpha-40: #66A3FF66; // hsL=70, 40% opacity --tui-const-blue-darker-70-alpha-25: #66A3FF40; // hsL=70, 25% opacity --tui-const-blue-darker-70-alpha-50: #66A3FF80; // hsL=70, 50% opacity --tui-const-blue-alpha-8: #428BF914; // 8% opacity --tui-const-blue-alpha-12: #428BF91F; // 12% opacity --tui-const-blue-alpha-16: #428BF929; // 16% opacity --tui-const-blue-alpha-20: #428BF933; // 16% opacity --tui-const-blue-alpha-24: #428BF93D; // 24% opacity --tui-const-blue-alpha-25: #428BF940; // 25% opacity --tui-const-blue-alpha-32: #428BF952; // 32% opacity --tui-const-blue-alpha-38: #428BF961; // 38% opacity --tui-const-blue-alpha-44: #428BF970; // 44% opacity --tui-const-blue-alpha-50: #428BF980; // 50% opacity --tui-const-blue-alpha-64: #428BF9A3; // 64% opacity --tui-const-dark-blue-alpha-6: #244A7F0F; // 6% opacity --tui-const-dark-blue-alpha-8: #244A7F14; // 8% opacity --tui-const-dark-blue-alpha-9: #244A7F17; // 9% opacity --tui-const-dark-blue-alpha-10: #244A7F1A; // 10% opacity --tui-const-dark-blue-alpha-11: #244A7F1C; // 11% opacity --tui-const-dark-blue-alpha-12: #244A7F1F; // 12% opacity --tui-const-red-alpha-14: #F5222224; // 12% opacity --tui-const-red-alpha-24: #F522223D; // 24% opacity --tui-const-red-alpha-25: #F5222240; // 25% opacity --tui-const-red-alpha-32: #F5222252; // 32% opacity --tui-const-red-alpha-38: #F5222261; // 38% opacity --tui-const-red-alpha-44: #F5222270; // 44% opacity --tui-const-red-alpha-50: #F5222280; // 50% opacity --tui-const-red-lighter-62: #F74646; // hsL=62 --tui-const-red-lighter-65: #FF4D4D; // hsL=65 --tui-const-red-lighter-68: #FF5C5C; // hsL=68 --tui-const-red-lighter-70: #FF6666; // hsL=70 --tui-const-red: #F52222; // N10 --tui-const-red-darker-53: #DC3233; // hsL=53 --tui-const-red-darker-50: #DA2526; // hsL=50 --tui-const-red-darker-47: #CD2324; // hsL=47 --tui-const-red-darker-32: #9C0707; // hsL=32 --tui-const-red-darker-29: #731F20; // hsL=29 --tui-const-red-darker-23: #591E20; // hsL=23 --tui-const-red-dim-27: #5D2C2D; // hsL=27 --tui-const-red-lighter-65-alpha-30: #FF4D4D4D; // hsL=65, 30% opacity --tui-const-red-lighter-65-alpha-40: #FF4D4D66; // hsL=65, 40% opacity --tui-const-red-lighter-65-alpha-25: #F5222240; // hsL=65, 25% opacity --tui-const-red-lighter-65-alpha-50: #F5222280; // hsL=65, 50% opacity --tui-const-white: #FFFFFF; // N14 --tui-const-white-96: #FFFFFFF2; // @Deprecated: Заменён на цвет white-alpha-96 --tui-const-white-90: #FFFFFFE6; // @Deprecated: Заменён на цвет white-alpha-90 --tui-const-white-80: #FFFFFFCC; // @Deprecated: Заменён на цвет white-alpha-90 --tui-const-white-70: #FFFFFFB3; // @Deprecated: Заменён на цвет white-alpha-70 --tui-const-white-60: #FFFFFF99; // @Deprecated: Заменён на цвет white-alpha-60 --tui-const-white-50: #FFFFFF80; // @Deprecated: Заменён на цвет white-alpha-50 --tui-const-white-40: #FFFFFF66; // @Deprecated: Заменён на цвет white-alpha-40 --tui-const-white-30: #FFFFFF4D; // @Deprecated: Заменён на цвет white-alpha-30 --tui-const-white-20: #FFFFFF33; // @Deprecated: Заменён на цвет white-alpha-20 --tui-const-white-15: #FFFFFF26; // @Deprecated: Заменён на цвет white-alpha-15 --tui-const-white-10: #FFFFFF1A; // @Deprecated: Заменён на цвет white-alpha-10 --tui-const-black: #000000; // Бывший N15 --tui-const-black-90: #000000E6; // @Deprecated: Заменён на цвет black-alpha-90 --tui-const-black-80: #000000CC; // @Deprecated: Заменён на цвет black-alpha-80 --tui-const-black-70: #000000B3; // @Deprecated: Заменён на цвет black-alpha-70 --tui-const-black-60: #00000099; // @Deprecated: Заменён на цвет black-alpha-60 --tui-const-black-48: #0000007A; // @Deprecated: Заменён на цвет black-alpha-48 --tui-const-black-40: #00000066; // @Deprecated: Заменён на цвет black-alpha-40 --tui-const-black-30: #0000004D; // @Deprecated: Заменён на цвет black-alpha-30 --tui-const-black-21: #00000036; // @Deprecated: Заменён на цвет black-alpha-21 --tui-const-black-12: #0000001F; // @Deprecated: Заменён на цвет black-alpha-12 --tui-const-black-6: #00000014; // @Deprecated: Заменён на цвет black-alpha-6 --tui-const-black-3: #00000008; // @Deprecated: Заменён на цвет black-alpha-3 --tui-const-gray-93: #121212; // @Deprecated: Заменён на цвет color.const.black-lighter-7 --tui-const-gray-89: #1C1C1E; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-11 --tui-const-gray-83: #2C2C2E; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-18 --tui-const-gray-80: #333333; // @Deprecated: Заменён на цвет color.const.black-lighter-20 --tui-const-gray-64: #575B61; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-36 --tui-const-gray-40: #9299A2; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-60 --tui-const-gray-21: #C7C9CC; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-79 --tui-const-gray-13: #DDDFE0; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-87 --tui-const-gray-8: #EAECEE; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-93 --tui-const-gray-3: #F6F7F8; // @Deprecated: Заменён на цвет color.const.cool-gray-lighter-97 --tui-const-cool-gray-56: #0010248F; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-56 --tui-const-cool-gray-44: #00102470; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-44 --tui-const-cool-gray-22: #00102438; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-22 --tui-const-cool-gray-12: #0010241F; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-12 --tui-const-cool-gray-6: #0010240F; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-6 --tui-const-cool-gray-3: #00102408; // @Deprecated: Заменён на цвет color.const.cool-gray-alpha-3 --tui-const-clear: #00000000; --tui-const-red-clear: #F522223D; // @Deprecated: Заменён на цвет red-alpha-24 --tui-const-red-clear-light: #F522221F; // @Deprecated: Заменён на цвет red-alpha-14 --tui-const-blue-dark: #156ED4; // @Deprecated: Заменён на цвет blue-darker-46 --tui-const-blue-clear: #428BF93D; // @Deprecated: Заменён на цвет blue-alpha-24 --tui-const-blue-clear-light: #428BF91F; // @Deprecated: Заменён на цвет blue-alpha-12 --tui-const-green-clear: #00B92D3D; // @Deprecated: Заменён на цвет green-alpha-24 --tui-const-green-clear-light: #00B92D1F; // @Deprecated: Заменён на цвет green-alpha-16 --tui-const-yellow-darker: #FAB619; // @Deprecated: Заменён на цвет yellow-darker-54 --tui-const-yellow-dark: #FFCD33; // @Deprecated: Заменён на цвет yellow-darker-60 --tui-const-yellow-clear-light: #FFDD2D24; // @Deprecated: Заменён на цвет yellow-alpha-14 --tui-const-yellow-clear: #FFDD2D3D; // @Deprecated: Заменён на цвет yellow-alpha-24 --tui-const-black-alpha-90: #000000E6; // 90% opacity --tui-const-black-alpha-80: #000000CC; // 80% opacity --tui-const-black-alpha-70: #000000B3; // 70% opacity --tui-const-black-alpha-60: #00000099; // 60% opacity --tui-const-black-alpha-54: #0000008A; // 54% opacity --tui-const-black-alpha-50: #00000080; // 50% opacity --tui-const-black-alpha-48: #0000007A; // 48% opacity --tui-const-black-alpha-40: #00000066; // 40% opacity --tui-const-black-alpha-32: #00000052; // 32% opacity --tui-const-black-alpha-30: #0000004D; // 30% opacity --tui-const-black-alpha-24: #0000003D; // 24% opacity --tui-const-black-alpha-21: #00000036; // 21% opacity --tui-const-black-alpha-18: #0000002E; // 18% opacity --tui-const-black-alpha-16: #00000029; // 16% opacity --tui-const-black-alpha-14: #00000024; // 14% opacity --tui-const-black-alpha-12: #0000001F; // 12% opacity --tui-const-black-alpha-10: #0000001A; // 10% opacity --tui-const-black-alpha-7: #00000012; // 7% opacity --tui-const-black-alpha-6: #0000000f; // 6% opacity --tui-const-black-alpha-4: #0000000A; // 4% opacity --tui-const-black-alpha-3: #00000008; // 3% opacity --tui-const-white-alpha-96: #FFFFFFF5; // 96% opacity --tui-const-white-alpha-90: #FFFFFFE6; // 90% opacity --tui-const-white-alpha-80: #FFFFFFCC; // 80% opacity --tui-const-white-alpha-70: #FFFFFFB3; // 70% opacity --tui-const-white-alpha-60: #FFFFFF99; // 60% opacity --tui-const-white-alpha-50: #FFFFFF80; // 50% opacity --tui-const-white-alpha-40: #FFFFFF66; // 40% opacity --tui-const-white-alpha-30: #FFFFFF4D; // 30% opacity --tui-const-white-alpha-25: #FFFFFF40; // 25% opacity --tui-const-white-alpha-20: #FFFFFF33; // 20% opacity --tui-const-white-alpha-19: #FFFFFF30; // 19% opacity --tui-const-white-alpha-16: #FFFFFF29; // 16% opacity --tui-const-white-alpha-15: #FFFFFF26; // 15% opacity --tui-const-white-alpha-13: #ffffff21; // 13% opacity --tui-const-white-alpha-11: #FFFFFF1C; // 11% opacity --tui-const-white-alpha-10: #FFFFFF1A; // 10% opacity --tui-const-white-alpha-9: #FFFFFF17; // 9% opacity --tui-const-white-alpha-6: #ffffff0F; // 6% opacity --tui-const-black-lighter-7: #121212; // N17 --tui-const-black-lighter-13: #202020; --tui-const-cool-gray-lighter-11: #1C1C1E; // N16 --tui-const-cool-gray-lighter-15: #252527; --tui-const-cool-gray-lighter-18: #2C2C2E; // N18 --tui-const-cool-gray-lighter-51: #79818C; --tui-const-cool-gray-lighter-61: #959BA4; --tui-const-black-lighter-16: #292929; --tui-const-black-lighter-19: #303030; --tui-const-black-lighter-20: #333333; // N1 --tui-const-black-lighter-22: #383838; --tui-const-black-lighter-25: #414141; --tui-const-black-lighter-30: #4D4D4D; --tui-const-black-lighter-32: #525252; --tui-const-black-lighter-55: #8C8C8C; --tui-const-black-lighter-60: #999999; --tui-const-black-lighter-79: #C9C9C9; --tui-const-black-lighter-92: #ECECEC; --tui-const-black-lighter-13-alpha-80: #202020CC; --tui-const-cool-gray-lighter-36: #575B61; --tui-const-cool-gray-lighter-55: #838B95; --tui-const-cool-gray-lighter-60: #9299A2; // N3 --tui-const-cool-gray-lighter-79: #C7C9CC; // N4 --tui-const-cool-gray-lighter-85: #C7CBCF; --tui-const-cool-gray-lighter-87: #DDDFE0; // N5 --tui-const-cool-gray-lighter-90: #E1E3E4; --tui-const-cool-gray-lighter-93: #EAECEE; // N6 --tui-const-cool-gray-lighter-94: #EDEFF2; --tui-const-cool-gray-lighter-96: #F2F4F7; // N7 --tui-const-cool-gray-lighter-97: #F6F7F8; // N7 --tui-const-cool-gray-alpha-56: #0010248F; // 56% opacity --tui-const-cool-gray-alpha-44: #00102470; // 44% opacity --tui-const-cool-gray-alpha-22: #00102438; // 22% opacity --tui-const-cool-gray-alpha-32: #00102452; // 32% opacity --tui-const-cool-gray-alpha-18: #0010242E; // 18% opacity --tui-const-cool-gray-alpha-12: #0010241F; // 12% opacity --tui-const-cool-gray-alpha-8: #00102414; // 8% opacity --tui-const-cool-gray-alpha-7: #00102412; // 7% opacity --tui-const-cool-gray-alpha-6: #0010240F; // 6% opacity --tui-const-cool-gray-alpha-5: #0010240D; // 5% opacity --tui-const-cool-gray-alpha-3: #00102408; // 3% opacity --tui-const-purple: #D08FFF; --tui-const-purple-darker-72: #C277F8; // hsL=72 --tui-const-purple-darker-60: #AB6AC8; // hsL=60 --tui-const-purple-darker-56: #A25BC3; // hsL=56 --tui-const-purple-darker-48: #8B4EA6; // hsL=48 --tui-const-pink: #FF7A91; --tui-const-pink-darker-64: #F6516C; // hsL=64 --tui-const-pink-darker-60: #F53D5C; // hsL=60 --tui-const-orange: #FFB74C; --tui-const-orange-darker-56: #FFA51F; // hsL=56 --tui-const-orange-darker-48: #F59200; // hsL=48 --tui-const-orange-darker-48-alpha-25: #F5920040; // hsL=48, 25% opacity --tui-const-orange-darker-48-alpha-50: #F5920080; // hsL=48, 50% opacity --tui-const-coral: #FF6347; --tui-const-coral-darker-60: #F5593D; // hsL=60 --tui-const-coral-darker-52: #E74023; // hsL=52 --tui-const-emerald: #36C578; --tui-const-emerald-darker-42: #2EA866; // hsL=42 --tui-const-sea-blue: #2ABBF4; --tui-const-sea-blue-darker-48: #0B9CD5; // hsL=42 --tui-const-sea-blue-lighter-66: #5ACAF6; --tui-const-turquoise: #0BD5C1; --tui-const-turquoise-darker-40: #0AC2AF; // hsL=40 --tui-const-turquoise-darker-40-alpha-25: #0AC2AF40; // hsL=40, 25% opacity --tui-const-turquoise-darker-40-alpha-50: #0AC2AF40; // hsL=40, 50% opacity --tui-const-turquoise-darker-36: #09AE9E; // hsL=36 --tui-const-turquoise-darker-36-alpha-25: #09AE9E40; // hsL=36, 25% opacity --tui-const-turquoise-darker-36-alpha-50: #09AE9E80; // hsL=36, 50% opacity --tui-feed-category-neutral: #90ADBF; // Для ленты операций в МБ --tui-feed-category-neutral-pale: #E5ECF4; // Для ленты операций в МБ --tui-foreground-neutral-accent: var(--tui-const-cool-gray-alpha-44); // @Deprecated: Перенесен в группу status --tui-foreground-positive-accent: var(--tui-const-green); // @Deprecated: Перенесен в группу status --tui-foreground-warning-accent: var(--tui-const-yellow-darker-60); // @Deprecated: Перенесен в группу status --tui-foreground-negative-accent: var(--tui-const-red); // @Deprecated: Перенесен в группу status --tui-foreground-info-accent: var(--tui-const-blue); // @Deprecated: Перенесен в группу status --tui-foreground-on-light: var(--tui-const-black); // @Deprecated: Заменен на accent-on-dark --tui-foreground-on-dark: var(--tui-const-white); // @Deprecated: Заменен на accent-on-dark --tui-foreground-brand-tinkoff-accent: var(--tui-const-yellow); // @Deprecated: Перенесен в отдельную группу --tui-foreground-skeleton: var(--tui-const-black-alpha-3); // @Deprecated: Перенесен в отдельную группу --tui-foreground-separator: var(--tui-const-black-alpha-21); // @Deprecated: Перенесен в отдельную группу --tui-foreground-border-darkmode: var(--tui-const-clear); // @Deprecated: Перенесен в отдельную группу --tui-foreground-border-on-light: var(--tui-const-black-alpha-3); // @Deprecated: Перенесен в отдельную группу --tui-foreground-border-on-dark: var(--tui-const-white-alpha-10); // @Deprecated: Перенесен в отдельную группу --tui-icon-pressed: var(--tui-const-black-lighter-20); // @Deprecated: Для иконок используем цвета из группы text --tui-icon-normal: var(--tui-const-cool-gray-alpha-22); // @Deprecated: Для иконок используем цвета из группы text --tui-icon-action: var(--tui-const-blue); // @Deprecated: Для иконок используем цвета из группы text --tui-icon-action-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Для иконок используем цвета из группы text --tui-icon-on-dark: var(--tui-const-white); // @Deprecated: Для иконок используем цвета из группы text --tui-service-autofill-background: var(--tui-const-yellow-darker-88); // Цвет фона при автозаполнении форм --tui-service-skeleton: var(--tui-const-black-alpha-3); // Цвет для шиммеров, отображаемых при загрузке экрана --tui-service-skeleton-on-dark: var(--tui-const-white-alpha-15); // Скелетон на темном фоне, не меняется при переключении темы --tui-service-selected-text: var(--tui-const-blue-alpha-24); // @Deprecated: Заменён на service.selection-background --tui-service-selection-background: var(--tui-const-blue-alpha-24); // Фон при выделении текста и изображений --tui-service-highlight-background: var(--tui-const-yellow-alpha-32); // Фон под выделенным текстом --tui-service-backdrop: var(--tui-const-black-alpha-50); // Затемнение на фоне модальных окон и шторок --tui-service-underline: var(--tui-const-blue-darker-79); // Подчеркивание для ссылок --tui-service-underline-hover: var(--tui-const-blue-darker-44); // Подчеркивание для ссылок --tui-service-underline-pressed: var(--tui-const-blue-darker-74); // Подчеркивание для ссылок --tui-service-underline-grayscale: var(--tui-const-cool-gray-lighter-60); // Подчеркивание для монохромных ссылок --tui-service-underline-grayscale-hover: var(--tui-const-black-alpha-80); // Подчеркивание для монохромных ссылок --tui-service-underline-grayscale-pressed: var(--tui-const-cool-gray-lighter-60); // Подчеркивание для монохромных ссылок --tui-service-underline-grayscale-on-dark: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы --tui-service-underline-grayscale-on-dark-hover: var(--tui-const-white); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы --tui-service-underline-grayscale-on-dark-pressed: var(--tui-const-white-alpha-50); // Подчеркивание для монохромных ссылок на тёмных фонах, не меняется при смене темы --tui-service-underline-grayscale-on-light: var(--tui-const-black-alpha-32); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы --tui-service-underline-grayscale-on-light-hover: var(--tui-const-black-alpha-80); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы --tui-service-underline-grayscale-on-light-pressed: var(--tui-const-black-alpha-40); // Подчеркивание для монохромных ссылок на светлых фонах, не меняется при смене темы --tui-service-underline-monochrome: var(--tui-const-black-alpha-24); // @Deprecated: Заменён на цвет underline-grayscale --tui-service-underline-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменён на цвет underline-grayscale-on-dark --tui-service-link-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок, открывшихся в прошлом --tui-service-link-on-dark-visited: var(--tui-const-purple); // Цвет для ссылок на тёмных фонах, открывшихся в прошлом --tui-service-link-on-light-visited: var(--tui-const-purple-darker-48); // Цвет для ссылок на светлых фонах, открывшихся в прошлом --tui-status-warning: var(--tui-const-yellow-darker-50); // Акцентный цвет для предупреждающих блоков --tui-status-warning-pale: var(--tui-const-yellow-alpha-30); // Контейнеры предупреждающих блоков --tui-status-warning-pale-pressed: var(--tui-const-yellow-alpha-40); // Нажатое состояние контейнера предупреждающих блоков --tui-status-warning-pale-on-dark: var(--tui-const-yellow-alpha-24); // Контейнеры предупреждающих блоков на тёмных фонах --tui-status-warning-pale-on-dark-hover: var(--tui-const-yellow-alpha-28); // Контейнеры предупреждающих блоков на тёмных фонах --tui-status-warning-pale-on-dark-pressed: var(--tui-const-yellow-alpha-32); // Контейнеры предупреждающих блоков на тёмных фонах --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков --tui-status-positive-pale: var(--tui-const-green-alpha-16); // Контейнеры позитивных блоков --tui-status-positive-pale-pressed: var(--tui-const-green-alpha-32); // Нажатое состояние positive-pale --tui-status-positive-pale-on-dark: var(--tui-const-green-alpha-32); // Контейнеры позитивных блоков на тёмных фонах, не меняются от темы --tui-status-positive-pale-on-dark-pressed: var(--tui-const-green-alpha-44); // Нажатое состояние positive-on-dark --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков --tui-status-negative-pressed: var(--tui-const-red-darker-32); // Акцентный цвет для негативных блоков при нажатии --tui-status-negative-pale: var(--tui-const-red-alpha-14); // Контейнеры негативных блоков --tui-status-negative-pale-pressed: var(--tui-const-red-alpha-24); // Нажатое состояние negative-pale --tui-status-negative-pale-on-dark: var(--tui-const-red-alpha-32); // Контейнеры негативных блоков на тёмных фонах --tui-status-negative-pale-on-dark-pressed: var(--tui-const-red-alpha-44); // Нажатое состояние negative-pale-on-dark --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков --tui-status-info-pale: var(--tui-const-blue-alpha-16); // Контейнеры информационных блоков --tui-status-info-pale-pressed: var(--tui-const-blue-alpha-24); // Контейнеры информационных блоков при нажатии --tui-status-info-pale-on-dark: var(--tui-const-blue-alpha-32); // Контейнеры информационных блоков на тёмных фонах --tui-status-info-pale-on-dark-hover: var(--tui-const-blue-alpha-38); // Контейнеры информационных блоков на тёмных фонах --tui-status-info-pale-on-dark-pressed: var(--tui-const-blue-alpha-44); // Контейнеры информационных блоков на тёмных фонах --tui-status-neutral: var(--tui-const-cool-gray-lighter-55); // Акцентный цвет для нейтральных фонах --tui-status-neutral-pale: var(--tui-const-cool-gray-alpha-8); // Фоновый контейнер нейтральных статусных блоков --tui-status-neutral-pale-pressed: var(--tui-const-cool-gray-alpha-18); // Фоновый контейнер нейтральных статусных блоков при нажатии --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета --tui-support-support-04: #34BFB1; // @Deprecated: Замена на семантические цвета --tui-support-support-05: #FFAD5C; // @Deprecated: Замена на семантические цвета --tui-support-support-06: #929DED; // @Deprecated: Замена на семантические цвета --tui-support-support-07: #45AD2D; // @Deprecated: Замена на семантические цвета --tui-support-support-08: #3392DB; // @Deprecated: Замена на семантические цвета --tui-support-support-09: #DF8400; // @Deprecated: Замена на семантические цвета --tui-support-support-10: #AE59D4; // @Deprecated: Замена на семантические цвета --tui-support-support-11: #FD7171; // @Deprecated: Замена на семантические цвета --tui-support-support-12: #52BBE1; // @Deprecated: Замена на семантические цвета --tui-support-support-13: #FE9B4B; // @Deprecated: Замена на семантические цвета --tui-support-support-14: #BF69F1; // @Deprecated: Замена на семантические цвета --tui-support-support-15: #EC4D6B; // @Deprecated: Замена на семантические цвета --tui-support-support-16: #3DAF69; // @Deprecated: Замена на семантические цвета --tui-support-support-17: #FF7047; // @Deprecated: Замена на семантические цвета --tui-support-support-18: #994ABD; // @Deprecated: Замена на семантические цвета --tui-support-support-19: #DD4444; // @Deprecated: Замена на семантические цвета --tui-support-support-20: #36C578; // @Deprecated: Замена на семантические цвета --tui-support-support-21: #1DACA4; // @Deprecated: Замена на семантические цвета --tui-support-support-22: #F14789; // @Deprecated: Замена на семантические цвета --tui-text-primary: var(--tui-const-black-lighter-20); // Основной текст и иконки фонах base, elevation, neutral --tui-text-primary-pressed: var(--tui-const-cool-gray-lighter-36); // Основной текст и иконки фонах base, elevation, neutral при нажатии --tui-text-primary-on-light: var(--tui-const-black-lighter-20); // Основной текст и иконки на светлых фонах, не меняется при смене темы --tui-text-primary-on-light-pressed: var(--tui-const-black-lighter-60); // Основной текст и иконки на светлых фонах, не меняется при смене темы --tui-text-primary-on-dark: var(--tui-const-white); // Основной текст и иконки темных фонах. Не меняется при смене темы --tui-text-primary-on-dark-pressed: var(--tui-const-white-alpha-50); // Основной текст и иконки темных фонах. Не меняется при смене темы --tui-text-primary-on-t-bank: var(--tui-const-black-lighter-20); // Текст и иконки на фонах t-bank --tui-text-primary-on-opposite: var(--tui-const-white); // Текст и иконки фоне opposite --tui-text-primary-on-accent-1: var(--tui-const-black-lighter-20); // Текст и иконки фоне accent-1 --tui-text-primary-on-accent-2: var(--tui-const-white); // Текст и иконки фоне accent-2 --tui-text-secondary: var(--tui-const-cool-gray-lighter-60); // Второстепенный текст на фонах base, elevation, neutral --tui-text-secondary-pressed: var(--tui-const-cool-gray-lighter-36); // Второстепенный текст на фонах base, elevation, neutral при нажатии --tui-text-secondary-on-light: var(--tui-const-black-alpha-48); // Второстепенный текст на светлых фонах, не меняется при смене темы --tui-text-secondary-on-dark: var(--tui-const-white-alpha-70); // Второстепенный текст на темных фонах, не меняется при смене темы --tui-text-tertiary: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок, дисклеймеры --tui-text-tertiary-pressed: var(--tui-const-cool-gray-alpha-56); // Лейблы задизейбленных кнопок, дисклеймеры, дисклеймеры при нажатии --tui-text-tertiary-on-light: var(--tui-const-cool-gray-alpha-22); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы --tui-text-tertiary-on-dark: var(--tui-const-white-alpha-30); // Лейблы задизейбленных кнопок, дисклеймеры на светлых фонах, не меняется при смене темы --tui-text-action: var(--tui-const-blue); // Текст и иконки интерактивного текста на фонах base, elevation и neutral. Заменяет цвет engaging и accent --tui-text-action-pressed: var(--tui-const-blue-darker-46); // Нажатое состояние интерактивного текста. Заменяет цвет engaging-pressed и accent-pressed --tui-text-action-on-dark: var(--tui-const-blue-darker-70); // Текст и иконки интерактивного текста на тёмных фонах --tui-text-accent: var(--tui-const-blue); // @Deprecated: Заменён на цвет action --tui-text-accent-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет action-pressed --tui-text-engaging: var(--tui-const-blue); // @Deprecated: Заменён на цвет accent --tui-text-engaging-pressed: var(--tui-const-blue-darker-46); // @Deprecated: Заменён на цвет accent-pressed --tui-text-positive: var(--tui-const-green); // Текст позитивного лейбла, например пополнение счета или рост цены акций --tui-text-positive-on-dark: var(--tui-const-green-lighter-42); // Текст позитивного лейбла на тёмном фоне, например пополнение счета или рост цены акций --tui-text-negative: var(--tui-const-red); // Текст негативного лейбла, например падение цены акций или ошибка --tui-text-negative-on-dark: var(--tui-const-red-lighter-65); // Текст негативного лейбла на тёмном фоне, например падение цены акций или ошибка --tui-text-warning: var(--tui-const-yellow-darker-48); // Предупреждающие текст и иконки --tui-text-warning-on-dark: var(--tui-const-yellow-darker-54); // Предупреждающие текст и иконки на тёмных фонах --tui-text-primary-on-tinkoff: var(--tui-const-black-lighter-20); // @Deprecated: Заменён на цвет primary-on-t-bank }