How can I change the color of font in dark mode?

Ask the community
,
1

Hi There,

I established dark mode for my page and when I toggle on the button the whole page gets dark but the contents are not that clear I need to make them a little bit lighter could someone help me do that?

Please see the screenshot below for the sake of clearance!

Thanks

1856×674 156 KB

2

Here is a good example on how to accomplish this.
Dark Mode | Velo by Wix Examples | Wix.com

3

@amotor Hi amotor thanks for the response I’ve checked the link But I’ve created dark mode and my code is different from the code that you mentioned I need to edit my code that’s the issue!Please see the code below :

import wixSite from ‘wix-site’ ;
$w . onReady ( function () {
const currentPath = wixSite . currentPage ?. url ; //it will show you an error red line on the editor - you should ignore it.
$w ( ‘#darkModeSwitch’ ). onChange ( function () {
if ( $w ( ‘#darkModeSwitch’ ). checked ) {
$w ( ‘Document’ ). background . src = ‘https://dummyimage.com/1/333333’ ;
$w ( ‘#darkModeState’ ). text = ‘Dark Mode On’ ;
$w ( ‘#sunblack’ ). show ();
$w ( ‘#sun’ ). hide ();
$w ( ‘#emailIcon’ ). src = ‘https://static.wixstatic.com/media/d04120_de7b1c2b8afd4d80ad37fa8728122eda~mv2.png’ ;
if ( currentPath === ‘/my-page-path’ ){
// will show you an error red line on the editor - you should ignore it.
$w ( ‘#emailIcon’ ). src = ‘https://static.wixstatic.com/media/d04120_2cd897ba7a2246a396bfa8a23dad40ef~mv2.png’ ;
}
} else {
$w ( ‘Document’ ). background . src = “https://static.wixstatic.com/media/d04120_2636c2ad09774cd597ccfb1e9f929e25~mv2.png” ;
$w ( ‘#darkModeState’ ). text = ‘Dark Mode Off’ ;
$w ( ‘#sunblack’ ). hide ();
$w ( ‘#sun’ ). show ();
$w ( ‘#emailIcon’ ). src = ‘https://static.wixstatic.com/media/d04120_2cd897ba7a2246a396bfa8a23dad40ef~mv2.png’ ;
if ( currentPath === ‘/my-page-path’ ){
$w ( ‘#emailIcon’ ). src = ‘https://static.wixstatic.com/media/d04120_a2f9e9ccd89744d5af2cd1e4bb652e6b~mv2.jpg’ ; //it will show you an error red line on the editor - you should ignore it.
}
}
});
});

There is no font color option!

you can see the link here: https://danmaxwix.wixsite.com/website-6