Les navigateurs apportent le mode sombre automatique aux sites Web

Sep 18, 2025
Cloud et Internet
nalyvme / Shutterstock.com

Le mode sombre est maintenant partout, y compris dans iOS 13 et Android 10. Les navigateurs Web comme Chrome, Firefox, Safari et Edge ont également adopté le mode sombre. Désormais, les navigateurs apportent le mode sombre automatique aux sites Web grâce à une fonctionnalité appelée prefers-color-scheme.

Les sites Web peuvent maintenant détecter le mode sombre comme les applications le peuvent

Certains sites proposent aujourd'hui des modes sombres. Par exemple, vous pouvez activer le mode sombre sur Youtube , Twitter , ou Mou en quelques clics. C’est plutôt cool, mais qui souhaite activer cette option séparément chaque fois qu’il visite un nouveau site Web?

Lorsque vous activez le mode sombre sur Windows 10, macOS, iOS ou Android, les applications que vous utilisez savent toutes que vous avez activé le mode sombre et peuvent l'activer automatiquement. Google Chrome n'a même pas d'accès facile dark mode option . Chrome s'ajuste automatiquement en fonction de votre choix de système d'exploitation global.

Dans le passé, les sites Web n’avaient pas de moyen d’implémenter automatiquement le mode sombre. Même si l'interface de votre navigateur devient sombre, les sites Web continueront d'utiliser leurs arrière-plans clairs. Vous devez activer manuellement le mode sombre ou utiliser une extension de navigateur qui force le mode sombre.

Ce n’était pas les défauts des développeurs Web. Ils n’avaient aucun moyen de détecter si le mode sombre était activé sur votre appareil. Cela a changé avec une nouvelle fonctionnalité de feuilles de style en cascade (CSS) dont les sites Web peuvent profiter.

C'est déjà dans un navigateur près de chez vous

La réponse à ce problème est préfère le jeu de couleurs , une fonctionnalité CSS que les sites Web peuvent utiliser pour demander à votre navigateur Web si le mode sombre est activé. Une page Web peut utiliser un thème différent selon que vous avez activé ou désactivé le mode sombre.

Cette fonctionnalité n'a été ajoutée que récemment aux navigateurs Web modernes en 2019.

  • Google Chrome pour toutes les plates-formes (y compris Android) le prend en charge depuis Chrome 76 , sorti le 30 juillet.
  • Safari pour iPhone et iPad l'obtient avec Safari 13 dans le cadre d'iOS 13 le 19 septembre.
  • Mozilla Firefox le prend en charge depuis Firefox 67, sorti le 21 mai.
  • Safari pour Mac le prend en charge depuis Safari 12.1, sorti le 5 avril.
  • Microsoft Edge ne le prend pas en charge, mais le nouveau navigateur Edge basé sur Chromium le fera.

Ce n’est pas une option que vous sélectionnez dans votre navigateur lui-même. Choisissez simplement entre les modes clair et sombre dans votre système d'exploitation, votre navigateur obéira au changement et les sites Web peuvent suivre et activer automatiquement le mode sombre s'ils le souhaitent.

Alors, où sont les sites Web en mode sombre?

Bien que cette fonctionnalité soit disponible aujourd'hui et fonctionne dans tous les navigateurs populaires, elle est très nouvelle. Le mode sombre arrive sur iPhone et iPad avec le nouveau iOS 13 . Du côté Android, seuls les téléphones Android avec le nouveau Android 10 ont le support du mode sombre. Même Google Chrome sur le bureau n'a pris en charge le jeu de couleurs préférentielles que pendant quelques semaines.

C’est tellement nouveau. Vous ne rencontrerez probablement pas encore beaucoup de sites Web qui utilisent le jeu de couleurs préféré pour activer automatiquement le mode sombre.

J'espère que cela changera à l'avenir. Les sites Web peuvent désormais respecter votre préférence de mode sombre et la suivre automatiquement. Les développeurs Web ont une nouvelle option dont ils peuvent profiter.

Nous aimons le mode sombre . Maintenant qu'il s'agit d'une option sur tous les derniers systèmes d'exploitation, nous serons ravis de le voir se répandre sur le Web.

EN RELATION: Le mode sombre n'est pas meilleur pour vous, mais nous l'aimons quand même

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]


Cloud et Internet - Most Popular Articles

Comment rouvrir un onglet fermé dans Google Chrome

Cloud et Internet Oct 30, 2025

À l'instar des autres navigateurs Web modernes, Chrome vous permet de rouvrir rapidement les onglets et les fenêtres que vous avez récemment fermés. Google a un peu déplacé ce..


Comment créer un questionnaire dans Microsoft Forms

Cloud et Internet Jan 4, 2025

Microsoft a été occupé à ajouter de nouveaux outils à Office au cours des dernières années, et Forms est un outil que vous trouverez utile si vous souhaitez créer une enquê..


La messagerie vocale est la meilleure fonctionnalité de chat que vous n'utilisez probablement pas

Cloud et Internet Oct 24, 2025

CONTENU NON CACHÉ La messagerie texte est nul. Si vous y réfléchissez, c’est un moyen assez inefficace de communiquer. C'est lent, manque de nuances et il est facile de faire..


Comment écouter des podcasts à des vitesses plus rapides et plus lentes sur l'iPhone

Cloud et Internet Dec 8, 2024

Nous avons tous nos podcasts préférés, mais nous n’avons pas toujours le temps de les écouter. Vous pouvez cependant accélérer vos podcasts à une vitesse de 1,5x ou 2x et l..


Comment ajouter Gmail au nouvel Outlook (Office 365) pour Mac OS X

Cloud et Internet Oct 31, 2025

Microsoft vient de publier une nouvelle version d'Outlook pour Mac, bien que celle-ci ne soit disponible que pour les clients Office 365. Étant donné que la première chose que la..


Utilisez Firefox pour créer des maquettes simples

Cloud et Internet Aug 5, 2025

CONTENU NON CACHÉ Pencil est un outil de wireframing que nous pouvons utiliser pour esquisser une maquette de l'interface utilisateur de notre application. L'avantage de Pencil est qu'il e..


Stupid Geek Tricks: Trouvez les messages secrets dans les en-têtes de sites Web

Cloud et Internet Jul 23, 2025

CONTENU NON CACHÉ Le tour de geek stupide d'aujourd'hui nous emmène dans le monde technique invisible sous la surface de vos sites Web préférés, et nous montre comment les vrais geeks ..


Affichez clairement les noms de domaine du site Web avec la barre d'adresse2

Cloud et Internet Jul 15, 2025

Vous avez besoin d'un moyen simple et rapide de faire ressortir le nom de domaine d'un site Web afin d'éviter les tentatives d'usurpation d'identité? Maintenant, vous pouvez avec Locationba..


Catégories