I have tried everything. Im not good with CSS
body.wp-night-mode-on.mesmerize-inner-page .content { background: #000000; }
I got that so far that turns my background black, but the side bars and widgets dont change. Any ideas?
Does the night mode plugin come with its own colour selection settings or css edit section?
*You will have to FTP into the plugin directory, find the css file for the night mode plugin and edit in settings for
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum {background-color: #000;}
Where #000 is black so change that to whatever colour it is you want. Where div.wpfl-1 = a specific forum so for example wpfl-2 would be "General C Growing" - you will use the same WPforo css as above but change the relevant wpfl-* so that it applies to all your forums.
You will probably find that there are topic and post divs that need the same treatment too.
*/wp-content/plugins/wp-night-mode/public/css/wp-night-mode-public.css
Maybe it would be better for me to make 2 theme, one dark, one light, and offer my users a choice?
Does anyone know of any good tutorials online to do this please? this will be better option than try o ge his to work right i think
Ideally, the night mode plugin would add a pseudo class to the main page element via it's JS so that when it's turned on/off the pseudo class is added/removed dynamically, such would then apply the basic CSS to all page elements. It might be the case that one could also prepend this pseudo class to a global WPForo selector which would effectively turn off the WPForo CSS thereby applying the plugin settings universally across your site.
In any event, I would have find and install a couple of these plugins on my dev to see what and how they do it.