Étiquette JavaScript qui m’a permis d’ajouter instantanément le mode sombre à mon site | Auteur Abdul Ahad | Octobre 2025

J’avais besoin Mode sombre. Pas seulement un échange de couleurs de base, mais aussi une expérience lisse et pratique qui semblait moderne. Le problème? Je ne voulais pas réécrire l’ensemble du CSS ou dépendre du cadre. C’est là que j’ai découvert minuscule étiquette javascript Cela a immédiatement donné à mon site le mode sombre.

Problème avec l’ajout d’un mode sombre

La plupart des manuels font un complexe sonore sombre. Ils ont l’intention de créer des tables de styles distinctes, de dupliquer les règles CSS ou de reposer sur des bibliothèques lourdes. Je ne voulais pas les tracas.

Je voulais Solution facile – Celui qui ne nécessitait que quelques lignes JavaScript et travaillait avec mes styles existants.

Idée: classes CSS + un interrupteur

Au lieu de réécrire CSS, j’ai ajouté un simple .dark-mode Classe à la racine de mon site. Avec l’activité, il a changé de couleurs. Lorsqu’il est inactif, le site est resté léger.

JavaScript Work? Tournez simplement cette classe d’activation et éteignez.

Étape 1: bouton de commutation