Браузери виводять автоматичний темний режим на веб-сайти

Sep 18, 2025
Хмара та Інтернет
nalyvme / Shutterstock.com

Темний режим зараз є скрізь, включаючи iOS 13 та Android 10. Веб-браузери, такі як Chrome, Firefox, Safari та Edge, також прийняли темний режим. Зараз браузери привносять автоматичний темний режим на веб-сайти завдяки функції, яка називається "переважно-кольорова схема".

Веб-сайти тепер можуть виявляти темний режим, як програми

Сьогодні деякі веб-сайти пропонують темні режими. Наприклад, ви можете ввімкнути темний режим YouTube , Twitter , або Ослаблення за кілька кліків. Це дуже класно, але хто хоче активувати цю опцію окремо кожного разу, коли вони відвідують новий веб-сайт?

Коли ви вмикаєте темний режим у Windows 10, macOS, iOS або Android, усі використовувані вами програми знають, що ви ввімкнули темний режим, і можуть автоматично його вмикати. Google Chrome навіть не має простого доступу параметр темного режиму . Chrome просто автоматично налаштовується на основі вашого загального вибору операційної системи.

Раніше веб-сайти не мали можливості автоматично застосовувати темний режим. Навіть якщо інтерфейс вашого браузера темніє, веб-сайти продовжуватимуть використовувати їх яскравий фон. Вам потрібно вручну ввімкнути темний режим або використовувати розширення браузера, яке примушує темний режим.

Це були не помилки веб-розробників - вони не мали можливості виявити, чи на вашому пристрої ввімкнено темний режим. Це змінилося завдяки новій функції каскадних таблиць стилів (CSS), якою можуть скористатися веб-сайти.

Це вже у веб-переглядачі поблизу вас

Відповідь на цю проблему є надає перевагу кольоровій гамі , функція CSS, за допомогою якої веб-сайти можуть запитувати у веб-браузері, чи увімкнено темний режим. Веб-сторінка може використовувати іншу тему залежно від того, увімкнено чи вимкнено темний режим.

Ця функція була нещодавно додана до сучасних веб-браузерів у 2019 році.

  • Google Chrome для всіх платформ (включаючи Android) підтримує його відтоді Chrome 76 , випущений 30 липня.
  • Safari для iPhone та iPad отримує його разом із Safari 13 у рамках iOS 13 19 вересня.
  • Mozilla Firefox підтримує його з Firefox 67, випущеного 21 травня.
  • Safari для Mac підтримує його з Safari 12.1, випущеного 5 квітня.
  • Microsoft Edge цього не підтримує, але новий браузер Edge на основі Chromium буде.

Це не варіант, який ви вибираєте у самому браузері. Просто виберіть між світлим і темним режимами у вашій операційній системі, ваш браузер буде підкорятися змінам, і веб-сайти можуть слідувати і автоматично вмикати темний режим, якщо їм заманеться.

То де веб-сайти в темному режимі?

Хоча ця функція працює сьогодні і працює у всіх популярних браузерах, вона є абсолютно новою. Темний режим приходить на iPhone та iPad з новим iOS 13 . З боку Android, лише телефони Android з новим Android 10 мають підтримку темного режиму. Навіть Google Chrome для настільних ПК підтримує лише кольорову схему на кілька тижнів.

Це просто так. Ви, мабуть, ще не зустрінете багато веб-сайтів, які використовують автоматичну колірну схему для автоматичного ввімкнення темного режиму.

Сподіваємось, це зміниться в майбутньому. Веб-сайти тепер можуть поважати ваші налаштування темного режиму та автоматично дотримуватися їх. Веб-розробники мають новий варіант, яким можуть скористатися.

Ми любимо темний режим . Тепер, коли ця опція доступна в усіх найновіших операційних системах, ми будемо раді бачити її поширення в Інтернеті.

ПОВ'ЯЗАНІ: Темний режим для вас не кращий, але ми все одно любимо його

Browsers Are Bringing Automatic Dark Mode To Websites

How To Force Dark Mode On Every Website In Google Chrome || Automatic Darkmode To Websites

How To Enable Dark Mode On Every Website

How To Add Dark Mode To A Website With Automatic Switching (CSS-only + JavaScript)

Get Dark Mode For All The Browsers - Chrome, Safari, Firefox - 2019 🔥🔥

Dark Mode JavaScript Toggle Using LocalStorage

How To Force Enable Dark Mode For Chrome On Windows 10

Get True Dark Mode On Any IPhone IOS 12

How To Switch To Dark Mode On Your Mac — Apple Support

Google Chrome: Enable Or Disable Dark Mode

How To Add A "Dark Mode" To Your React Website.

Secret Trick To Enable Dark Mode On Google Chrome [PC]


Хмара та Інтернет - Найпопулярніші статті

Як ділитися речами з OneDrive

Хмара та Інтернет Mar 5, 2025

НЕЗАГОТОВЛЕНИЙ ЗМІСТ Якщо у вас є обліковий запис Office 365 (безкоштовний або платний), ви отримали OneD..


Найкращі веб-сайти для надсилання безкоштовних листівок

Хмара та Інтернет Nov 18, 2024

НЕЗАГОТОВЛЕНИЙ ЗМІСТ Якщо ви хочете надіслати листівки своїм друзям і родичам, є сотні веб-сайтів..


Повне керівництво по освоєнню вкладок у Google Chrome

Хмара та Інтернет Jan 26, 2025

Тобі подобається вкладки , ми любимо вкладки. Вкладки - це найкрутіше, що трапляється з веб-�..


Як зробити меню «Відкрити за допомогою» доступним при виборі декількох файлів?

Хмара та Інтернет Nov 29, 2024

Якщо ви працюєте з великою кількістю файлів щодня, ви хочете, щоб процес працював якомога плавніше ..


Як вирізати кліп з відео на iPhone або iPad

Хмара та Інтернет Jul 5, 2025

iPhone та iPad пропонують вбудований спосіб вирізати кліпи з відео та обрізати їх, не встановлюючи стор�..


Як архівувати та краще керувати своїми замовленнями на Amazon

Хмара та Інтернет Sep 10, 2025

НЕЗАГОТОВЛЕНИЙ ЗМІСТ Якщо ви замовляєте багато речей з Amazon, ви, мабуть, маєте велику історію замов..


Найкращі веб-сайти та програмне забезпечення для мозкового штурму та складання розуму

Хмара та Інтернет Nov 17, 2024

НЕЗАГОТОВЛЕНИЙ ЗМІСТ Карта розуму - це діаграма, яка дозволяє візуально окреслити інформацію, доп..


IM для кількох рахунків у Trillian Astra

Хмара та Інтернет Jul 1, 2025

НЕЗАГОТОВЛЕНИЙ ЗМІСТ Перш ніж інші клієнти обміну повідомленнями вийшли на сцену, Трілліан вибирала п�..


Категорії