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