Тёмный режим для сайтов в окне Google Chrome

Тёмный режим для сайтов в окне Google Chrome

Привет, друзья. Эта статья для любителей тёмного или, как его ещё называют, ночного режима оформления программного интерфейса. Для любителей, а также тех, кто заботится о сохранности своего зрения при длительной работе за компьютером или, увы, уже имеет ослабленное зрение. И в этой статье мы будем говорить о возможности реализации в окне браузера Chrome тёмного режима для сайтов в Интернете. Не для отдельных каких-то сайтов типа YouTube или Facebook в новом дизайне, которые позволяют в своих настройках выбрать тёмную расцветку фона с белым шрифтом публикаций, а для всех подряд сайтов. Вне зависимости от реализации на них в принципе каких-то возможностей по настройке интерфейса. Такое стало возможно после обновления браузера Google Chrome до версии 78. Но, давайте перейдём к подробностям.

Тёмный режим для сайтов в окне Google Chrome

На днях Google Chrome обновился до версии 78. Мы не увидим в нём новинок невооружённым глазом, обновления касаются внутреннего содержимого браузера: из него выпилены некоторые старые, более не используемые технологии и внедрены новые функции, которые теперь какое-то время будут тестироваться. И если впоследствии утвердятся компанией Google, то, соответственно, станут частью стабильных сборок Chrome. Тестовые функции браузера может использовать любой желающий, активировав их в скрытых настройках. И вот в числе таких скрытых тестовых функций появился Force Dark Mode for Web Contents – форсированный тёмный режим для веб-контента.Форсированный тёмный режим для веб-контента позволяет задействовать для любого сайта в Интернете тёмную тему оформления. А реализуется такая функция за счёт применения в браузере инверсии цветов. Тёмный режим в рамках этой функции применяется не только для интернет-сайтов, но также для открытых в окне Chrome локальных HTML-документов и для разделов самого браузера — истории, загрузок, настроек, расширений, панели приложений и пр.Чтобы включить тёмный режим для веб-контента, идём в раздел скрытых настроек, а для этого в адресную строку Chrome вписываем:chrome://flagsВ поисковое поле скрытых настроек вводим:#enable-force-darkСтавим значение параметра в положение «Enabled» и жмём кнопку перезапуска браузера «Relaunch Now».

После перезапуска увидим раздел скрытых настроек в тёмном оформлении.

Вот так, друзья, в ночном стиле будет выглядеть поисковик Google.

Вот так Википедия.

Вот так торговая площадка AliExpress.

А вот так наш сайт RemontCompa.Ru.

Ну а вот так, друзья, строго, стильно и лаконично тёмный режим для веб-контента смотрится в тандеме с активной тёмной темой оформления самого браузера.

Кто не знает, таковая сама активируется при включении системной тёмной темы оформления в Windows 10. Для других же версий Windows необходима коррекция свойств ярлыка запуска Google Chrome. Подробнее об этом читайте в статье «Тёмная тема оформления в Google Chrome».Друзья, по теме сохранности зрения: в среде Windows для решения этого вопроса существует возможность настройки высококонтрастных тем оформления. Кому интересно, читайте статью «Высококонтрастные темы оформления в Windows 8.1: простота, эффективность, сохранение зрения».

Как включить тёмный режим для веб-страниц в Google Chrome

В Google Chrome появилась возможность задействовать принудительную тёмную тему. Примечательно, что в данном случае речь идёт именно о смене оформления непосредственно интернет-страниц, а не элементов интерфейса самого браузера.

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

Как включить тёмный режим для веб-страниц в Google Chrome

По умолчанию данная опция деактивирована в настройках Chrome.

Для её активации требуется выполнить следующее:

• Ввести в адресную строку буквально следующее: chrome://flags/#enable-force-dark (можно просто скопировать и вставить);
• Поменять значение параметра: «Force Dark Mode for Web Contents» с «Default» на «Enabled» (смотрите скриншот);
  
• Нажмите «Relaunch», чтобы перезапустить браузер и применить новые настройки;
  
• После этого все сайты, открытые через Google Chrome, будут иметь тёмное оформление (как на скриншоте).

Заключение

Если ранее в Google Chrome можно было задействовать тёмное оформление только для основных элементов интерфейса веб-обозревателя, например, выбрав соответствующую цветовую схему в настройках Windows 10, то с выходом последней версии Google Chrome появилась и возможность активации тёмного оформления непосредственно для веб-страниц.

Как включить темный режим для всех сайтов в Google Chrome

C hrome 78 имеет новый трюк. Он может принудительно включить темный режим на каждом посещаемом Вами веб-сайте, положив конец ослепляющему белому фону на Вашем красивом темном рабочем столе.

Это решение грубой силы

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

Вместо того, чтобы ждать, когда миллионы веб-сайтов перейдут на темный режим, новый параметр Chrome «Force Dark Mode for Web Contents» сделает все эти яркие веб-сайты темными. Это немного похоже на использование «Инвертировать цвета» на Android.

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

