Issues with the colors, especially under the header and the footer

I want my site to be in "darkmode" but can't seem to get all the white background parts Black, so the white text can show. I tried the below code, and it worked, but I could no longer see what I was editing in elementor (I had to blindly try and select elements to edit because everything was black), and it also changed the appearance of some of the visual elements that are currently showing (specifically on the info and contact pages). My website is https://blissboudoirandbeauty.com using the FOTOGRAFIE theme. This is actually my second website with this theme and I believe that I originally scrapped the dark mode idea for the first site for the same reason :( The code I put in the simple CSS area of the customizer is <style> *{ Color : #fff; Background : #000;} </style> <style> body{ color:fff;