Dark Mode Spotlight est un script JavaScript qui permet aux utilisateurs de passer un site web en mode sombre avec une fonctionnalité unique : au lieu de simplement inverser les couleurs, ce script ajoute un overlay sombre sur toute la page et met en évidence une zone autour du curseur (ou du doigt sur mobile), comme une lampe de poche.
Il est facile à implémenter par les webmasters avec une seule ligne de code à copier/coller dans le <head> du HTML, similaire à l'implémentation d'un tag Google Analytics.
Pour utiliser ce script sur votre site, suivez ces étapes :
- Téléchargez
darkmode.jset ajoutez-le à votre dossier de scripts. - Dans le
<head>de votre fichier HTML, ajoutez la ligne suivante :
<script src="darkmode.js"></script>
Et voilà, c'est tout ! Naviguez vers votre site et vous devriez voir le bouton "Dark Mode" en bas à droite de la page.
Cliquez sur le bouton "Dark Mode" pour activer le mode sombre. Le bouton changera pour indiquer "Light Mode". Cliquez à nouveau pour revenir au mode clair.
N'hésitez pas à modifier ce modèle pour l'adapter à vos besoins spécifiques.