Switch de style (clair/sombre, dys/pas dys, ...)

  • Ajout d'une classe sur le body & ajustement de la css en fonction

Exemple

  • Javascipt :

    vBoutonMode.addEventListener("click", document.body.classList.toggle("mode-dys");)

    On écoute le clic sur le bouton de changement de mode, et sur chaque clic on met ou enlève la classe mode-dys.

  • CSS :

    body.mode-dys *{ // sur tous les éléments descendants du body ayant la classe .mode-dys ...

    font-family:"dys" !important; // ... on force l'usage de la police dys

    }

AccueilSwitch de style (clair/sombre, dys/pas dys, ...)