OrderGrow с самого начала был тёмным. Это удобно вечером и на телефоне, но не всем и не всегда: при ярком свете тёмный экран бликует, а привычка к светлым интерфейсам — вещь устойчивая.

Теперь тем две. Переключаются одним тумблером, работают во всём интерфейсе — и в приложении покупателя, и в панели администратора.

Как переключить

В разделе «Профиль» появился тумблер «Светлая тема». Одно нажатие — интерфейс меняется сразу, без перезагрузки страницы и без похода в настройки.

Профиль в OrderGrow в тёмной теме с тумблером переключения
Тумблер «Светлая тема» в профиле — выключен
Профиль в OrderGrow в светлой теме
Он же включён — тот же экран в светлой теме

Тумблер доступен одинаково покупателям и организаторам — каждый настраивает под себя. Выбор запоминается: при следующем входе интерфейс откроется в той теме, на которой вы остановились.

Как это выглядит у покупателя

Каталог, карточка товара, остатки, статусы сборов — всё перекрашено целиком, а не частично. Фотографии товаров на светлом фоне читаются иначе: белая подложка не перетягивает внимание, и снимок выглядит ближе к тому, как товар будет смотреться на полке.

Каталог товаров OrderGrow в светлой теме
Каталог покупателя в светлой теме
Каталог товаров OrderGrow в тёмной теме
Тот же экран в тёмной

Смысл цветов сохранён в обеих темах. Зелёный по-прежнему означает доступность, оранжевый — что сбор закупается, красный — проблему. Менялись оттенки, а не значения: человек, привыкший к одной теме, не переучивается при переходе на другую.

Панель администратора

Сводка, ленты активности, таблицы — здесь светлая тема даёт больше всего. Работа организатора — это чаще всего работа с плотными таблицами, а на светлом фоне длинные ряды цифр читаются легче.

Панель администратора OrderGrow в светлой теме
Сводка администратора в светлой теме
Матрица товаров OrderGrow в светлой теме
Матрица товаров: белая рабочая область, графитовая шапка

Три главные таблицы — матрица, заказы и участники — заодно привели к одному виду: белая рабочая поверхность, тёмная шапка с разделителями столбцов, одинаковая подсветка при наведении и полоса выбора слева. Раньше каждая выглядела по-своему.

Матрица товаров OrderGrow в тёмной теме
Та же матрица в тёмной теме

Что изменилось попутно

Шапка и меню остались тёмными в обеих темах. Это не недоделка, а точка опоры: навигация не меняет вид при переключении, и взгляд не теряет привычные ориентиры вверху экрана.

Активный раздел меню теперь залит цветом. Раньше он отличался от остальных подложкой в десять процентов — на светлом фоне такую разницу почти не видно, и понять, где находишься, было трудно.

Кнопки получили понятную иерархию: зелёная заливка — основное действие, красная — удаление, оранжевая — необратимый шаг вроде запуска закупки, контурная — второстепенное. Раньше вид кнопки не всегда говорил о последствиях нажатия, а на светлом фоне это стало заметно.

Отдельная мелочь, которая экономит время: в светлой теме у кнопок появилась нижняя грань, а при нажатии она пропадает — кнопка будто проседает. На тёмном фоне ту же роль играла тень, но на белом теней почти не видно.

Какую выбрать

Правильного ответа нет, и в этом смысл. Тёмная привычнее вечером, меньше утомляет в полумраке и экономит заряд на телефонах с OLED-экраном. Светлая выигрывает при ярком свете — на улице, у окна, на выдаче под лампами, — и лучше подходит, когда со скриншотов делают инструкции для клиентов.

Переключать можно сколько угодно и когда угодно: тумблер в профиле, одно нажатие. Ничего не сбрасывается, никакие данные не затрагиваются — меняется только оформление.

Читайте также