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

В разделе chrome://flags пользователи нашли новый флаг Force Dark Mode for Web contents со сразу несколькими вариантами работы. На выбор пользователя доступны следующие опции:

Включить / Выключить.
Простая HSL-инверсия.
Простая CIELAB-инверсия.
Выборочная инверсия изображений.
Выборочная инверсия элементов (все, кроме изображений).
Выборочная инверсия всей страницы.

Практика показала, что выборочная инверсия элементов (Selective inversion of non-image elemengs) работает лучше всего и создает оптимальный вариант темной темы. Мы опробовали работу этого флага на нескольких сайтах и остались очень довольны результатом.

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

Для включения этой функции вам надо перейти на страницу chrome://flags и ввести в поиск Force Dark Mode for Web contents. Измените параметр на предпочитаемый, а затем перезапустите браузер. Учтите, что отключить эту опцию можно только из раздела chrome://flags, а работает вся эта радость на сборке Chrome Canary 78.0.3873.0 и новее. Пока что только на компьютерах. В Microsoft Edge на Chromium флаг для генерации темной темы для веб-сайтов пока что отсутствует. Надеемся, Microsoft не станет игнорировать столь полезную функцию.