Effet des lumières éteintes/lumières allumées sur le site web HTML

Question

Je me demandais s'il est possible de simuler les lumières éteintes/lumières allumées sur un site web. Quand un bouton est cliqué le site deviendrait sombre (peu importe l'obscurité pourrait être simulée comme ...) ou allumez simplement les lumières et le site Web serait de nouveau visible. Je suis vraiment vide sur le sujet ... Je ne suis pas sûr si cela pourrait être fait en changeant simplement les couleurs des éléments du site d'une manière très spécifique ou avec un certain type de bibliothèque d'effets, canvas ... Je n'en ai vraiment aucune idée.

Quelqu'un peut-il me clarifier? Désolé pour les erreurs, je suis nouveau sur le sujet

Answer 1

Il n'y a pas de solution magique qui transforme votre thème en sombre/lumineux.

Le meilleur que je peux chose est css html.inverse *, html.inverse { filter: invers(); } mais même cela ne fonctionne pas bien.
Un autre est juste une superposition sombre div avec opacité et clic css. Vous êtes probablement mieux de créer deux stylesheet différents (certains css préprocesseur a mixin plus sombre/lumineux et variables que vous pouvez utiliser pour vous aider à construire différents stylesheet)

si vous insistez toujours avec une solution magique qui fonctionne pour tous les sites/css alors peut-être https://www.turnoffthelights.com est quelque chose pour vous. ils ont aussi un bookmarklet qui tente de faire de la magie du mieux qu'il peut

Sinon, cette question est tout à large ...