Afin de ménager vos yeux beaucoup de services proposent maintenant des modes nuit qui consistent à passer les fonds blancs en noir par exemple. Cela a pour effet de fatiguer moins les yeux.

On retrouve un thème sombre sur les applications mobile et sur certains services en ligne mais très peu sur les sites web. Pourtant ce n’est pas si compliqué à mettre en place et ça peut être un plus pour votre site.

Darkmode.js est une petite bibliothèque JavaScript qui vous permettra facilement de mettre en place un bouton mode jour / nuit sur votre site.

Le principe de Darkmode.js est simple, une fois le bouton activé le JS rajoute une class darkmode–activated au body et s’occupe ensuite de changer les différents éléments html avec la propriété css mix-blend-mode.
Il est évidemment possible de faire en sorte qu’il ne prenne pas en compte certains éléments et de customiser certaines options.

Pour plus d’infos, je vous invite à aller voir la documentation.