Changement thème

dclem78
Les bases HTML/CSS
Javascript

Est-il possible lors du clic sur le bouton, le site passe au thème light ou dark, en appliquant les règles définies dans les @media (prefers-color-scheme) sans devoir spécifier les couleurs dans le JavaScript. En d'autres termes, il faut que le JavaScript modifie le comportement du thème pour qu'il respecte les media queries @media (prefers-color-scheme: light) ou @media (prefers-color-scheme: dark).

1 réponse

aud mbag

C'est possible en Javascript mais c'est mieux d'utiliser les variables CSS. Le Javascript va juste se charger de mettre une classe dark et de l'enlever sur l'élément racine <html> puis tu adapte tes variables CSS en fonction de si cette classe dark est présente ou pas.