Skip to content

исправить цвет заголовка message в тёмной теме - #139

Open
khaliulin wants to merge 1 commit into
mainfrom
message.dark.title
Open

исправить цвет заголовка message в тёмной теме#139
khaliulin wants to merge 1 commit into
mainfrom
message.dark.title

Conversation

@khaliulin

Copy link
Copy Markdown
Contributor

В тёмной теме заголовок сообщения был нечитаем: #2b2e33 на фонах #0c243b / #0c3b11 / #453008 / #3b100c — контраст 1.07–1.22 : 1 при норме 4.5. Подпись рядом при этом белая (15.78 : 1), потому что идёт другим путём — через extend.ext<Sev>.caption.color = {color.fg.default}.

Что изменено

tokens.jsoncomponents.message.colorScheme.dark.{info,success,warn,error}.color: {color.fg.inverse.default}{color.fg.default}.

Семантическая роль сама зависит от темы, поэтому light-ссылка даёт правильный цвет в обеих: #2b2e33 в светлой и #ffffff в тёмной. Двойная инверсия и была причиной дефекта.

Контраст (замерено в браузере на story WithClose)

severity фон (dark) было стало
info #0c243b 1.16 : 1 15.78 : 1
success #0c3b11 1.07 : 1 12.73 : 1
warn #453008 1.09 : 1 12.50 : 1
error #3b100c 1.22 : 1 16.60 : 1

Светлая тема не изменилась: заголовок #2b2e33, контраст 13.17–13.47 : 1.

secondary намеренно не тронут — у него в тёмной теме светлый фон #f0f0f1, там тёмный текст правильный. contrast тоже не тронут: инверсия у него осмысленная.

Гейты: check-component.mjs message — 0 FAIL, 12 WARN (прежние advisory по неиспользуемой ветке outlined); prettier и tsc --noEmit чисто.

Вопросы к дизайну

Это правка tokens.json, то есть зона реэкспорта из Figma: тот же дефект ({color.fg.inverse.default} в dark вместо light-ссылки) есть ещё у 24 компонентов. Здесь он закрыт точечно для message — системно это должно приехать реэкспортом.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant