Браузер на базе Chromium существует уже давно. флажок то, что он делает, похоже на то, что предлагает расширение Темный читатель. И что это? По сути, все веб-страницы отображаются в темном режиме, даже если они не предлагают такой возможности. Vivaldi 6.6 добавил опцию, которая активирует флажок родной Chromium для получения того же результата, но стоит ли принудительный темный просмотр?
Трудно ответить на то, что лично я Это вызывает у меня смешанные чувства. Я не могу – или не должен – публиковать скриншоты из редактора WordPress, но это был бы лучший пример того, что заставляет меня использовать принудительную темную навигацию. В нем нет никаких «странных» элементов, а результат практически идеален. Фон имеет различные оттенки темно-серого цвета, текст — белый, а ссылки — немного светлее синего цвета, чем тема по умолчанию. Присмотревшись, могу выложить частичный скриншот, будет это выглядеть так:
На этом же изображении вы также можете увидеть некоторые вещи, которые нужно улучшить.
Проблема с изображением при принудительном темном просмотре
Позже мы объясним или попытаемся объяснить, как работает эта опция, а здесь давайте поговорим о проблемах, одна из тех мелочей, которые выглядят совсем некрасиво. Я не добавил стрелку на скриншот, но вы видите эту маленькую куклу слева от кнопки «Связанное»? Оригинал не такой; Инверсия цвета была принудительной и показывает что-то такое, чего не должно быть.
В проблеме, которая иногда видна, а иногда нет. Один из вариантов следует уважать изображения, и это с треском проваливается с некоторыми. Если посмотреть с помощью инструментов разработчика, эта конкретная кукла представляет собой изображение в формате SVG, но отображается через фоновое изображение CSS. Поэтому браузер не определяет, что это изображение, а текст, и тексты, как он понимает, должны инвертировать свой цвет.
Поэтому изображения К ним будут относиться с уважением, если они представлены в формате, из которого ясно, что это изображения.. Есть ли у вас решение на будущее? Я так думаю, но это не очень просто. Он включает в себя анализ атрибутов и даже правил CSS и проверку наличия в них изображения какого-либо типа. Но это не так просто, как полагаться только на теги img. Чего я не очень понимаю, так это того, что происходит в Мастодонте. Изображения профиля выглядят перевернутыми и находятся в теге img. Я не сомневаюсь, что в будущем ситуация улучшится, но сейчас все так, как есть.
Другие проблемы
Одним из косметических изменений, которые все это вносит, является то, что тексты цветов, отличных от черного, отображаются более светлым тоном. Именно поэтому ссылки на скриншоте выше выглядят хорошо; В обычном синем цвете это выглядело бы хуже. То, что на первый взгляд кажется хорошей идеей, не всегда оказывается так хорошо, и решить эту проблему сложнее. Простое решение зависит от пользователя: привыкните, и я думаю, что это возможно.
Есть еще одна последняя проблема, и именно поэтому эта опция знает, действовать или нет. Веб-дизайнеры делают свою работу, думая о том, как это будет выглядеть в конечном итоге. Есть много страниц, которые не учитывают цветовые предпочтения, которые выбирают мы, пользователи. Делать это правильно и контролировать свои предпочтения вам нужно добавить две цветовые палитры, один — когда мы выбираем светлую тему, а другой — когда мы выбираем темную тему. Это работает следующим образом:
- Веб-страница спроектирована именно так, как вы думаете, она будет выглядеть лучше всего.
- После завершения или в какой-то другой момент, поскольку для этого нет письменного правила, создается вариант для той цветовой палитры, которую мы не использовали в исходном дизайне. Например, если я решил, что буквы будут черными на белом фоне в варианте по умолчанию, я должен добавить, используя медиа-запрос «@media (prefers-color-scheme: dark)» — изменения, необходимые, когда пользователь выбирает темную тему.
@media (предпочитает цветовую схему: темная), решение… которое зависит от других
Эта мультимедийная консультация может решить многие проблемы. Браузер видит, что существует опция, предназначенная для темных тем, и, судя по всему, принудительный темный просмотр больше не используется. Просто оставьте то, что было задумано.
Проблема здесь в том, что эта строка кода не используется во многих случаях даже если в дизайне уже есть темный фон и светлый текст. Конечно, когда браузер понимает, что он в светлой теме, которой на самом деле нет, и пытается сменить цвета одной темной темы на другую, это портит песню.
Как использовать принудительный темный просмотр в Chromium
В браузерах на базе Chromium эта опция находится в хром: // флаги (браузеры могут изменить «хром» на «храбрый», «вивальди» и т. д.) поиск «темный». Опция отображается как «Автоматический темный режим для веб-содержимого».и может быть активирован с помощью различных опций. Кажется, лучше всего работает «Включено с выборочной инверсией изображений», которое инвертирует все, что не является изображениями. Он предлагает описанные здесь результаты, и хотя мы надеемся, что в будущем он улучшится... сегодня он не идеален.
И вот я здесь со смешанными чувствами. С одной стороны, мне это нравится, но когда все идет хорошо. С другой стороны, большее количество изображений — это проблема. Сейчас я активирую и деактивирую эту опцию, но если придет время, когда эти небольшие проблемы исчезнут, мне это ясно. Я перехожу на темную сторону.
Это легко, чуть убавляешь яркость монитора и переводишь браузер в обычный темный режим и все выглядит нормально, пусть у тебя будут те годы, что у меня, и отсутствие зрения