如何覆盖暗/亮模式切换的 css？

Question

I am trying hard to use W3Scholls Dark Mode Toggle for my webiste but what happens is that the background of my website doesn't changes.

This is my Test Websit Page in which only stars could change their colour after Toggle Button is clicked.

I would be grateful for helping me override the style for website Test Page.

Answer 1

you need to understand that the W3Scholls example is just an example. your body's background is not showing so changing it won't show. if for example, you changed the background for the about-area div you will see it. you need to elaborate every style in every element you want to change and then connect it with the dark-mode selector.

example:

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

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