О платформе Войти
← К списку версий
v0.83.1 29.09.2026 PATCH
Кнопки и плашки, которые перестали «светиться белым по белому»
ТЗ 258 «Контраст кнопок». Кнопки «Новое письмо», «Найти», «Сохранить», «У нас / У клиента» и им подобные на светлой теме выглядели как серые прямоугольники, а надпись на них не читалась: белая надпись лежала на светлой заливке. Причина была одна и системная — заливка кнопки бралась из токена темы, который в тёмной теме тёмный, а в светлой — светлый, и надпись на нём всегда оставалась белой. Вместо «цвет под текущую тему» появились отдельные токены заливки: --btn-solid, --btn-solid-hover и --on-btn-solid. Они одинаковы в тёмной и светлой темах, поэтому надпись читается в обеих (контраст от 6:1). Попутно та же правка убрала такие же белые надписи на зелёных и красных ховер-состояниях Telegram-виджета и формы «Оставить заявку», на аватарах, на бейдже непрочитанных уведомлений, на тостах, на кнопке закрытия в просмотре версий и на кнопке в письме-напоминании. Кнопки действий в разметке переведены с inline-стилей на классы btn btn-primary / btn-sm. Эталон тестов 321 passed, эталон сборки vite build.
Что сделано
  • Отдельные токены заливки кнопок - --btn-solid / --btn-solid-hover / --on-btn-solid заданы в тёмной теме, в светлой теме и в фолбэке по системной теме. Кнопка, плашка, аватар и тост больше не берут заливку из --accent, который меняет полярность вместе с темой, и больше не зависят от «цветного» токена как от фона под белым текстом.
  • Кнопки действий на классах - «Новое письмо» и «Найти» в /admin/emails, «Сохранить» в письмах, настройках, профиле, безопасности, шаблонах писем, KPI и расписании, «Настроить» у получателей уведомлений, «Все письма» в напоминаниях, «Изменить пароль», переход в тарифы — переведены с inline-стилей на btn btn-primary / btn-sm.
  • Убраны белые надписи на цветном - Ховеры Telegram-виджета и формы «Оставить заявку» (включая зелёный WhatsApp), аватары в шапке и у получателей, бейдж непрочитанных, тосты (успех/ошибка/информация), кнопка закрытия в просмотре версий, переключатель «Мяч у нас / У клиента» — теперь используют токены заливки. Заодно добавлены в фолбэк темы недостающие --accent-solid, --danger-solid и --success-solid, из-за чего кнопки теряли заливку, если тему выбирала система, а не человек.
  • Письмо и превью - Кнопка в письме-напоминании о статусе мяча и дата в превью письма в админке переведены на нейтральный тёмный фон с читаемой надписью.
Что не сломалось
  • Цвета статусов - Красный, жёлтый и синий не тронуты: сигнал остался сигналом, а «статус» нигде не стал зелёным.
  • Вид кнопок - Заливка и рамка в обеих темах те же, что были (тёмно-серый #475569, наведение #334155), меняется только источник цвета.
Результат
  • Надпись на кнопке читается в любой теме и при любом состоянии, а правило «заливку кнопки нельзя брать из токена, который меняет полярность вместе с темой» закрыто автотестом, который ловит новые случаи в app.css и во всех шаблонах.