Включение этого параметра не приведет к включению темного режима в Chrome — для этого Вам нужно будет включить параметр темного режима для всей операционной системы. Например, в Windows 10 перейдите в «Параметры» > «Персонализация» > «Цвета» и выберите «Темный» в разделе «Выбор режима приложения по умолчанию».

Как заставить работать темный режим на всех сайтах

Хотите попробовать это? Эта опция доступна как скрытый флаг в Chrome 78. Как и все флаги, это экспериментальная опция, которая может быть изменена или удалена в любое время. Однажды он может перейти к нужной опции на экране настроек Chrome или полностью исчезнуть.

Чтобы найти его, введите «chrome://flags» в омнибоксе Chrome и нажмите Enter.

Найдите «Dark Mode» в окне поиска в верхней части появившейся страницы экспериментов.

Установите флажок справа от «Force Dark Mode for Web Contents» и выберите «Enabled» для настройки по умолчанию.

Нажмите «Relaunch», чтобы перезапустить Chrome. Chrome закроет и перезапустит все Ваши открытые веб-страницы. Обязательно сохраните любой контент на этих страницах, например, те, которые Вы напечатали в текстовых полях, до перезапуска браузера.

Просмотрите, как это работает. Если Вам это не нравится, вернитесь на экран экспериментов Chrome, измените этот параметр на «Default» и перезапустите браузер. После отключения этой опции Chrome перестанет связываться с цветами веб-сайта.

Вы также можете попробовать другие варианты Force Dark Mode. Различные режимы дают разные результаты на веб-страницах. Некоторые из них даже инвертируют светлые изображения, делая их темными. Конечно, это заставит изображения выглядеть по-разному, но это может быть удобно, если Вы хотите постоянно темный рабочий стол.

Не чувствуйте себя вынужденным использовать темный режим, если Вам не нравится это. Темный режим — это модно, но на самом деле он может не нравиться Вам.

Темная тема Google Chrome – как включить режим в Хром на ПК

Темная тема в Google Chrome. Как сделать темную тему для браузера Хром. Рассмотрим, как ее включить на ПК и Андроид смартфоне. Функция хорошо сочетается с Windows 10.

Гугл Хром является по-прежнему одним из популярных браузеров и имеет много возможностей. Странно, что разработчики до сих пор не ввели в настройках функции темного режима. Давайте разбираться, какими способами можно включить черную тему в браузере Chrome.

Как включить темную тему в Google Chrome на ПК Widows 10

Есть несколько простых и доступных способов для включения этого режима. Во-первых, есть возможность установить специальное расширение для установки Dark Theme. Во-вторых, вы можете не нагружать браузер лишними дополнениями и прописать короткую команду.

Достоинство темного режима Google Chrome

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

Что касается YouTube, то на Android и iOS, есть отдельное приложение, где черный режим включается очень легко. В мобильной версии Хром, такой возможности, к сожалению, пока еще нет.

Помимо самого Хрома, некоторые другие браузеры официально уже имеют возможность включить черную тему. Например, в Яндекс Браузер и Опера она уже присутствует.

Как поставить темную тему в Хроме с помощью команды

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

1. Заходим в браузер и обновляем его до последней версии. На момент написания статьи версия Chrome – 72.
2. Закрываем браузер и на рабочем столе нажимаем по ярлыку браузера правой кнопкой мышки.
3. Переходим в свойства ярлыка.
4. В поле «Объект» в самый конец вставляем эту команду: –force-dark-mode .
5. Применяем изменения и заходим в браузер.

Отметим, что не все элементы браузера станут темными. Верхняя панель вкладок и закладок, конечно, такой и будет, но меню с настройками останется светлой.

Темный режим Windows 10 включает Dark Theme в Chrome

В интернете засветилась, что если включить темные тона Windows 10, то браузер подстроится под систему. То же самое действует и на Mac. Я попробовал эту функцию, но ничего не менялось.

Возможно, что в апреле 2019 года эту возможность «допилят» и в черных тонах будет не только поисковая строка, но и окно с веб-страницами.

Как сделать темную тему Гугл Хром – Расширение Dark

В магазине расширений Хром есть много различных тем, меняющих внешний вид браузера. Dark режимов там завались. Есть одна тема, которая действует примерно по тому же принципу, что и вышеописанная команда для ярлыка.

Установить тему можно отсюда.

После установки интерфейс сразу приобретет черные тона.

Как включить темную тему для любого сайта в Хром браузере

Что делать, если не устраивают возможности вышеописанных способов? Есть возможность включить темный режим для сайтов в браузере с помощью расширения.

Дополнение называется Dark Reader и действительно меняет страницы большинства сайтов в черный. Выглядит вполне читабельно.

После установки откроется страница Dark Reader, где подробно описано, как настроить параметры расширения. В маленьком окошке вы можете включить или выключить расширение. Есть фильтр с параметрами, где можно включить черный или светлый фильтр, изменить яркость, контрастность, сепию, оттенки серого.

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

Вкладка «Еще» имеет опции изменения шрифта и обводки текста. Чуть ниже имеются экспериментальные режимы, где изменяется внешних вид сайтов.

