How can I change whole site color with toggle a button

Ask the community
,
3

I’ve created a 1px image with the color E5F0FE and uploaded on my media manager and link it(Please see the code) according to what you recommended me to do and thank you very much Please see the screenshot in dark mode the font color changes but the icons color(which is pointed by white arrows) is dark blue how can I have them like text fonts or a little lighter?

1880×792 237 KB

$w . onReady ( function () {
$w ( ‘#darkModeSwitch’ ). onChange ( function () {
if ( $w ( ‘#darkModeSwitch’ ). checked ) {
$w ( ‘Document’ ). background . src = “https://dummyimage.com/1/333333” , $w ( ‘#darkModeState’ ). text = “Dark Mode On”
} else {
$w ( ‘Document’ ). background . src = “https://static.wixstatic.com/media/d04120_2636c2ad09774cd597ccfb1e9f929e25~mv2.png” , $w ( ‘#darkModeState’ ). text = “Dark Mode Off” }
});

});

Thanks