Эффект выключен/выключен от света на веб-сайте HTML

Question

Мне было интересно, можно ли имитировать выключенные огни/огни на эффекте на веб-сайте. Когда нажимается кнопка, веб-сайт становится темным (независимо от того, какая тьма может быть смоделирована как ...) или просто включите свет, и веб-сайт будет снова виден. Я действительно пуст по этому вопросу ... Я не уверен, что это можно сделать, просто изменив цвета элементов веб-сайта очень определенным образом или с помощью какой-либо библиотеки эффектов, холста ... Я действительно понятия не имею.

Может кто-нибудь уточнить меня? Извините за ошибки, я новичок в этом вопросе

Answer 1

Нет волшебного решения, которое превращает вашу тему в темную/яркую.

Самое лучшее, что я могу, это css html.inverse *, html.inverse { filter: invers(); }, но даже это не работает красиво.
Другой - это просто темный оверлей div с прозрачностью и css. Вы, вероятно, лучше всего создаете две разные таблицы стилей (некоторые препроцессоры css имеют более темный/яркий миксин и переменные, которые вы можете использовать, чтобы помочь вам создать другую таблицу стилей)

Если вы все еще настаиваете на каком-то волшебном решении, которое работает на каждом сайте/css то возможно https://www.turnoffthelights.com что-то для вас. у них также есть букмарклет, который пытается сделать магию лучше всего

В противном случае этот вопрос будет просто ...