Как переопределить css для режима Dark / Light Mode Toggle?

Question

Я очень стараюсь использовать W3Scholls Dark Mode Toggle для моего веб-сайта, но получается, что фон моего сайта не меняется.

Это мой тест Страница веб-сайта , на которой только звезды могут менять свой цвет после нажатия кнопки переключения.

Буду признателен за помощь в изменении стиля для тестовой страницы веб-сайта.

Answer 1

Вы должны понимать, что пример W3Scholls является лишь примером. фон вашего тела не отображается, поэтому его изменение не будет отображаться. если, например, вы изменили фон для about-area div, вы увидите его. вам нужно разработать каждый стиль в каждом элементе, который вы хотите изменить, а затем связать его с селектором dark-mode.

пример:

body.dark-mode .about-area {
    background: black;
}

body.dark-mode p {
    color: white;
}