-
Notifications
You must be signed in to change notification settings - Fork 198
[Bug][Banner]: цвет текста при использовании imageTheme при mode="image" не соответствует описанию в JSDoc #8758
Copy link
Copy link
Description
Описание
Есть не соответствия в работе imageTheme при mode="image", что при imageTheme="light", что imageTheme="dark".
- При
imageTheme="light"текст не остается темным. - При
imageTheme="dark"не меняетсяextraSubtitle
Версия
>= 4
Шаги воспроизведения
imageTheme="light"
-
Перейти на https://vkui.io/components/banner
-
В какой-нибудь из превью вставить:
<Banner mode="image" imageTheme="light" title="Текст заголовока" subtitle="Текст подзаголовока" extraSubtitle="Текст экстра-подзаголовока" background={ <div style={{ backgroundColor: '#65c063', backgroundPosition: 'right bottom', backgroundSize: 320, backgroundRepeat: 'no-repeat', }} /> } />
-
Переключить на темную тему
-
Цвет
title,subtitle,extraSubtitleизменился на светлый
imageTheme="dark"
-
Перейти на https://vkui.io/components/banner
-
В какой-нибудь из превью вставить:
<Banner mode="image" imageTheme="dark" title="Текст заголовока" subtitle="Текст подзаголовока" extraSubtitle="Текст экстра-подзаголовока" background={ <div style={{ backgroundColor: '#65c063', backgroundPosition: 'right bottom', backgroundSize: 320, backgroundRepeat: 'no-repeat', }} /> } />
-
Попереключать на светлую/темную тему
-
Цвет
extraSubtitleне соответствуетsubtitle
Ожидаемое поведение
imageTheme="light"
- Цвет
title,subtitle,extraSubtitleостаётся тёмным
imageTheme="dark"
- Цвет
extraSubtitleсоответствуетsubtitle
Скриншоты
imageTheme="light"
Светлая тема (текст темный) / Темная тема (текст стал светлым, хотя должен был оставаться тёмным)
imageTheme="dark"
Светлая тема (текст extraSubtitle серый) / Темная тема (текст extraSubtitle серый)
Как должно быть?
mode="image" imageTheme="light"
- для
titleзаменить--vkui--color_text_primaryна--vkui--color_text_primary_invariably - для
subtitleиextraSubtitleзадать--vkui--color_text_primary_invariablyсopacity: 0.72
mode="image" imageTheme="dark"
- для
extraSubtitleзадать--vkui--color_text_contrast
mode="image" imageTheme="auto"
Должен автоматически применять dark или light в зависимости от контекста.
Reactions are currently unavailable
Metadata
Metadata
Assignees
Type
Projects
Status
✅ Done



