3 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Тёмный режим для сайтов в окне 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, а такой эффект достигается за счёт инверсии фонового цвета светлых страниц веб-сайтов на их тёмные хроматические версии.

Читать еще:  Как реализовать в Windows многовкладочный формат окон » Как установить Windows 10

Как включить тёмный режим для веб-страниц в 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

Достоинство темного режима 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, а не контент сайта. Если вам нужен темный режим для сайта, тогда перейдите на следующую главу.

Читать еще:  Google 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» можно выбрать опции, которые предусматривают инверсию в том числе и отдельных элементов меню.

Ссылка на основную публикацию
Статьи c упоминанием слов:
Adblock
detector
×
×