Итоги

Как видим, есть много способов, чтобы активировать черную тему Хром браузера. Больше всего мне понравился способ с командой и расширение Dark Reader. Используя их в совокупности браузер полностью перейдет на темную сторону.

Если понравилась статья, делитесь в социальных сетях, нажимайте на звездочки и комментируйте.

Как включить темный режим для сайтов в Google Chrome

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

Google Chrome — самый популярный браузер на базе Chromium, который доступен для всех популярных операционных систем, таких как Windows, Android и Linux. Он поставляется с мощным механизмом рендеринга, который поддерживает все современные веб-стандарты. На момент написания этой статьи последняя стабильная версия Google Chrome — это версия 76.

Включить темный в Google Chrome в настройках ОС

Независимо от того, используете ли вы Windows 10 или macOS, самый простой — хотя и не самый эффективный — способ включения темного режима в Google Chrome — это включить данную функцию в настройках операционной системы. Имейте ввиду, что этот метод включит темный режим во всех окнах, а не только в Chrome, и он изменит сам интерфейс окна браузера Chrome, а не контент сайта. Если вам нужен темный режим для сайта, тогда перейдите на следующую главу.

В Windows 10, щелкните правой кнопкой мыши на рабочем столе и выберите из выпадающего меню пункт «Персонализация». Затем нажмите «Цвета» и измените «режим приложения по умолчанию» на «Темный».

В macOS перейдите в «Системные настройки» —> «Общие» —> «Внешний вид» и выберите опцию «Dark».

Включить темный режим для сайтов в Google Chrome

Google Chrome поставляется с рядом полезных функций, которые являются экспериментальными. Экспериментальные функции могут значительно улучшить работу в браузере. Включить или отключить экспериментальную функцию, можно с помощью так называемых «флагов».

Чтобы включить темный режим для любого сайта в Google Chrome, сделайте следующее:

Шаг 2: Откройте браузер, введите следующий текст в адресной строке и нажмите Enter:

chrome://flags/#enable-force-dark

Откроется страница флагов с настройкой «Force Dark Mode For Web Contents». Если настройка отсутствует, значит она еще не была добавлена в публичную версию браузера. Бета-версию «Chrome для разработчиков» в которой уже добавлен темный режим для сайтов можно скачать с этой страницы .

Ша 2: В раскрывающемся списке выберите один из темных режимов.

Шаг 3: Перезапустите Google Chrome, закрыв его вручную, или нажав на большую синюю кнопку «Relaunch Now», которая появится в самом низу страницы.

Вот как выглядит tech-geek.ru в одном из тёмных режимов:

На мой взгляд неплохо.

Флаг «Force Dark Mode For Web Contents» предлагает и другие темные режимы, такие как:

• Простая инверсия на основе HSL
• Простая инверсия на основе CIELAB
• Выборочная инверсия изображений
• Выборочная инверсия элементов без изображения
• Выборочная инверсия всего

Вы можете поиграть с этими настройками и выбрать, подходящий для вас темный режим сайтов.

Заключение

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

В целом «Темный режим для сайтов» довольно полезная функция. Я уверен многим она очень понравится. Из недостатков могу отметить только один — невозможно выбрать разный темный режим для отдельных сайтов. Как это можно сделать с расширением «Ночной режим» для Chrome. В котором можно настроить все, что угодно.

Новый принудительный темный режим на сайтах в Chrome

Собственно, встроенная функция принудительного включения «темного режима» на сайтах в Chrome, как известно, появилась еще в апреле, в 74-й версии браузера.

По факту оказалось, что работает такой «темный режим» посредством простой инверсии цвета элементов дизайна веб-страницы. В большинстве случае тотальная инверсия всего подряд выглядит жутковато, и, тем не менее, фича работает.

В Google же на достигнутом останавливаться не стали и в новом Chrome 77 реализовали данную функцию в обновленном варианте. Теперь браузер инвертирует не всё оптом, а меняет только фон, обходя при этом картинки на странице и не снижая четкость их отображения.

Результат, следовательно, получается тоже несколько иной (и тоже не всегда ожидаемый), но в целом в новом тёмном режиме страничка выглядит более естественно.

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

Как принудительно включить новый темный режим на сайтах в Chrome

С учетом того, что на момент публикации данного поста эта функция в стабильной версии Chrome (76-й) еще не доступна, то чтобы увидеть её во всей красе понадобится Chrome Canary (версия Chrome для разработчиков, которая обновляется ежедневно и в которой новые экспериментальные функции появляются намного раньше).

В остальном процедура стандартная:

• переходим на страницу экспериментальных настрое (chrome://flags);
• в строке поиска пишем force dark mode (либо вот — chrome://flags/#enable-force-dark — прямая ссылка на эту функцию в настройках);
• активируем опцию Force Dark Mode for Web Contents (в меню выбираем «Enabled«):

Функция в данный момент уже доступна в Chrome Canary в версиях для Mac, Windows, Linux, Chrome OS и Android. Визуально принудительный тёмный режим на странице выглядит примерно так (кликабельно):

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